第二课：建立一个简单运用流程

1、第二课建立一个简单的运用流程一：新建模板模板是一个界面的基本框架，合理的模板设计对应用界面的美观和人性化操作起到非常重要的作用，现在我们就试着建立一个新的模板。首先我们点击“基本要素”选项，找到“界面模板”（如图），打开。一：新建模板点击“新建”按钮。一：新建模板1.键入新建模板的名称（如：主界面模板）。2.在左侧Component区的容器中Hbox（水平布局框架）、Vbox（垂直布局框架）及Canvas（窗口），模板的新建就是使用这三个组件进行。3.设置区：对框架及窗口进行大小、属性等设置。首先，我们新建一个窗口，设置为logo区：点击拖曳一个Hbox框架到中间空白的编辑区内，在弹出的大小设

2、置窗口中，宽度设置为100%，高度设置为10%，按“确定”；在右侧设置区中，将框架大小再次输入，按“确定”，结果如下图。一：新建模板按自己设计需要，将框架组合好后，形成下图：一：新建模板拖入一个Canvas窗口组件到logo区框架中，在右侧设置区中，将“区域名称”修改为“logo区”，“区域类型”也选择为“logo区”，宽度和高度都设置为100%，即撑满框架。“排列方式”按照自己需要设置为“Horizontal”或者“Vertical”,即水平排列或垂直排列。如水平排列，下方HorizontalAlign选择框中，可以选择左、中、右对齐，如垂直排列，下方VerticalAlign选择框中，可以

3、选择上、中、下对齐。在其他框架中拖入Canvas窗口组件，分别设置为“实体区”、“视图区”和“按钮区”，按上方“保存”，完成第一个界面模板建立，效果如下：二：新建规则当我们新添加一条数据的时，系统会自动生成一个序列号，我们需要建立一个自定义序列号的规则。在“基本要素”中选择“发号规则”，弹出“发号规则”窗口，点击“新建”：二：新建规则1.规则名称：我们以日期加上4位数字作为自定义序列号，规则名称就已“日期+4位定长号”。2.序号顺序：从1开始按序排列，“号段类别”为“日期”，“号段长度”为8位。3.添加条目：顺序为2，“号段类别”为“定长序列号”，长度为“4”。4.自定义序列的号格式为：199

4、901010001，前8位为日期，后4位为序号。也可以按自己需要建立不同的序列号规则。三：新建实体实体是一个软件的主体，即数据的录入，我们将着重对实体的建立进行讲解。三：新建实体点击新建，打开实体“属性库”，我们将在这个界面中对实体进行新建、修改和维护。三：新建实体点击“增加”,弹出“添加自定义属性”窗口。首先：在“属性名称”中填入需要建立的项目名，“属性描述”是对上面名称的说明。“输入类别”中选择这条数据的录入方式，如：输入框、单选下拉框等。“属性类别”中选择数据的格式，如字符型，日期型等。“属性大小”为数据的长度，即字符数。“属性默认值”为数据输入框内起始默认的显示，可不填。三：新建实体将

5、所有的项目设置好后，勾选需要的条目，点击“添加”按钮，将选中的条目添加到右侧的“已选属性”栏中。点击下方“生成实体”按钮。三：新建实体“实体名称”中，为新建的实体命名。“标示ID”默认为自定义，“流水号规则”选择我们前面所新建的“日期+4位定长顺序号”，也可以自己重新建立规则。“实体类型”选择为“数据实体”，按“确定”完成。点击“设计完成”按钮，一个简单的实体新建完成。四：新建视图视图是软件显示数据列表的窗体，视图的新建我们可以从“基本要素”选项中选择“视图信息”。四：新建视图在弹出窗口中点击“新建”按钮，进入“视图设计”界面。四：新建视图在“视图条目类别”中，选择“实体”选项。“选择结果”中

6、选取自己所建立的实体，“选择属性”中，会显示实体中的每一个字段，将需要在视图列表中显示的字段名称拖入“视图创建工具”栏中，点击“保存”，弹出保存并校验窗口，按确定，视图创建完成。四：新建视图将新建的视图组件从“未添加视图”栏中拖曳到“已添加视图”栏中，点击“确认”完成。五：建立一个简单流程首先，我们进入“流程设计”界面。在“图释组件”栏中拖选“角色”组件，新建一个角色。双击该图标，将组件名称改为自己需要的名字，并在右侧属性设置界面的“人机交互”选项中修改名称。如图：完成后，点击窗口中间上方和右下方的两个“保存”按钮进行保存，并关闭窗口，重新打开，角色新建才能生效。五：建立一个简单流程在“功能组

