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

Posted 2020-09-07

一、 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 部件选择

l 删除

删除叫简单，不叙。

l 上移

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

l 下移

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

1.3 部件说明

1.3.1 html部件

l 公有属性

 

l 私有属性

 

l 效果

 

1.3.2 全文检索

l 公有属性

 

l 私有属性

 

说明：查询提交页面为查询后台页面；

l 效果

 

 

1.3.3 Ascx控件（以待办任务为例）

l 公共属性

 

l 私有属性

 

l 效果

 

1.3.4 菜单（以首页导航栏为例）

l 公有属性

 

说明：因首页导航栏只显示菜单项，因而未设置标题；

l 私有属性

 

l 效果

 

1.3.5 用户搜索

l 公有属性

 

l 私有属性

 

l 效果

 

1.3.6 数据模型

l 公有属性

 

l 私有属性

 

l 效果

 

1.3.7 文档模型

l 公有属性

 

l 私有属性

 

l 效果

 

1.3.8 图片数据模型

l 公有属性

 

说明：当动态展示图像时，不需要显示部件标题，因而未设置标题；

l 私有属性

 

l 效果

 

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