1.基本功能 1.基本功能
通过平台配置页面原型，然后生成页面原型界面，例如下图截图所示：
2.配置方法 2. 配置方法
2.1.新增页面原型名称 2.1. 新增页面原型名称
- 需求管理–UI原型–界面原型：点击页面原型进入到页面原型界面。
- 点击【新增页面】按钮新增页面，填写页面名称然后保存。
- 鼠标悬浮到页面名称上，可以从左到右依次为：新增子页面，编辑页面名称、复制页面原型和删除页面原型操作
- 选择页面，按住鼠标可以拖拽页面的位置
2.2.配置界面 2.2. 配置界面
- 双击页面名称进入到编辑界面。
2.2.1.查询条件配置 2.2.1. 查询条件配置
1 . 从左侧拖拽ROW标签和SEARCH_FORM布局容器
2. 点击小齿轮，通过拖拽进行配置列
3. 选择控件，在左侧可以进行修改标签名称
2.2.2.配置编辑表单 2.2.2. 配置编辑表单
- 从左侧拖拽ROW标签和FORM_COLUMN布局容器，其他配置和查询条件配置一致
2.2.3.配置按钮 2.2.3. 配置按钮
- 从左侧拖拽ROW和TOOLBAR布局容器
- 点击TOOLBAR上面的小齿轮
- 点击【添加按钮】维护要配置的按钮，可以通过图中3所示按钮进行修改按钮的名称，可以通过双击进入编辑。通过4所示图标进行删除按钮操作。
- 编辑后，需要点击提交，如下图1所示，切换到其他按钮也可以触发提交操作。2是取消编辑操作。
- 点击【添加按钮组】，可以进行配置按钮组操作，然后点击确认按钮。
- 点击【按钮组】上的小齿轮进行配置按钮
- 点击TOOLBAR上的小齿轮，此步骤和配置按钮的一样。选中按钮，去掉右侧的【主按钮】则此按钮为隐藏的按钮。
- 配置完后然后点击【确认】，保存数据即可。
- 选中按钮，则可以通过右侧显示文本，修改按钮名称
2.2.4.按钮链接 2.2.4. 按钮链接
1.选中按钮，在左侧配置选择操作类型【弹窗】，然后填写弹窗消息。
效果图如下
2.选中按钮，在左侧配置选择操作类型【跳转】，然后挑选要跳转的页面，若要跨视图跳转则在属性列表【跨视图】处选择其他视图，再挑选要跳转的页面。
效果如下
3.选中按钮，在左侧配置选择操作类型【转圈】。
效果如下
2.2.5.配置表格 2.2.5. 配置表格
- 从左侧拖拽ROW标签和GRID布局容器
-
点击上面的小齿轮进行表格列操作。
-
点击【添加表格列】按钮添加表格列。可通过双击或者是图3所示的编辑按钮进行编辑列名称。删除图标进行删除列操作。
-
也可以通过点击表格列进行编辑表格列的名称
2.2.6.下拉框配置 2.2.6. 下拉框配置
-
选中下拉框，点击右侧的【编辑列表数据】
-
点击新增，则新增下拉选项。点击删除，进行删除操作。
2.2.7.联想控件配置 2.2.7. 联想控件配置
-
选中联想控件，点击右侧的【编辑列表数据】
-
点击【编辑字段】
然后可以通过【新增字段】进行新增联想控件的面板列数。必须点【确认】下图2所示才会将列显示到右侧。
- 点击新增数据按钮进行新增数据，点击删除进行删除数据。取消编辑字段则退出编辑字段页面。
2.2.8.树控件配置 2.2.8. 树控件配置
- 拖拽左侧 TREE 控件到编辑区新增一个树控件。
-
选中树控件，在右侧属性列表中，点击编辑列表数据按钮，打开树数据编辑窗口。
-
树数据编辑窗口中，点击新增根节点按钮新增一个根节点数据，点击节点右侧 + 图标新增子节点数据，点击节点右侧铅笔图图标编辑该子节点，双击也可以编辑，点击节点右侧垃圾筒图标删除该节点，点击确定按钮应用编辑的数据，点击取消放弃编辑并关闭弹窗。
2.2.9.支持标签和控件是上下结构 2.2.9. 支持标签和控件是上下结构
- 选中FORM容器组件，在右侧属性列表处将【表单类型】改为form。
2.2.10.控件自动填充 2.2.10. 控件自动填充
- 按 ctrl 选中多个单元格，左侧字段列表选择控件（顺序部分先后），点击填充按钮，自动填充选中的行列。
2.2.11.弹窗页面配置 2.2.11. 弹窗页面配置
- 选中按钮，属性面板里操作类型选择【弹窗页面】，并在跳转页面里选择一个原型页面，还可在【弹窗高度】和【弹窗宽度】处配置弹窗的大小。
2.2.12.配置输入框提示文字 2.2.12. 配置输入框提示文字
- 选中该输入框控件，在右侧属性列表的【提示文本】处输入要提示的内容。
2.2.13.数据源操作 2.2.13. 数据源操作
1.可视化原型左上角显示数据源面板，树形显示数据源列表。如果页面没有添加过数据源，默认显示一个默认数据源（数据源01）。
2.鼠标移动到数据源节点上，会显示添加子数据源和删除数据源按钮。点击执行相应操作。根节点的数据源不能删除。
双击数据源节点，可以编辑数据源名称。
点击数据源节点前面的小色块，可以编辑数据源的背景色。
3.拖拽数据源节点到其它节点上，可以移动数据源顺序及主从关系。移到到节点中间，可以把当前拖拽的数据源移到到该节点下，作为它的子节点。移动到节点上方，可以把当前拖拽的数据源移到到该节点前面。移动到节点下方，可以把当前拖拽的数据源移到到该节点后面。
4.选中一个布局或控件元素，在属性列表中选择数据源，可以把数据源绑定到该布局或元素。如果数据源有背景色，则编辑控件会显示数据源的背景色。布局则是外框的颜色显示为数据源背景色。未进行绑定的，默认认为绑定在根节点的数据源上。
5.选中对应的按钮，在右侧属性列表的【数据源】处选择数据源，并且在【操作类型】处选择对应的操作类型（目前支持查询、新增、删除、保存，查询不需要选择操作类型）。
6.选中对应的表格GRID，在右侧属性列表处绑定跟对应按钮一样的数据源，并且在【表格编辑方式】处选择表格内编辑（目前这些效果只支持表格内编辑的业务对象）。
2.2.14. 仅显示选择区域布局框 2.2.14. 仅显示选择区域布局框
- 当页面布局内容比较多的时候，布局框会很多，增加了修改布局的难度，这时候可以勾选【仅显示选择区域布局框】。 在左侧边栏增加”页面布局”面板，显示当前页布局树形结构。
- 点击布局结构节点，则选中该布局，编辑区的选择框也会同步选中。反之在编辑区选中布局内容，树节点也会同步选中。
- 在布局结构节点上点击右键，出现下拉菜单，提供上移， 下移， 删除等操作选项，点击菜单项，执行相应操作，编辑区同步更新显示。
- 拖动布局树的节点到其它节点上，则会移动节点到相应位置，操作结果同步更新编辑区显示。
- 勾选仅显示选中区域布局框，则编辑区只有选中的区域会显示布局外框等信息，其它部分类显示方式与预览状态相同。
2.3.生成页面原型 2.3. 生成页面原型
- 菜单：基础数据 – 环境变量，配置用户的ftp地址和账户信息
-
菜单：基础数据-用户项目级配置管理界面。选择自己的项目配置对应的端口和本地路径，如下图所示：其中页面原型本地路径格式为：【D:\文件夹\】，例如【D:\test\】，文件夹不要取中文名称，斜杠为反斜杠。
-
本机需要去ftp上下载文件夹，路径为：master账户下的5.6.0.0版本。
-
然后解压后，点击下exe文件。
-
菜单：页面原型-页面原型。点击右侧上的【生成代码】按钮，勾选要生成的页面。如果不生成则可以点击退出生成界面
2.4.页面原型导入 2. 4. 页面原型导入
-
当新增的页面列表没有布局的时候，打开可视化会提示【当前页面无布局数据，是否导入原型界面布局】
-
点击确认则跳转到页面原型界面。取消则直接打开界面。
-
双击需要导入的页面原型，此时会将页面原型布局导入到当前页面列表。
2.5.一键绑定 2. 5. 一键绑定
-
导入页面原型后，可以通过【一键绑定】按钮进行绑定数据。绑定规则为：方法描述，字段中文名称和当前业务对象一致的则会自动绑定。不匹配的不改变数据。
-
点击按钮后，会出现绑定的数据日志情况。
2.6.属性绑定 2.6. 属性绑定
-
一键绑定操作后，可以通过点击【属性绑定】进行剩余属性绑定操作。此时【属性绑定】按钮变成【退出属性绑定】，如图1所示。如图2和3所示则有布局配置界面变成属性定义和方法定义页签。如图4所示是未绑定的数据，如图5所示是已经绑定好的数据。
-
属性绑定的方式为拖拽左侧的方法或者属性到页面中即可。
-
点击【退出属性绑定】按钮则回到最初界面。
-
配置SEARCH_FORM、FORM_COLUMN、GRID 、TOOLBAR时需要为其绑定具体的业务对象名称，此时小齿轮方能进行编辑操作。
3. 常用扩展 3.常用扩展
4.版本更新 4. 版本更新
5.7.35，2019.11.20
优化