You are viewing an old version of this page. View the current version.
Compare with Current
View Page History
« Previous
Version 3
Next »
流程设计器介绍
- 在应用设计页面, 点击左侧 流程 菜单, 然后点击顶部 设计流程 按钮.
![](/community/download/attachments/12978819/worddav9b145fca202320c9180b11e8d134b9de.png?version=1&modificationDate=1428645530000&api=v2)
- 流程设计器 是在v5中的一个重要变化,它替代了原来老的客户端 流程设计器.
![](/community/download/attachments/27362229/pb.png?version=1&modificationDate=1488374167000&api=v2)
- 设计器有3个主要区域. 顶部区域(如图红色区域)为流程导航面板(显示所有流程名称). 左侧区域 (如图蓝色区域), 所有流程默认元素. 您可以拖拽它们到主区域(流程图区域). 中间 流程图 区域 (如图绿色区域) 用于设计实际的流程图.
![](/community/download/attachments/27362229/pb-layer.png?version=1&modificationDate=1488374216000&api=v2)
- 点击流程名称的编辑图标. 它将提供流程属性配置对话框.
![](/community/download/attachments/12978819/worddav4c117bf206a388ba84c28eff8d37c633.png?version=1&modificationDate=1428645531000&api=v2)
- 想添加 参与者 可以点击当前参与者下的绿色"+"按钮. 参与者代表执行一类任务的用户或角色. 鼠标悬浮点击编辑可以编辑它的属性.
![](/community/download/attachments/12978819/worddav98d0d94bf7694f9e9c5db274e64024d4.png?version=1&modificationDate=1428645531000&api=v2)
- 添加 活动, 工具 和 路由活动 到流程图中. 活动代表需要人工参与的任务节点. 工具代表系统自动执行的任务节点, 路由活动则为决策分支节点. 使用连线可以将他们连接为一个工作流. 您既可以从现有节点扩展元素或通过拖拽左侧元素到流程图中进行流程设计.
![](/community/download/attachments/27362229/pb-overall.png?version=1&modificationDate=1488374802000&api=v2)
- 定义路由分支 (例如审批结果), 使用 路由活动(Routes) 结合 工作流变量(workflow variables). 要创建工作流变量, 点击流程名称的属性编辑对话框. 点击在工作流变量的“+”号图标可以添加工作流变量名 e.g. status.
![](/community/download/attachments/12978819/worddav1128ee9986c34af9d5b329a8223d8da9.png?version=1&modificationDate=1428645532000&api=v2)
- 一旦工作流变量被定义, 鼠标悬浮在连线上点击编辑按钮.
![](/community/download/attachments/27362229/pb-condition-set.png?version=1&modificationDate=1488374666000&api=v2)
- 在弹出的对话框中选择类型 条件, 在变量列选择工作流变量 status 输入 Approved 在 值 列. 这代表如果工作流变量status为 "Approved" 时,流程走该分支.
![](/community/download/attachments/27362229/pb-set-condition.png?version=1&modificationDate=1488375206000&api=v2)
- 设置连线类型 其它 代表如果不满足(其它分支)条件,流程默认走该分支. 其它分支显示为桔色. 以下为一个简单的样例:
![](/community/download/attachments/27362229/pb-condition.png?version=1&modificationDate=1488374507000&api=v2)
- 请确保流程有 开始 和 结束. 点击 部署 将流程部署到服务器.
Mapping Participants to Users
- Once a process has been successfully deployed, return to the previous tab/window. The new process diagram will be generated after you click on OK. Joget Workflow will interpret the process diagram and load the process details.
![](/community/download/attachments/27362229/pmap.png?version=1&modificationDate=1488375374000&api=v2)
- Participants defined in the process are listed in the Map Participants to Users tab, and you can map each participant to specific people. Click on Add/Edit Mapping to map to specific groups, users, organization chart, etc. If no mapping is done for a participant, any tasks are automatically defaulted to the current user instead.
![](/community/download/attachments/12978819/worddav84e17b2c7e4cd4aa8c5979990f3a8200.png?version=1&modificationDate=1428645534000&api=v2)
- In the Map Activities to Forms tab, all process activities are listed.
- For each activity, click on Add/Edit Form to select from a list of current forms in the app.
![](/community/download/attachments/12978819/worddav6a3477a2543daabe14d02309a0f84644.png?version=1&modificationDate=1428645534000&api=v2)
- As an example to handle an approval process, click on Create New Form to create a new Travel Approval Form. In this new form, add a Subform that displays the original submitted form, and radio buttons to capture the approval status.
![](/community/download/attachments/27362229/form-new.png?version=1&modificationDate=1488375980000&api=v2)
- Configure this Subform to select the original request form.
![](/community/download/attachments/27362229/form-subform.png?version=1&modificationDate=1488376039000&api=v2)
- Configure the status radio button to have Approved and Rejected options.
![](/community/download/attachments/12978819/worddav3c8a6d300fef7725c3bac5af549158d7.png?version=1&modificationDate=1428645535000&api=v2)
- For routing purposes, an important setting in the radio button is the mapping to a workflow variable under Advanced Options. In this case, setting the mapping to status means that the value will be stored in the status workflow variable.
![](/community/download/attachments/12978819/worddav632bdcac8c2b2b03d9a1696da9ac82ba.png?version=1&modificationDate=1428645535000&api=v2)
- After all the configuration, the new approval form should look similar to the following screenshot:
![](/community/download/attachments/27362229/form-complete.png?version=1&modificationDate=1488376160000&api=v2)
- In the Map Tools to Plugins tab, you can map tools defined in the process to plugins.
![](/community/download/attachments/27362229/pmap-tool.png?version=1&modificationDate=1488375443000&api=v2)
- For each tool, click on Add/Edit Plugin to select and configure a plugin.
![](/community/download/attachments/12978819/worddav26706297d39176f980c7fc3b6a3a66a7.png?version=1&modificationDate=1428645536000&api=v2)
Test Driving the Process
- To perform a test run on a process, click on the Run Process button along the top of the App design process page.
![](/community/download/attachments/12978819/worddavafec83e6f720176ff2ae62b51c2915c9.png?version=1&modificationDate=1428645537000&api=v2)
Incorporating the Process into the Userview
- In the App design page, click on the name of an existing userview to launch the Userview Builder.
- Drag a Run Process element into a menu category. This menu element allows the user to start a process from the userview.
![](/community/download/attachments/27362229/pb-runprocess.png?version=1&modificationDate=1488376513000&api=v2)
- Click on Properties of the Run Process element and select the process to run.
![](/community/download/attachments/27362229/pb-runprocess-edit.png?version=1&modificationDate=1488376499000&api=v2)
- Drag an Inbox element into a menu category. This menu element provides the user with an inbox to manage their assigned workflow tasks.
![](/community/download/attachments/27362229/pb-inbox.png?version=1&modificationDate=1488376484000&api=v2)
- Save the userview, and you will be able to run and perform assigned tasks in the published userview.
![](/community/download/attachments/27362229/uv.png?version=1&modificationDate=1488376472000&api=v2)