慧正工作流系统v50中级培训教程

1、慧正通软科技慧正工作流系统 V5.0中级培训2011 年 10 月目录培训说明1二次开发规范讲解21.2.3. 搭建开发编译环境24. 基于设计器的模块定制与接口开发35. 流程定制与接口开发96.界面修改12附：高级培训内容预告121. 培训说明培训对象：1) 采用本进行项目实施开发的技术2) 具备 java、js 编程基础的用户管理员培训目的：1)2)3)4)掌握界面修改全面掌握设计器的使用。全面掌握工作流定制功能的使用。掌握基于接口的扩展功能开发。培训要求：自备笔记本一台，能链接到培训网络环境（或自备 500M 以上 U 盘一个）。已参加入门培训（建议）。1 / 13慧正通软科技对 ja

2、va、js 编程有初步了解。培训内容：1)2)3)4)5)二次开发规范讲解 预计 15 分钟。搭建编译开发环境 预计 15 分钟。界面修改练习 预计 15 分钟基于设计器的模块定制与接口开发 预计 360 分钟流程定制与接口开发 预计 300 分钟培训时间：14 小时。考核标准：1)2)跟随培训讲解，按照培训要求，完成培训练习，并经培训讲师现场确认。将定制的模块、流程导出后发给培训讲师。2.二次开发规范讲解实施规范讲解内容参见二次开发规范3.搭建开发编译环境1)2)3)将 hzdev.rar 解压（注意解压目标路径不要含有中文） 在解压后的文件夹中执行 eclipse.vbe在 eclipse

3、 界面点击“Windows”“Perferences”设置 tomact 运行路径，如下图：2 / 13慧正通软科技选择后执行 OK4)5)6)在 eclipse 中启动 tomcat上传 license（如果已经安装了演示版，license 通用）重启 tomcat，就可以开始使用了后面请大家按照培训说明跟随培训讲师一起练习，有问题培训讲师进行指导。4.基于设计器的模块定制与接口开发注意事项：1)2)3)练习过程名注意按照提供的名称，否则后面的说明会与你的环境不一致。初次使用，容易忽略创建表操作，没有数据表，前台视图会显示数据-1注意创建表单的时候，要先看一下当前选择的数据表是否正确，避免将

4、表单创建到别的数据表下面。练：基本字段类型使用3 / 13此处选择解压开发环境下的 Tomcat 文件夹慧正通软科技1)2)3)4)5)进入设计器，新建一个模块，模块名称为“test1”，进入该模块的库表设计页面新建库表，表名“tz_peixun_test1”，中文名称“练习表 1”为“培训”切换到“字段属性”页点击“新增”，字段名填写“input1”，中文名称填写“输入框类型”录入类型选择“日期”，的“确认并新增”，并以此操作继续录入如下字段：6)7)8)9)10)执行“创建表” 点击“表单”在弹出窗口录入表单名称“字段类型练习”切换到“表单字段”页，点击“引入字段”按住 CTRL 键，选择

5、“标题”、“输入框类型”、“选项类型”、“附件类型”、“大文本类型”11)12)13)14)15)16)17)18)19)20)21)22)23)24)25)26)27)28)29)30)选择完毕的“引入”切换到“表单按钮”页点击“新建”，按钮名称“保存”，按钮类型“保存”，点击“确认并新建”按钮名称填“关闭”，按钮类型选择“关闭”，点击“确认”点击保存、关闭切换到视图设计页点击“模板创建”选择视图模板“所有数据（非流程）”选择数据表“练习表 1”，确定该视图，或选中视图，点击“属性”按钮，打开视图属性编辑窗口视图名称改为“字段输入类型练习视图”切换到“列属性”，点击“新建”列标题填写“标题”

6、点击“字段名称”右侧的箭头图标，在弹出窗口，选择标题列，确定在列的 OnClick 属性，点击输入窗格前面的图标弹出窗口中，操作类型选择“打开表单（仅当前模块）”，对象选择“字段类型练习”点击确定点击确认切换到“视图按钮”点击“新建”，名称输入“添加”4 / 13字段名称中文名称录入类型其他input1输入框类型日期dict1选项类型字典（Name）击“选择字典”右侧的箭头图标 在弹出窗口选择“手动录入选项” 录入“选项1”，换行，录入“选项 2”sel1选择类型用户（Name）att1附件类型普通附件rtf1大文本类型大文本数据类型选择“大文本”慧正通软科技31)点击调用函数后面的图标，弹出

