页面树结构

版本比较

标识

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

...

  • 单对象控件:文本框、单选框、附件、按钮
  • 多对象控件:表格
  • 布局控件:分组框、行、列

维护单个零部件信息

首先为大家展示了如何创建单个零部件表单SinglePart的流程,以及上述部分控件的应用,如布局、控件使用等。

(一)表单管理入口

展开表单模型菜单,找到零部件(Part)类,点击“+”可以创建一个新表单,点击下拉三角可查看当前类上所有表单。

图-表单管理入口

(二)布局设置

根据培训案例,设计维护单一零部件信息的表单建模如下:

...

3)选中画布区的行中的第一列,调整占位个数为8格,同样的方式调整第二列为16格(一行总占位格为24格)。也可以通过拖拽两列之间的深绿色块控制布局比例。

图-行布局属性设置

(三)单对象控件-分组框

为了让右侧零部件信息分类更一目了然,可以在布局内添加一个“分组框”控件,建模过程如下:

...

2)选中画布区分组框控件,右侧滑出的分组框属性编辑区设置分组框的标题为“零件信息”。

图-分组框属性设置

(四)单对象控件-上传附件

根据案例中零部件信息维护表单的设计,左侧为零部件图片,右侧为零部件基本信息。DWF提供了”上传文件“控件,用于展示需要文件、图片、音频、视频类型的文件。

...

5)”上传文件“默认高度为0(需建模者根据实际应用场景自定义设置),本案例中将”上传文件“的整体高度设置为300px。

图-”上传文件“属性设置

(五)单对象控件-文本框

字符串类型的属性,可以用文本框来展示和维护数据。例如零件名称、零件规格、零件材质、零件描述等。建模过程如下:

...

2)对于零件描述这类需要存储较多字段(包括换行、回车等)的属性,可以将文本框类型切换为textarea。

图-文本框属性设置

(六)单对象控件-单选框

对于变化不大的数据,例如性别仅有男、女两个选项,我们可以提供单选框将可能出现的数据罗列出来,供终端用户选用。

...

4)在选项组处,可以设置选项的具体数据,以“,”(英文/中文逗号均可)分割。设置完毕后点击确定,选项组即刻显示在画布区。

图-选择框属性设置

维护多个零部件列表

以上内容讲解了如何创建维护单对象表单(SinglePart),现在为大家演示如何创建维护零部件列表。零部件维护列表建模端示意图如下。

图-零部件列表

(一)多对象控件-表格

1)首先创建一个表单英文名为MultiParts的表单,跳转表单定制页面后,拖入两个1行1列的布局;

...

信息

勾选属性的顺序决定属性在表格列从的排列属性,第一个勾选到最后一个勾选在表格列中按照从左到右依次排列)

图-表格列属性选择框

(二)单对象控件-按钮

是否可以将以上零部件表格(MultiParts)和维护单个零部件表单结合起来使用呢?这里我们需要使用到按钮控件,用于维护零部件类的对象。

...

这有一个小技巧,如果想要新增、编辑、删除零部件类对象的同时使表格数据及时刷新,需要为按钮绑定的多对象控件id,相当于操作对象后通知多对象控件进行数据自动刷新。设置方式为点击下拉勾选当前画布区域的表格id。

图-按钮绑定多对象控件

(三)实体类增、删、改表单定制

以上这个表单是业务系统中最常用到的表单实体类增、删、改的表单,比如:通用录、学籍管理、会议室预定系统都会用到类似的业务表单,下面针对实体类增、删、改的表单定制再做个小结:

...

信息
title注意!
  • DWF事件中定义了有6个基本操作:新增、编辑、删除、刷新、删除左对象、删除右对象
  • 实体类增、删、改表单中“增加‘、”编辑“使用的是需要自己定义的带录入信息页面的”新增“和”编辑“事件,因此需要对这个操作进行自我定义
  • 本列子中”删除“用的基本操作中的“删除”操作,无需再自定义

小结

维护单个零部件信息 SinglePart

  • 布局控件
    • 行、列、分组框

...

  • 布局控件-行、列
  • 单对象控件
    • 按钮:新增并绑定操作、基本操作
  • 多对象控件
    • 表格:选择属性、列定制面板引用设置、显示模式

对实体类增、删、改表单的定制进行了总结

示例模型包

...

表单建模入门(一).zip

...