表单模型:表单(Form)是用于展示实体类、关联类对象的界面模板,通过拖拽所见即所得的方式快速创建页面,DWF提供7大类,51种控件;仅需要将控件拖拽到工作区,并绑定实体类/关联类的属性即可实现数据的展示,并完成业务系统操作页面构建。
表单建模提供了7大类、51种控件,覆盖多种数据展示场景;DWF控件支持与数据的无缝对接,让用户将精力集中在了解需求;通过DWF的分享功能可边用边改,及时响应需求变更;表单随时分享方便与其他系统集成。
表单形式包括表单布局方式和属性的展示,每个表单有一个目标类,如果该目标类为实体类,则是实体类表单(Entity Class Form);如果该目标类为关联类,则是关联类表单(Relation Class Form)。
1.表单界面定制
表单定制界面分为4个区域:
- 工具条:工具条提供的对整体表单的操作,例如创建、复制、删除、清空表单;控制整体布局的样式及提供前进、后退等快捷键;设置表单被打开前或关闭后的事件响应。
- 控件区:左侧控件区提供了多样化控件,用于处理不同类型的数据,直接双击或拖拽到画布区即可使用。
- 画布区:画布区是前端页面的区域,画布中的内容将会被呈现给终端用户。
- 属性区:属性区显示针对当前所选控件的数据属性和布局属性,建模人员从这里调整各个控件属性、样式和行为。
2. 控件分类
DWF表单模型提供了7大类51个表单的控件,控件区具体区分为:”布局控件”、“单对象控件”、“多对象控件”、“可视化控件”、“模型点选控件”、“编码扩展”、“IotDB专用控件”,如下图所示。
- 布局控件:对表单的设计进行页面布局,调整控件之间的间距,排列等,改善页面的外观、样式。
- 单对象控件:用于描述一个对象上某个属性的信息。选择控件展示时需要考虑属性对应的数据类型。
- 多对象控件:用于描述多个对象上属性的信息。
- 可视化控件:将某个类上的数据用图表的形式直观展示出来。
- 模型点选控件:提供快速引用当前系统模型数据的控件。
- 编码控件:可用于集成Echarts可视化组件和集成用户自己编写的Html页面等。
- IotDB专用控件:用于记录和描述属性随时间不断变化的大量数据,并将数据变化趋势,最大值,平均值等数据统计方式通过可视化的方式直观展示出来。
此外,DWF还提供了自定义控件的扩展功能。
3.表单定制视频
结合设备管理的案例,视频中展示了新建设备表单、设备列表、设备地图3个表单的定制过程。
3.1 设备数据录入表单
设备录入表单是一个单对象表单,用来供数据录入、数据编辑和数据查看详情使用,主要操作步骤:
第一步:创建单对象表单,用来供数据录入、数据编辑和数据查看详情使用
新建单个设备表单
定制设备列表表单
设备地图