webs esb入门小练习操作手册part3任务开发

1、一. 开发 UI & Task1.将 Designer 切换到 UI Development 流程开发视图点击 UI Development 按钮切换到流程开发试图2. 创建申请假期页面(1) 创建 UI Project在 Solution 中，找到 Default Solution->User Interfaces，右键点击，然后再弹出的菜单中选择 New Portlet Application在弹出的窗口中输入名称 leaveRequestApply，接受其它的默认设置，点击"finish"完成创建(2)在新建的 leaveRequestApply 中，创

2、建新的 portlet右键点击 leaveRequestApply，在弹出菜单中选择 New Portlet在弹出的窗口中，接受第一个默认值，直接选择 Next在下一个页面中，填入新 Portlet 的名字 leaveRequestApplyPortlet，接受其余默认设置，直接点击"finish"完成创建此时，编辑器中可以看到新建的空白的 portlet(3)添加 web service 调用在编辑器中打开上一步骤中创建的 portlet(如果做练习时没有中断，则此时应该已经是打开状态)在 Designer 菜单中选择 File->New->Web Servi

3、ce Connector在弹出窗口中，看到选中的正是当前的 Project，点击 Next 继续在 WSDL 一栏中，选择 Choose a Web Service from a Data Providor选择此项后就可以在 Integration Server 中选择之前创建的 web service选中之前创建的 Web Service: publishLeaveRequestDoc_WSD可以看到 WSDL 被自动填入，点击"Next"继续选中唯一的 operation，点击"finish"完成创建(4)在页面中添加输入字段如下图所以，在 bind

4、ing参数，将其拖拽到页面中页中，找到刚刚创建的 web service 调用中的输入Designer 会自动创建与输入字段对应的控件，完成效果如下图所示接下来修改字段的描述。点击要修改的行，注意不要点击输入框，而是点击输入框外边的部分，它们是不同的控件。如下图所示，点击红色箭头的位置即可，不要点击箭头的位置。如果点击正确，可以在下方 Properties页中，看到控件类型是 Property Line。在 Display 子页中，修改 Label 字段的值同样的修改所有的字段，结果如下图所示接下来修改“假期类型”的控件类型，现在是普通的文字输入框，其修改为下拉菜单。限制输入的值。右键点击“假

5、期类型”的输入框控件，这次是点击输入框本身，确定点击后在页看到的控件类型是 TextInput，在弹出菜单中选择 ChangePropertiesControl Type。如下图所示在弹出窗口中，在上部的搜索栏中输入"drop"，即可搜索出我们想要的控件"dropdown"。选择 Dropdown，点击"OK"完成修改左键单击修改后的“假期类型”下拉菜单控件，在 Properties页中的 Choices子页中，可以看到当前没有任何选项，单击右方的绿色加号添加一个选项然后双击该选项选择子页 Value，在字段 Item Value 中

6、填写假期类型"年假"从 左键点击“假期类型”字段 步骤开始重复一遍，增加假期类型“病假”接下来在页面中添加 web service 调用按钮。在 binding页中，找到之前引入的 web service 下面的 Refresh，拖拽它到下图中的红色竖线位置修改新增按钮的名称。点击该按钮，在 Value 子新的值“提交申请”页中的 Value 栏位，输入完成效果如下图所示至此保存关闭即可3.创建审批请假申请 Task(1)创建 Task Project在 Solution 中，找到 Default Solution->Tasks，右键点击，然后再弹出的菜单中选择 Ne

7、w Task Portlet Application在弹出的窗口中，输入 Project Name: leaveRequestApprove，接受其余默认设置，点击"finish"完成创建(2)创建 Task右键点击刚刚创建的 Project，选择 New Task在弹出的窗口中输入 Task 的名称 leaveRequestApproveTask，接受其余默认选项，点击"finish"完成创建(3)将创建好的 Task 填入流程中切换到 Overview页，在左侧找到 Task Type ID 字段，拷贝其值在 Solution页中，找到之前创建的流程

8、Default Solution -> Processes -> LeaveRequest -> leaveRequestProcess 双击打开弹出框询问是否切换到 Process Development 流程开发模式，选择"Yes"首先设置“HR 审批”步骤。左键点击该流程步骤，在 Properties 标签页的 Implementation 子页中，找到 Task Type ID 字段，粘贴刚刚的 ID，如下图所示点击 Inputs/Outputs 子页，可以看到此时没有任何参数，点击 Inputs 和Outputs 的刷新按钮，自动载入参数，如下图

