H3 BPM门户操作说明及实例介绍

一、  H3 BPM部件介绍

H3_V9.0门户功能主要由两部分功能组成:前台展示和后台管理;

1.   前台展示

前台展示参考sharepoint部件管理,用于将用户添加的webpart部件在页面上进行展示;如图1。

 

                                                    图1 门户界面

1.1   展现模式

前台展现模式有两种,当以管理员账号登陆时,模块管理提供浏览和设计两种模式。浏览模式用于展现部件内容;设计模式用于部件设计,此模式下提供部件的增加、删除、属性设置、顺序调整功能。见图2、图3;普通用户只有浏览模式。

 

                                                   图2 浏览模式

 

                                                       图3 设计模式

1.2   设计模式

1.2.1             属性设置

部件属性设置包括两部分,公有属性和私有属性。

公有属性是所有部件都具有的属性,如标题、宽度和高度等,用于控制部件在首页上显示的外观,见图4。公有属性元数据在后台管理系统配置。

 

                                                               图4 公有属性

私有属性即为各部件所独有的属性,主要用于控制部件在首页上显示的内容,见图5。私有属性元数据来源于XML文件(文件位于portal/webparts/ot/..目录下,..代表具体webpart部件文件夹),同样也可以通过后台管理系统进行设置;

 

                                                         图5 私有属性

1.2.2             部件操作

部件操作主要包括部件的添加、删除、上移、下移(同一部件范围内)。

l   添加

点击添加按钮后,弹出部件类型选择界面,如图6.目前系统已提供了8种部件类型,后面将详细说明各部件类型用途及设置。

 

                                                             图6 部件选择

  删除

删除叫简单,不叙。

 上移

将部件的显示顺序向上调整一位,相应的原先的上一位部件向下移一位。

  下移

将部件的显示顺序向下调整一位,相应的原先的下一位部件向上移一位。

1.3   部件说明

1.3.1        HTML部件

 公有属性

 

  私有属性

 

  效果

 

1.3.2        全文检索

  公有属性

   私有属性

 

说明:查询提交页面为查询后台页面;

  效果

 

 

1.3.3        Ascx控件(以待办任务为例)

  公共属性

 

   私有属性

 

  效果

1.3.4        菜单(以首页导航栏为例)

   公有属性

 

说明:因首页导航栏只显示菜单项,因而未设置标题;

   私有属性

 

   效果

 

1.3.5        用户搜索

   公有属性

 

  私有属性

 

  效果

 

1.3.6        数据模型

   公有属性

 

   私有属性

 

  效果

 

1.3.7        文档模型

   公有属性

 

  私有属性

 

  效果

 

1.3.8        图片数据模型

  公有属性

 

说明:当动态展示图像时,不需要显示部件标题,因而未设置标题;

   私有属性

 

   效果

 

2.     后台管理

后台管理页面内容见下图:

 

门户管理下设模板管理、部件管理、部件公共属性、页面管理及新建页面功能。

1.1  模板管理

模板管理主要用于定义门户首页的页面框架;双击模板,对页面模板进行编辑,修改模板结构(现系统初始化时默认提供了一个页面模板,地址为/Portal/PageTemplate/Template.html);

点击添加模板,可以添加一个新的页面模板(可以添加多个模板,在前台以管理员账号登陆,点击“模板管理”-“切换模板”可以切换首页展示的页面模板)

 

1.2  部件管理

部件管理页面主要用于系统webpart部件的添加和编辑,系统默认提供了9种部件模板类型(模板类型元数据来源于/Portal/WebParts/OT/../webpart.xml,其中..号代表具体部件模板类型文件夹)。

 

双击一种部件类型,弹出部件编辑界面,见下图

 

 

1.3  部件公共属性

部件公共属性页面用于管理所有部件共用的属性的CRUD操作,具体操作方式:

添加:点击“添加行”,列表框最下方产生一新行,填写相关内容后,保存则自动产生ID列值,代表添加已成功。

修改:选中任一待编辑行,点击“修改行”,修改相关值,保存完成修改;

删除:选中人一行,点击“删除行”删除选中行

 

1.4  页面管理

页面管理页面用于展示系统中已经存在的页面实例;页面的设计原则是每个部门可以拥有自己部门独立页面,当部门页面不存在时,默认采用公司页面,公司页面为系统初始化时自动生成(页面不同于页面模板,多个页面可以共用一个页面模板)

 

1.5  新建页面

新建页面功能用于创建某个组织单位所独有的页面,如下图

 

 

 

3.     门户功能设计原理

门户功能设计原理如下:

1、系统初始化时自动生成页面模板和页面的实例,该页面组织单位隶属于CompanyID,此时页面模板的html内容还没有初始化(因为页面模板存放地址为Protal)

2、第一次登录系统时,首先判断默认页面模板的Html内容是否已经初始化,如内容已存在,则跳过初始化工作,直接加在页面内容和页面上已经存在的部件实例;如未初始化则执行以下工作:

l   读取Template.Html内容,给默认页面模板HtmlContent字段赋值;

l   初始化部件模板类型,遍历“/Portal/WebParts”文件夹下的部件实例子文件夹,根据文件夹下的“webpart.xml”文件内容实例化部件模板类型;

l   在实例化部件模板类型基础上,初始化若干部件实例,先系统初始化了如下部件实例:首页导航菜单、待办任务及全局检索;

3、部件实例和页面的关系

系统初始化时初始化了一个页面实例,页面实例OrgId为CompanyId,初始化(或添加)具体部件实例时,需要设置实例关联的页面,初始化时部件实例关联页面PageId为Guid.Empty

4、部件实例和部件模板实例关系(N:1)

5、部件实例加载原理:部件模板文件夹下一般存在如下两个个文件Setting.aspx、View.ascx,Setting负责设置部件实例属性值,存入数据库;而View.ascx控件负责控制部件实例的显示内容,具体细节如下

l   从数据库读取部件实例私有属性值;

l   通过反射机制,给View.ascx控件的相关属性复制;(后面要改)

l   将View.ascx包装成一个UserControl,然后通过ViewContainer.ascx(存放地址/Portal/WebParts/)容器进行加载;

l   页面加载ViewContainer.ascx控件

 

二、  简单实例介绍

门户总览:

 

 

主要通过ascx部件、图片部件、数据模型部件。 以上效果图中没有使用数据模型部件,而是在这个部件的基础上修改后作为一个用户控件来使用的。

 

图片部件:

详细页面,图片附件自动转换成图片,且可以进行简单评论。

 

 

 

更多界面:

 

 

 

附上配置的截图:

 

链接:CusPages/ShowDetails.aspx?BizObjectID={ObjectID}&IsAll=true

 

链接:

CusPages/NewsView.aspx?Type=TZGG&FunctionCode=TZGGView

posted @ 2017-01-13 10:02  一面开发一面流程  阅读(592)  评论(0编辑  收藏  举报