设计列表与表单

应用系统里有划分应用模块,模块需要创建相应表单和列表界面,步骤如下:

1、进入平台首页,点击【应用系统】-【应用模块】,进入项目界面;

2、在项目界面中,鼠标停在相应目录下,右键点击后,出现页面创建菜单, 根据实际需要,可通过【模型创建页面】、【直接创建页面】、【链接已有页面】进行页面创建操作

使用场景:当需要创建数据库字段,从【模型创建页面】入口进行创建页面操作;如平台里已有相应模型,从【直接创建页面】入口进行创建页面操作;如显示其他系统或第三方相关页面信息,从【链接已有页面】入口进行配置。

(1)【模型创建页面】,选择模型,提供列表、列表+详情表单、列表+流程表单、树+列表+详情表单、 树+列表+流程表单模板进行操作;

使用场景:如无流程的情况,一般选择“列表+详情表单”;如有流程的情况,一般选择“树+列表+详情表单”。

(2) 【直接创建页面】,提供列表页面、表单页面、树页面、布局页面、静态页面模板进行操作;

(3) 【链接已有页面】 ,页面地址输入包括http://或 https:// 内容;

3、页面管理列表中,除了可以进行【模型创建】 【直接创建】 【已有地址创建】 【批量删除】、 【筛选列】(按勾选字段显示列表信息)、 【导出数据】 【查询】操作,还可以对单条进行 【查看】、【编辑】、【设计页面】 【预览】 【删除】操作。

4、通过2个入口,都可以进入页面设计】界面中:

入口一:点击列表中【设计表单

入口二:打开相应页面的编辑界面,右上角的设计

【设计页面 】界面有控件库、页面结构、操作按钮、设计区域、属性、验证、交互配置区域,如下图中的左、中上、中、右分别显示;

(1)【控件库 】提供基础、高级、拓展组件供使用,可拖动相应控件到设计区域的字段栏中;

        如在该栏没有找到需要的组件,可以自定义控件,具体操作查看用户手册-控件开发-自定义控件章节。

(2)【页面结构 】栏展面页面树目录,点击其中目录,可快速定位到页面具体字段;

(3)操作按钮栏,提供【页面预览 】、【自定义脚本】、【规则管理 】、【拖拽模式 【保存数据 】功能;

(4)页面设计框,点击框内对应的控件,可在属性栏中配置对应属性;

(5)【属性 】栏,提供基本设置、数据设置、外观设置,编辑属性后,点击【页面预览 】看到大致效果;另还提供 【复制】、【删除】功能。

(5)【验证】栏,点击“+”,展现验证类型选择界面,目前平台提供基础验证规则、范围类验证、服务类验证、其他验证;

基础类验证规则包括如必填、整数、小数位验证等;

范围类验证包括日期比较、字符长度范围、数值范围验证等;

服务验证包括了规则验证等;

其他验证包括网址、车牌号验证等。

(6)【交互】栏提供字段条件配置,如“线路”字段选择其中一项后,“起始站”、“终点站”字段会根据“线路”字段信息自动取到相应信息显示出来;

如需了解WUI控件的具体含义和用法,可访问http://120.197.17.151:40003/wui/doc/index.html。