7、窗口中，操作类型选择“打开表单（仅当前模块）”，对象选择“字段类型练习”点击“确认并新建” 名称录入“删除”按钮类型选择“删除”，点击确认点击保存，关闭32)33)34)35)36)切换到“导航菜单”页，用鼠标左键点击选中“导航菜单”，然后在导航菜单上点击鼠标右键，选择“新建子菜单” 菜单名称填写“字段录入类型练习” 选择下面的视图“字段输入类型练习视图” 点击确认点击保存，关闭进入 Horizon Administrator 页面，进入“系统管理”“菜单管理”新建菜单，上级菜单选择“内部”，链接选择“模块”test1，菜单名称填写“练习模块 1”，菜单编码填写“test1”菜单图片，任意选择

8、执行“保存”37)38)39)40)41)42)43)44)45)46)47)48)49)50)刷新进入 Horizon Operator 页面，在内部下面新建的菜单进行的增、删、改操作进入设计器，打开“test1”模块“练习表 1”，在弹出窗口，切换到“字段属性”对刚才设计的字段做如下修改（每修改完毕一个字段注意点击“确认”再继续修改下一个字段）title 字段的默认值输入“|username|”51)52)53)54)55)56)input1 录入类型修改为“日期时间”，为空选择为“否”dict1 录入类型修改为“单选多选框（Name）”sel1 录入类型修改为“部门（Name）”att1

9、 单值多值修改为“多值”保存，回到前台录入效果的变化。练习 2：用不同的表单展现同一条1)在 tz_peixun_test1 表下创建一个“只读表单”，引入“标题”、“输入框类型”、“选项类型”、“附件类型”、“大文本类型”字段，并将这些字段的状态都设置为“只读”打开“字段输入类型练习视图”属性编辑，新增一个列，列的名称为“浏览”，列字段不要设置，onclick 选择打开刚才创建的只读表单。2)3)进入前台“字段输入类型练习”菜单，会发现视图多了一个“浏览”列，用这个列链接打开的表单是只读状态。练习 3：扩展字段类型使用自动编号字段1)2)按照“练习 2”的，在 test1 模块创建“tz_p

10、eixun_test2（练习表 2）”表在表的字段属性编辑，新增如下字段：5 / 13字段名称中文名称录入类型其他Num自动编号自动编号慧正通软科技3)选中“练习表 2”，在右侧编号规则列表中，新建，弹出窗口填写如下：编码：zdbh规则名称：自动编号规则内容：自动yearmonthday* 创建表打开练习表 2 的字段属性编辑，选中 num 字段，点击编号规则后面的图标，选择刚才创建的编号规则确认，保存4)5)6)7)8)按照“练习 2”的创建表单，名称为“自动编号练习”，引入“标题”、“自动编号”两个字段，创建“保存”，“关闭”表单按钮。在视图中用“所有数据（非流程）”模板创建“自动编号练习

11、视图”，按照练习 2 的加入“标题”，给视图增加“添加”、“删除”按钮在导航菜单编辑新建一个子菜单，链接选择视图“自动编号练习视图”9)10)11)12)到前台，添加数据，点击自动编号图标。进入设计器，打开自动编号练习表单属性编辑，在 js 脚本部分录入如下脚本（其中“表单 id”替换为当前窗口显示的表单 ID）<script>function _impl_onload()var obj =$("表单 id_NUM"); if(obj.value !="") return; obj.nextSibling.onclick();</scr

12、ipt>13)14)切换到表单字段，将自动编号字段设置为“只读”状态保存表单，回到前台添加数据，可以看到，表单一打开，就已经自动编号了。练习 4：动态表格使用1)创建“tz_peixun_subt1（中文名：动态数据子表）”表，新增如下字段：2)在 tz_peixun_subt1 表创建表单“动态数据子表单”，引入“姓名”、“ “备注”创建 tz_peixun_test3（中文名：练习表 3），新增如下字段：”、“出生日期”、3)6 / 13字段名称中文名称录入类型其他Dt动态表格动态表格默认值录入动 态 数 据 子 表 单id?20|15|20|40字段名称中文名称录入类型其他TITL

