页面树结构

版本比较

标识

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

...

  • 布局控件:拖拽池、拖拽块
  • 单对象控件:动态参数框
  • 可视化控件:动态地图、自定义可视化控件

本节还对外键引用类控件进行了介绍和总结。

1.设备地图

如下图所示,这是利用DWF提供的可视化控件-动态地图创建的表单,能够将存储在数据库中对象的一组数字用可视化的方式显示出来。

...

  • 可伸缩:默认为可伸缩。拖拽块右下角有一个折角,鼠标点击该区域可以调整拖拽块的大小,且应用端也可以调整拖拽块的大小。当关闭可伸缩功能后,拖拽块右下角折角消失,拖拽块在建模端、应用端只能移动位置,不能改变大小。
  • 冻结:默认为非冻结状态。如果希望拖拽块不能移动,可以开启冻结功能。
  • 带标题:默认不带标题。开启标题后,可以设置拖拽块的标签,效果同分组框。
  • 适应内容:默认不适应内容,可以通过手动调整适应拖拽块内的控件,也可以开启适应内容功能,自动适应拖拽块内的控件布局。
  • 背景:布局内控件均支持设置布局的背景,默认两种方式,一是自定义输入图片的网络地址;二是通过选择图片库的图片设置。

图-拖拽块属性设置

2.2 单对象控件-

...

动态参数

为了让用户能够更直观、清晰看到动态变化的数据,DWF提供动态数字标签来实现这类业务需求。下面介绍动态数字标签的使用:为了让用户能够更直观、清晰看到动态变化的数据,DWF提供动态数字标签“动态参数”来实现这类业务需求。下面介绍动态参数的使用:

1)在控件区-单对象控件区域找到动态数字标签单对象控件区域找到动态参数()控件,将控件拖拽至画布区的第一个拖拽块中;

2)选中拖拽块中的动态数字标签控件,右侧滑出动态数字标签的属性编辑框,为该控件目标属性绑定“工作小时数workHour”属性;2)选中拖拽块中的动态参数控件,右侧滑出动态参数的属性编辑框,为该控件目标属性绑定“工作小时数workHour”属性;

3)符号设置:动态数字标签显示的数据前添加的符号,例如人民币用“¥”,美元用“$”,按需填入;3)符号设置:动态参数标签显示的数据前添加的符号,例如人民币用“¥”,美元用“$”,按需填入;

4)单位设置:动态数字标签显示数据后添加的单位,例如小时数用“h”,米用4)单位设置:动态参数标签显示数据后添加的单位,例如小时数用“h”,米用"m";

5)  开启千位符:打开千位符时,在千位数字处会增加标识千位的“,”,如:数字1528数字当千位符打开时就显示为:1,528;

...

8)开启动态响应:默认关闭。如果想要该对象的数据变化时,使该标签的数字能及时刷新,需要开启动态响应开关。

图-动态数字标签属性设置动态参数标签属性设置

2.3

...

编码扩展-

...

Echart

除了提供的可视化控件外,用户还可以根据业务需要,自己定义一个可视化控件。本讲将简单介绍自定义控件的使用。除了提供的可视化控件外,用户还可以根据业务需要,自己定义一个可视化控件。本讲将简单介绍编码扩展中的Echarts控件的使用。

1)在可视化控件找到自定义可视化控件1)在编码扩展中找到“Echart”控件(Image RemovedImage Added)控件,拖入合适布局内;

2)选择画布区自定义控件,右侧滑出属性编辑框,点击“打开编辑”开关,弹出脚本编辑框;

...

对于这类用同一表单模版显示多个对象的形式,我们可以用卡片控件来实现。卡片控件是引用当前目标类或者其他类上的表单,以单个或者多个卡片的形式展示引用类对象的信息。

3.1 单对象控件-

...

文本标签

正如我们提到的卡片控件的定义,结合案例,明确我们需要创建一个显示单个设备卡片的表单,如下图。这里我们将介绍新的控件-标签。标签是将对象存储在数据库中的数据展示到页面的控件,没有属性类型限制,时间、数字、字符串类型均可显示。下面为大将讲解单个设备卡片创建及标签的使用。文本标签。标签是将对象存储在数据库中的数据展示到页面的控件,没有属性类型限制,时间、数字、字符串类型均可显示。下面为大将讲解单个设备卡片创建及标签的使用。

图-设备卡片(单对象)

单个设备卡片的建模步骤:

1)进入实体类管理-设备(Asset)创建一个表单英文名为AssetCard的表单,页面跳转表单建模工具页面;

...

3)在第一列中放入附件控件,并控件的目标属性绑定“设备图片assetImg”属性,可以去掉控件的标签,调整附件高度。