7、件”栏中拖选一个界面组件到“功能配置界面”中，在“功能属性设置区”对这个界面进行重命名。点击“界面风格”，在“模板选择”中选择前面我们自己建立的模板，点击“保存”。接下来，我们将对主界面的功能进行添加并设置，点击五：建立一个简单流程我们可以看到，前面我们新建的模板变成了窗口布局。接下来，我们需要将建立的实体和视图分别设置到相应的窗口中去。右击 ，点击“实体设置”，从“未添加实体”栏中将所建的实体拖至“已添加实体”栏中，按“确定”，并关闭窗口，实体添加完毕。下一步我们将对实体中的条款进行设置。五：建立一个简单流程将实体中的字段移动排列好。然后我们对每一条进行分别的设置。首先，我们以“物品名称”项

8、为例，点选“物品名称”后的输入框（框体颜色为蓝色，即为选中）。右击，在弹出菜单中选择第一项：“属性设置”，进入设置界面。我们检查一下“名称”和“描述”是否需要调整。当前的条款“物品名称”我们是需要手动输入，所以“缺省值类别”和“缺省值”保持默认。“是否必填”，如选择“是”，则该条数据必须输入相应数值，反之则可输入，也可空白。“是否显示”，为在前台界面中是否显示该条目。五：建立一个简单流程“是否可编辑”，前台界面中，对该字段限定编辑，“是”为前台可以对数据进行修改，反之则不能修改。“Tab序号”，前台界面中按Tab键光标移动的顺序。“是否屏蔽”是在视图列表中，对该条数据是否显示进行设置。屏蔽后该

9、数据能输入，但不能显示。“输入类型”，该条数据的输入方式，如“输入框”、“时间选择框”、“单选下拉框”等等。“标签位置”，框体外文字在框体的位置。“属性样式”，对框体内外字体类型和颜色设置。五：建立一个简单流程右击 ，点选“视图设置”，从“未添加视图”栏中将实体对应的视图拖入“已添加视图”栏。 视图窗口中我们就能看到自己建立的视图标签了，按“保存”。 我们需要对视图属性进行设置，。 在“视图设置”中，选择“视图维护”，在“已有视图列表”中选择我们需要设置的视图，双击。 五：建立一个简单流程右击标签栏，选择“视图属性设置”，弹出设置窗口。我们需要设置其中的几条属性。五：建立一个简单流程“视图性质

10、”，设置视图的类型，如“普通视图”、“报表视图”等。我们选择默认设置。“导出XLS”，在视图栏底部显示导出XLS按钮，可以将视图中的数据导出为EXCEL文件。我们选择“是”“工作流”，设置好工作流后，在前台视图列表中右击出现“详细资料”中，显示设置的数据。我们选择“采购物品界面”。“是否可定制”，可以对视图列表进行自定义的设置。如简单的查询数据等。我们选择“是” 点击“保存”，完成设置。回到上级“视图设计”界面，点击“保存”并校验。五：建立一个简单流程至此，我们已经将数据录入部分（实体区）和数据显示部分（视图区）设置完毕。那如何实现将数据从录入区添加到数据显示区呢？数据显示区的数据如何修改和删

11、除呢？我们需要添加几个按钮来实现这些功能，首先来做“保存”和“删除”功能按钮。回到“流程设计”界面，从左侧的“功能组件”区内，拖选一个“提交”组件，一个“删除组件”到配置区内。五：建立一个简单流程在右侧“人机交互”菜单中，将组件名称修改为自己所需要的。接着就是为按钮组件进行契约设置.“保存”按钮的契约设置：在“任务名称”中键入名称，“是否关键任务”中选择“是”，“输入类型”中选择“实体区参数”（保存位于实体区），在“输入设置”中选择前面我们新建的实体，“处理逻辑”选择“录入实体”，单击保存。五：建立一个简单流程“删除”按钮的契约设置：在“任务名称”中键入名称，“是否关键任务”中选择“是”，“输