9、所示如果之前没有后面马上会用到。切换到 General 子流程步骤 ID，或者已经忘记，此时可以顺便再一下，页，找到 Step ID 字段，其值重复以上步骤，设置“经理审批”和“部门主管审批”步骤。保存修改，关闭流程。切换回到 UI Development 模式(4)为 Task 添加输入/输出参数在上一步骤中创建好的Task 应该已经在编辑器中打开了，切换到 Business Data页，可以看到此时没有任何参数。点击右方的 Add 按钮。在弹出的窗口中，首先在左侧选择参数的类型，选中 Document Reference，在右侧输入参数的名字 leaveRequest，修改参数的输入/输出

10、属性，此参数仅作为输入使用，故去掉 Output 选项。最后点击 Browse 按钮来选择 Document Type在弹出窗口中，选择之前练习中创建的 Document Type可以看到选中的 Document Type 已经被填入，点击"OK"完成创建(5)配置 Task 分配(Assignment)Task 分配的作用是制定实际执行 Task 的人，在此练习中，因为极度简化的业务数据的内容，所以我们根据流程步骤来决定执行 Task 的人。比如：当流程步骤是 S5 时，说明是 HR 审批步骤，则此时应该由 HR的人来执行。打开 Assignment页，可以看到此时没有任

11、何分配，点击右方的 Add可以看到窗口的右侧出现了新增分配的内容。首先，在 General 部分，填写 Assignment Name 和 Description然后，在 Assignee 部分，点击右侧的 Add 按钮来添加分配的目标对象在弹出的窗口中，先在左侧选择目标对象的类型，Role UID，然后在右侧的栏位中，填入的 ID：lqr_hr，点击"OK"完成回到前面的界面后，可以在 Assignee 部分看到添加的目标对象已经在接着为此分配添加限制条件，即当步骤 ID 为 S5 的时候才执行此分配。中。在 Assignment Options and Conditio

12、ns 部分，点击右侧的 Add 按钮，如下图所示在弹出的窗口中，点击 Field 字段后面的选择按钮，如下图所示在接下来出现的窗口中，我们要选择流程步骤字段，但是此字段属于“性”，所有首先点击右上角的按钮，才能看到此字段，如下图所示属然后展开 Task Info，找到 Process Step ID，选中后，点击"OK"完成回到之前的界面后，选择 Operation 为"is equal to"，即“等于” 在 Value 字段中输入“HR 审批”的步骤 ID "S5"，点击"OK"完成重复两次以上操作，分别为经理

13、审批和部门主管审批创建分配。经理审批所用为：lqr_manager部门主管审批所用为：lqr_dpthead以上三个操作的流程步骤 ID 请参照之前流程设计时完成效果如下图所示的值保存修改，在编辑器中关闭 Task(6)编辑 Task 页面在 Solution页中，选择 Default Solution -> Tasks -> leaveRequestApprove ->leaveRequestApproveTask -> LeaveRequestApproveTaskView(task details) ->Default，双击在编辑器中打开。如下图所示在打开的

14、编辑器中可以看到，页面上已经有了很多自动创建的元素。我们不对这些元素进行任何操作，不使用，也不删除。这里我们看到 Bindings页中的“它使之关闭，如下图所示属性”按钮还是处于开启状态，点击在 Bindings页中，找到之前创建的输入参数 leaveRequest该输入参数所在位置为 Managed Beans -> LeaveRequestApproveTaskView/default -> Leave Request Approve Task -> BusinessData -> leaveRequestDoc。找到后，将其拖入页面中，如下图所示Designer

15、将为字段创建相应的控件，如下图所示同之前的 UI 界面一样，将 3 个字段的描述改为中文，改好后效果如下图所示和之前的 UI 界面不同，此界面为审批界面，所以 3 个字段均为只读，不可输入。首先，右键点击申请人的 Applicant 输入框，如下图所示，点中图中箭头位置，确保 Properties Change Control Type页中显示的控件类型为 TextInput，在弹出菜单中，选择在弹出窗口中，首先在上方搜索栏输入"text"，然后在下方搜索出的结果中， 选择"Text"，点击"OK"完成。如下图所示重复操作，将 3 个输入框都改成 Text 类型的控件，修改后效果如下图所示(7)将 UI 和 Task 部署到 MWS 服务器打开 Servers页，找到"My webMethods Server (Remote) at localhost localhost:8585"。右键点击，在弹出菜单中选择 Add and Remove，如下图所示在弹出窗口中，可以看到在左侧的可选项中有我们已经创建的 UI 和 Task，将它们添加到右边的菜单中，点击"finish&