页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

DWF中,表单(Form)是用于展示实体类、关联类对象的界面模板。表单模型通过建模工具(modeler)以拖拽所见即所得方式完成表单的建模,建模工具提供了6大类、47种控件,覆盖多种数据展示场景;DWF控件支持与数据的无缝对接,让用户将精力集中在了解需求;通过DWF的分享功能可边用边改,及时响应需求变更;表单随时分享方便与其他系统集成。

表单形式包括属性的展示方式和布局方式,每个表单有一个目标类,如果该目标类为实体类,则是实体类表单(Entity 表单模型:表单(Form)是用于展示实体类、关联类对象的界面模板,通过拖拽所见即所得的方式快速创建页面,DWF提供7大类,51种控件;仅需要将控件拖拽到工作区,并绑定实体类/关联类的属性即可实现数据的展示,并完成业务系统操作页面构建。

表单建模提供了7大类、51种控件,覆盖多种数据展示场景;DWF控件支持与数据的无缝对接,让用户将精力集中在了解需求;通过DWF的分享功能可边用边改,及时响应需求变更;表单随时分享方便与其他系统集成。

表单形式包括表单布局方式和属性的展示,每个表单有一个目标类,如果该目标类为实体类,则是实体类表单(Entity Class Form);如果该目标类为关联类,则是关联类表单(Relation Class Form)。

1.表单界面定制

表单定制界面分为4个区域:

  • 工具条:工具条提供的对整体表单的操作,例如创建、复制、删除表单;控制整体布局的样式及提供前进、后退等快捷键;设置表单被打开前或关闭后的事件响应。工具条:工具条提供的对整体表单的操作,例如创建、复制、删除、清空表单;控制整体布局的样式及提供前进、后退等快捷键;设置表单被打开前或关闭后的事件响应。
  • 控件区:左侧控件区提供了多样化控件,用于处理不同类型的数据,直接双击或拖拽到画布区即可使用。
  • 画布区:画布区是前端页面的预览,画布中的内容将会被呈现给终端用户。画布区:画布区是前端页面的区域,画布中的内容将会被呈现给终端用户。
  • 属性区:属性区显示针对当前所选控件的数据属性和布局属性,建模人员从这里调整各个控件属性、样式和行为。

2. 控件分类

DWF表单模型提供了7大类51个表单的控件,控件区控件具体区分了“单对象控件”、“多对象控件”、“可视化控件”、“布局控件”、“模型点选控件”与“时间序列控件”6大类47个控件,如下图所示。DWF表单模型提供了7大类51个表单的控件,控件区具体区分为:”布局控件”、“单对象控件”、“多对象控件”、“可视化控件”、“模型点选控件”、“编码扩展”、“IotDB专用控件”,如下图所示。

DWF表单控件区提供的控件

  • 布局控件:对表单的设计进行页面布局,调整控件之间的间距,排列等,改善页面的外观、样式。
  • 单对象控件:用于描述一个对象上某个属性的信息。选择控件展示时需要考虑属性对应的数据类型。
  • 多对象控件:用于描述多个对象上属性的信息。
  • 可视化控件:将某个类上的数据用图表的形式直观展示出来。
  • 模型点选控件:提供快速引用当前系统模型数据的控件。
  • 编码控件:可用于集成Echarts可视化组件和集成用户自己编写的Html页面等。
  • IotDB专用控件:用于记录和描述随时间不断变化属性的大量数据,并将数据变化趋势,最大值,平均值等数据统计方式通过可视化的方式直观展示出来。IotDB专用控件:用于记录和描述属性随时间不断变化的大量数据,并将数据变化趋势,最大值,平均值等数据统计方式通过可视化的方式直观展示出来。

此外,DWF还提供了自定义控件的扩展功能。

表单基本功能介绍详见

...