12、入类型”中选择“记录序列号”（删除是位于视图区内） ，在“输入设置”中选择前面我们新建的实体，“处理逻辑”选择“删除实体”，单击保存。现在，各个功能组件都是 孤立的，无法形成完整的功能，我们现在需要将各个功能组件连接成一个完整的流程。五：建立一个简单流程在流程设计左侧“图释组件”中点选“箭头”图标，拖到要建立关联的组件上。“请选择角色”中选择角色组件“业务员”，“发起端类型”为“角色”，“指向功能端”选择主界面组件，按“确定”。用同样的方法，将主界面组件和保存和删除按键连接(组件与组件间连接是，发起端应选为“功能端”，并设置好起始端和指向端），完成后画面如下：五：建立一个简单流程我们发现所有的

13、箭头都是黑色的。我们需要将其连接完整。选中黑线，鼠标拖动箭头一端的方块，将方块边缘移动至组件边缘，当电脑发出一声提示音后表示该箭头已连接成功，同样将黑线另外头以同样方法连接至组件，这时黑色箭头将变成蓝色。连接完成后必须按保存方可生效。五：建立一个简单流程按键动作后，相应的界面将发生变化，那如何使界面按我们所希望的动作呢？我们需要对按键动作的响应前与响应后进行设置。“保存”按钮响应设置，点击“保存”按钮，在右侧“响应设置”菜单中，点击“响应前设置”，当我们按保存时，系统会提示确认保存，所以，我们在“行为类别”中选择“消息提示”，“消息内容”中输入“确认保存？”，保存并关闭窗口。 五：建立一个简单

14、流程点击“响应后设置”，实体区内数据需要清空，视图区数据需要更新，所以：第一步：“行为类别”为“刷新界面”，“消息内容”为“本界面”，“备注”中选择自己建立的界面名(采购物品界面），“视图区_采购物品单”。第二步：添加行为，“行为类别”为“刷新界面”，“消息内容”为“本界面”，“备注”为“采购物品界面”“实体区_采购实体”，保存退出。五：建立一个简单流程“删除”按钮响应设置，点击“删除”组件，在右侧“响应设置”菜单中，点击“响应前设置”，当我们按删除时，系统会提示确认删除，所以，我们在“行为类别”中选择“消息提示”，“消息内容”中输入“确认删除？”保存并关闭窗口。 点击“响应后设置”，“行为类

15、别”为“刷新界面”，“消息内容”为“本界面”，“备注”中选择自己建立的界面名(采购物品界面），“视图区_采购物品单”。保存并关闭窗口。五：建立一个简单流程通常，我们需要对已经录入的数据进行修改，那如何实现这一功能呢？我们需要添加一项修改功能。首先，我们新建一个界面，作为数据修改界面。拖选一个界面组件和一个提交组件到配置区，并分别改名为修改和保存修改，如图：五：建立一个简单流程我们新建一个修改界面的模板，大家可以用前面我们讲过的“模板设计”进行设计，或按照下图设置：将修改界面的模板设置成上图这个新建的模板，保存。将新建的两个组件与主界面组件连接关联（注：保存修改组件关联在修改界面组件）。五：建立

16、一个简单流程设置“保存修改”组件的契约、响应前和响应后。契约设置：“是否关键任务”为“是”，“输入类型”为“实体区域参数”，“输入设置”为“采购实体”，“处理逻辑”为“更新实体”，保存退出。五：建立一个简单流程响应前设置：“行为类别”为“消息提示”，“消息内容”为“确认修改？”，保存退出。响应后设置：我们按下“保存修改”按钮后应该有两个动作，1、关闭修改界面，2、更新主界面中视图区里的信息，所以，响应后动作有两步。第一步：“行为类别”为“关闭窗体”，“消息内容”为“本界面”（即修改界面），“备注”为“修改采购物品”。第二部：点击“添加行为”，产生一条新的行为，“行为类别”为“刷新界面”，“消息

17、内容”为“父界面”(即采购物品主界面），“备注”为“采购物品界面”“视图区_物品采购单”，保存退出。五：建立一个简单流程打开“修改物品采购”界面的界面设计，在实体区里，我们把“采购实体”添加进去。按前面我们讲过的实体条目设置，将这个界面里的实体属性分别设置好。我们可以通过设置界面大小，使界面看上去更和谐。五：建立一个简单流程接下来，我们要把按钮添加到界面中去，并且把按钮绑定到界面上。点选“采购物品界面”，在右侧“界面风格”中点击“界面设计”，弹出“设计界面”窗口，在下方有一排“按钮区”，我们的按钮就是添加在这里。右击 ，菜单中选择“按钮设置”，弹出设置窗口，将“未添加按钮”栏中的“保存采购物品

18、数据”、“修改采购物品”和“删除采购物品”拖入到“已添加按钮”栏中，按“确定”保存退出。五：建立一个简单流程右击 ，点击“界面按钮绑定”，选择“实体区”“采购实体”，保存退出。右击 ，选择“视图区”“采购物品单”，保存退出。右击 ，同样选择“视图区”“采购物品单”，保存退出。五：建立一个简单流程按上述方法，将“保存修改”按钮添加到“修改采购物品”界面中，并绑定，一个简单的流程就完成了。如果我们要到前台去查看整个软件的效果，我们还需要做两步设置：“功能规划”和“权限设置”。“功能规划”是一个树形结构的菜单，它会以一个个功能模块的形式展现于平台，供用户选择相应的功能模块进行操作。五：建立一个简单流程那如何在“功能规划”中把自己做的流程添加进去呢？首先我们要先创建一个功能。在功能菜单列表中系统默认给出一个“系统功能”的父目录。我们在这个父目录下新建一个功能，点选后右击，选择“新建功能”，将名称命名为“采购物品”，确认保存。我们看到“采购物品”的功能菜单下，系统自动