13、E改为“文本Sex单选多选框（Name）手动录入选项男女Birthday出生日期日期Memo备注文本ParentidParentid文本必须有这个字段慧正通软科技注：动态数据子表单 id 就是刚才创建的表单的 id，？后面是动态表格列宽比）参数（百分4)在 tz_peixun_test3 表创建“含动态表格表单”表单，引入“标题”、“动态表格”两个字段。并添加“保存”、“关闭”按钮。用“所有数据（非流程）”模板创建“动态表格练习视图”，增加列、按钮、操作同前。注意列和按钮打开表单链接选择“含动态表格表单”在导航菜单编辑添加“动态表格练习”菜单，挂接上面的视图。到前台测试一下动态表格效果。5)6

14、)7)练习 5：字段 js 接口（ajax 调用）练习（以 onclick、onchange 为例）1)创建 TZ_PEIXUN_TEST4（中文名：练习表 4），新增如下字段：2)在此数据表下，创建“按钮 js三个字段。练习”表单，引入“标题”、“onclick”、“onchange”3)在表单 js 脚本加入如下脚本代码（下面脚本中的“（表单 id）”，替换成当前表单的 32位 id）：<script src=|apppath|/resource/scripts/ajaxcommon.js></script><script>/onclick 数据库字段，

15、在 onclickfunction showhidden(value)中调用此 JSvar obj = $("（表单 id）_TITLE").parentNode;while(obj .tagName != "TR") obj= obj .parentNode;if(value=0)obj .style.display="none"elseobj .style.display="inline"7 / 13字段名称中文名称录入类型其他OnclickOnclick单选多选框（ID）默认值：1选择字典手工录入如下两行：显

16、示标题|1 隐藏标题|0按钮 onclick填入：showhidden(this.idvalue)onchangeonchange下拉框(Value)选择字典手工录入如下一行(登录名)：Admin按钮 onchange填入：ajaxBack();慧正通软科技/onchange 数据库字段，在 onchange function ajaxBack()中调用此 JSvar id=$("（表单 id）_ONCHANGE").value; if(id!="")var flagurl ="|apppath|/examples/example.ajaxBa

17、ck.jsp?userId="+id; var bakStr = _GetXMLBack(flagurl);$("（表单 id）_TITLE").value=bakStr;else$("（表单 id）_TITLE").value=""</script>4)5)将培训素材提供的 example.ajaxBack.jsp 文件，拷贝到 examples 路径下。采用“所有数据（非流程）”模板创建视图，在单选项切换时，显示隐藏页面上的标题行。同前面的练习，在前台调用此表单，练习 6：视图数据分组练习1)采用“所有数据（

18、非流程）”模板，练习表 1 创建“分组练习视图。设置标题列。在分组设置选择单级分组字段。将此视图挂接到导航菜单，观察单级数据分组效果。2)3)将上面的视图分组设置改为“多级分组”，在培训讲师的向，参考“公文管理手工录入”模块中的登记视图进行多级分组设置。并观察效果。练习 7：表单与嵌入视图与视图传参综合练习1)创建 TZ_PEIXUN_REC（中文名：阅读表），表单字段如下：2)采用“所有数据（非流程）”模板创建“阅读 “部门”、“时间”三个列在 TZ_PEIXUN_TEST1 表下创建“QueryOpen段。嵌入视图”，在视图中增加“姓名”、3)演示表单”表单，引入“标题”字4)5)表单展现

19、方式改为“html 表单”进入表单布局编辑。将如下表格粘贴到编辑区域（建议清除 word 格式，否则源码编辑会很乱）8 / 13表单演示标题阅读（阅读嵌入视图位置）字段名称中文名称录入类型其他name文本Dept部门文本Datetime时间文本parentid主数据 id文本Useriduserid文本慧正通软科技在标题后面标题字段。切换到源码模式，找到（阅读嵌入视图位置），替换为如下代码（其中视图 id 为刚才创建的“阅读<iframe嵌入视图”的 id）：id="viewid"height="300"border="0"图s

20、rc="|apppath|/horizon/formview/view/workview.list.jsp?viewid=视id&amp;dataid=TZ_PEIXUN_TEST1.ID&amp;paradataid=TZ_PEIXUN_TEST1.ID"frameborder="0" width="100%" name="viewid"></iframe>6)在 eclipse src 中创建类package 路径：com.horizon.example类名称：Recer将培训