标签控件的使用:

1)找到控件区-单对象控件中的标签单对象控件中的文本标签(Image RemovedImage Added)控件,将控件拖入第二列布局中;

2)选中画布区的标签控件,右侧滑出属性编辑;

3)同其他单对象控件一样,标签也需要绑定目标属性,才能显示出对象上的属性值,以同样的方式设置剩余的属性;3)同其他单对象控件一样,文本标签也需要绑定目标属性,才能显示出对象上的属性值,以同样的方式设置剩余的属性;

4)需要提出的是,如果标签绑定的属性是时间类型的属性,标签属性区会多出一个设置项用于设置时间格式,例如y4)需要提出的是,如果文本标签绑定的属性是时间类型的属性,标签属性区会多出一个设置项用于设置时间格式,例如y-M-D h:m:s。

图-标签属性设置文本标签属性设置

3.2 多对象控件-卡片(多对象展示)

上面为大家介绍了如何设计单个的设备卡片,现在为大将讲解卡片控件的使用:

...

在之前的讲解中,为大家介绍如如何维护零部件信息、零部件列表、设备信息和设备列表。结合实际的业务场景,设备发生故障时,需要确定发生故障的设备是那一台,并且要定位该设备上发生故障的部位。这时候需要用一个工单类来记录故障设备和故障部位。首先看下本次案例中关于为维护单个工单设计的表单,见下图。

Image Added

图-进阶版工单信息维护表单

分析上图,除了已经提到过的布局控件和基础控件,多了一些没有使用过的控件。工单需要记录故障设备(设备类对象)和故障部位(零部件对象),所以引入了外键引用类控件——对象选择框和单对象弹窗。在创建工单时,往往需要明确负责人是组织中的具体某个人,这时候我们引入模型点选类控件——组织用户点选器来。首先通过已经熟悉的控件进行单对象表单——工单的创建,建模步骤如下:

...

5)接下来将日期框、选择框、文本框拖入对应的布局内,并且绑定上图所示的属性;

6)其他控件的使用将在下文中讲解。

4.1 外键引用控件-

...

选择框

DWF中提供三个外键引用类控件:对象选择、对象标签和对象弹窗。对象选择控件是一个外键引用类控件,在DWF中,”全局唯一标签oid“属性可以保证对象的唯一性,所以我们在前面工单建模时,创建了属性为UUID的“故障设备assetOid”属性,用于存储设备对象的“全局唯一标识oid”值。接下来具体讲解对象选择框的使用:选择框控件是一个外键引用类控件,在DWF中,”全局唯一标签oid“属性可以保证对象的唯一性,所以我们在前面工单建模时,创建了属性为UUID的“故障设备assetOid”属性,用于存储设备对象的“全局唯一标识oid”值。接下来具体讲解对象选择框的使用:

1)在控件区-单对象控件处找到对象选择框(Image RemovedImage Added)控件,将控件拖放到合适布局内;

2)选中画布区的对象选择框控件,右侧滑出控件的属性编辑框;2)选中画布区的对象选择框控件,右侧滑出控件的属性编辑框

3)为单对象控件绑定目标属性,在本案例中绑定“故障设备assetOid”属性;4)因为单对象控件是引用类型的控件,所以需要明确需要该属性需要引用的目标类,在本案例中,设置目标类为设备(Asset);

4)在属性编辑区开启“数据字典”,选择框控件可做为引用类型的控件使用,所以需要明确需要该属性需要引用的目标类,在本案例中,设置目标类为设备(Asset);

5)我们引用的对象属性较多,不能将所有属性的数据都罗列出来,因此需要设置浏览字段,也就是点击对象选择框时那个或者那些属性的数据。本次案例中,我们设置浏览字段为“代号”、“设备名称”;

...

信息
title回填字段
  • 当回填字段是“全局唯一标识oid”时,相当于存储了引用类(设备类)的主键,可以通过assetOid获取到该对象的所有信息;
  • 当回填字段非“全局唯一标识oid”的时,只是存储了引用类(设备类)对象上的一个属性值,不能根据属性值查询该对象的其他信息;对象上的一个属性值,不能根据属性值查询该对象的其他信息。

7)现在设置显示字段,显示字段与浏览字段不同。显示字段是指显示在对象选择框的内容区域的文字。通常浏览字段可以跟显示字段保持一致,也可以自定义设置显示字段;

...

10)添加过滤条件,可以将下拉框显示的数据进行过滤。

图-对象选择属性设置11)属性联动赋值:当定义了引用类的回填字段后,且“多选”开关关闭时,属性定义区就会出现“属性联动赋值”选项,点击进入后就会出现属性联动赋值定义界面,通过定义可以实现将引用类的属性回填到本表单所定义的类的相关属性上,从而实现属性联动赋值。

  • 关闭“多选”开关;
  • 弹出“属性联动赋值;
  • 将引用类的属性与表单定义的属性进行联动绑定。

Image Removed

4.2 外键引用控件-对象标签

对象标签是另一个外键引用类控件。上一讲为大家介绍了如何使用对象选择框。除了通过下拉列表形式展示数据,我们还希望看到引用类更多信息。这种情况,我们可以使用对象标签来替对象选择框。接下来讲解对象标签的具体使用方法:

...

5)对象标签与对象选择框的数据展示形式不同,点击对象标签输入框右侧的放大Image Modified图标,会弹出一个弹窗。这个弹窗的内容也是需要明确的,即设置浏览表单。因为我们想看到读多条零部件的信息,这里我们可以选中浏览表单为“MultiParts”;

...

8)如果开启”多选“开关时,还可以实现选中多个对象。

9)可进行属性联动赋值定义。

图-对象标签属性设置

信息
title对象选择与对象标签、对象弹窗控件的异同

对象选择和对象标签、对象弹窗都是3个外键引用类控件,且都可以选择多条数据对象的属性值和实现属性联动赋值,他们的不同之处在于:

  • 对象选择是通过下拉的方式进行数据选择,而对象标签是弹窗方式进行选择;
  • 对象选择的是“浏览字段”,而对象标签选择的是“浏览表单”;
  • 对象选择具有“是否开启远程搜索”的开关,而对象标签没有此开关。

特别说明的问题:

  • 对象选择和对象弹窗控件作用基本一致,都是以弹窗方式进行对象选择,建议选用对象标签,对象弹窗的保留主要是考虑老用户的兼容性问题。

4.3 模型点选器-

...

组织用户

在培训的讲义中,我们为大家将讲解了如何在组织模型处创建用户和用户组。接下来为大家介绍如何利用模型点选控件-组织用户点选器将模型中数据和应用结合起来使用。下面是组织用户点选器的使用步骤:

...

5)指定为用户组时,如果没有指定用户组,点击组织用户点选器时会下拉显示所有的用户,也可以指定显示某一个用户组下的用户。

图-组织用户点选器属性设置

5.外键引用类控件

外键引用类控件可以解决不同实体类之间数据的引用问题,可以通过引用类来选择引用类属性,例如实现在实体类A下面的表单根据实体类B的oid 来访问实体类B的数据,通过在浏览字段中选择应用类的属性,实现对引用类B的属性的浏览,在本节的4.1和4.2中介绍了对象选择框和对象标签在设备管理案例中的外键应用类控件的使用。DWF单对象控件中有4个外键引用类控件:

  • 单选框、复选框、选择框这3个控件在控件属性定义区开启“数据字典”的情况下也是外键应用类控件
  • 对象标签是外键引用类控件
信息
title注意!

对象选择框和对象标签都是外键引用类控件,他们的不同之处在于:

  • 对象选择框在属性定义区开启“数据字典”后才是外键应用类控件;
  • 选择框是通过下拉的方式进行数据选择,而对象标签是弹窗方式进行选择;
  • 选择框的是“浏览字段”,而对象标签选择的是“浏览表单”;
  • 对象选择具是否”开启搜索”的开关,而对象标签没有此开关。

6.数据跨类应用

 在定制表单时一般是在某个类下创建表单,但DWF同样可以实现表单中数据跨类的使用,实现途径如下:

  • 单对象控件中具有“数据字典”的4个控件(单选框、复选框、选择框、对象标签),通过开启“数据字典”可以实现数据跨类应用
  • 多对象的表格控件通过属性“列定制面板”中的引用类可以实现数据跨类应用
  • 可视化控件中的“动态数字”控件,可以通过选择“目标类”实现数据跨类应用

7.小结

设备地图 LandingMap

  • 可视化控件
    • 动态地图:单独映射、字符串映射、图标、角标属性

...

单个设备卡片 AssetCard

  • 布局控件
    • 行、列
  • 单对象控件
    • 标签、附件标签、上传文件

多个设备卡片 AssetCards

  • 多对象控件
    • 表单:目标类、选择表单、多对象展示

...

  • 单对象控件
    • 对象选择:目标类、浏览字段、回填字段、显示字段
    • 对象标签:目标类、浏览表单、回填字段、显示字段
    • 组织用户点选器:指定类型

本节还对外键引用类控件进行了介绍和总结,外键应用类控件有4个:单选框、复选框、选择框、对象标签。

总结了表单中数据跨类应用的3类情况。

6.附件

View file
name表单建模入门(三).zip
height250