21、材料提供的 Recer.java 代码拷贝进去演示表单”属性编辑，切换到“表单7)进入“QueryOpen”，新建名称“阅读脚本如下：”javax.servlet.http.HttpSession session = request.getSession(); String userid=com.horizon.util.SessionUtil.getUserId(session);String username=com.horizon.util.SessionUtil.getUserName(session);String deptname=com.horizon.util.SessionU

22、til.getDeptName(session);com.horizon.example.Rec保存er.Record(dataid,userid,username,deptname);8)9)10)11)进入“字段输入类型练习视图”属性编辑窗口在列属性新建一个列，列标题“阅读”OnClick 选择打开当前模块表单“QueryOpen演示表单”前台测试效果5. 流程定制与接口开发练习 8：创建流程1)创建 tz_peixun_flow 表，包含如下字段：2)3)4)5)6)在此表下创建“流程练习表单”表单，引入“标题”和上述字段。表单“流程表单”属性，选择是，保存关闭。在表单数据上点击鼠标右键

23、，弹出菜单选择“定制流程” 流程 id 填写“testflow”，流程名称填写“练习流程”绘制如下图的流程图：9 / 13字段名称中文名称录入类型其他User办理用户（id）Router路由条件整数Nodeevent节点文本Routerevent路由文本Myaction自定义操作文本Myurlparaurl 传递的参数文本慧正通软科技7)8)9)绘制完毕保存在流程绘制页面空白处，点击鼠标右键，选择“测试流程” 录入数据，提交办理此流程。练习 9：设置节点办理人1)进入流程绘制页面，在节点 1 上点击右键，弹出菜单选择“办理人设置”，添加用户 user1， 确定，保存流程测试流程，提交选择路由

24、1，观察文件是否自动提交给 user1。2)练练1)2)1：路由条件练习在流程绘制页面空白区域点击右键，选择“高级属性”在“路由参数设置”部门，填写“mycon”，后面依次选择“流程练习表”、“路由条件”、 “数字”，然后点击+号，确定在路由 1、2、3 依次点击右键，选中路由条件，分布按照3)<100>=100 并且 <200>=200进行路由条件设置4)5)确定，保存流程执行流程测试，分布在路由条件填写上述范围的数值，进行路由条件测试练1)2：流程启动时，通过 url 向页面传递需要的参数登录系统，在 url 填写如下his is mypara2)观察流程启动页面是

25、否正确获取了传递的参数。10 / 13慧正通软科技练1)3：增加表单操作进入“流程练习表”表单属性设置页面，切换到“表单按钮” 写“打印”，按钮类型选择“打印”，保存，新建，按钮名称填2)进入流程绘制页面，在开始节点点击右键，选择“表单权限设置”，在表单设置页面点选“流程练习表单，右侧所选表单操作列表选择“打印”，存流程。执行流程测试，在页面录入一些数据，试用打印按钮。的应用，确定，保3)练1)4：自定义操作练习在设计器页面，选中 test 模块，切换到“自定义操作”，新建操作名称：操作调用函数：myaction()函数脚本（表单 id 替换为你的“流程练习表单”id）：function my

26、action()$("表单 id_MYACTION").value="这是流程自定义操作写入的内容" ActionDo("Submit");图片任意选择2)3)4)5)进入流程绘制页面，在开始阶段点击右键，选择“操作权限设置”在自定义操作列表，点击添加，选择“确定，保存流程操作”测试流程，点击操作，会自动在表单填入，并执行提交。练1)2)3)4)5：流程节点练习在 eclipse 创建类：com.horizon.example. FlowEvent.java将培训素材提供的源码拷贝进去进入流程绘制视图，在开始节点点击右键，选择“其他设

27、置”在列表点击添加名称“节点练习”类型“离开节点执行” 代码填写：com.horizon.example.FlowEvent.NodeEvent(work);5)6)7)8)确定，保存流程。进入流程测试，执行提交，观察页面是否自动了节点执行。进入流程绘制页面，在路由 1 上点击右键，选择“设置，点击添加设置”名称：路由练习类型：路由顺向执行代码：com.horizon.example.FlowEvent.RouteEvent(work);9) 确定，保存流程10) 进行流程测试，提交流程通过新路由 1，观察路由在页面的。11 / 13慧正通软科技练6：流程接口 js练习1)进入“流程练习表单”表单属性页面，在 js 脚本部分，填入如下脚本<