建模语言之UI模型组件

UI模型组件遵循目前流行的MVVM架构来设计,在UI组件中可以进行个性化的设置。

一. 自定义页面

1.1 自定义页面分组

自定义页面分组是纯设计期属性,与运行期无关。其目的是将自定义页面进行分组,以便于设计期通过元数据浏览器查找页面的时候更加方便。

1.2 自定义页面

由用户自定定义的页面,页面的存放路径由平台统一定义,用户只需要指定页面名称即可。

主要用于应用组件中的菜单设置

二. 视图对象

【定义】

视图对象,ViewObject,是前端的数据模型,来源于后端服务。ViewObject中定义了的元素,才能在视图和页面中使用。

【规则】

  • 视图对象设置
    • 分页大小:视图对象的默认分页大小,涉及到从服务中以分页方式查询业务数据
    • 是否初始加载:false则不加载,再需要使用的时候进行列表数据加载,应用于一些数据量大并且需要筛选查看列表的实体;
    • 参照方式:属性的类型是其他实体的时候的参照方式,支持:
      • DDL:普通的下拉参照
      • SearchDDL:带搜索的下拉参照
      • Table:表格参照
      • SearchTable:带搜索的表格参照
    • 是否同步:true代表显示名称、简介信息与实体同步,否则属于自定义
    • 绑定实体:不可编辑,显示当前视图对象绑定的业务实体
  • 属性设置
    • 可以管理视图对象的属性,对于前端不适用的属性可从视图对象中删除
    • 可以通过向上、向下的箭头,来控制属性在前端的呈现顺序
    • 查询设置:属性的查询设置
      • 是否可查询:属性是否用于查询,true则会在前端查询视图中出现此属性的查询录入框
      • 查询方式:设置查询方式包括Equal(精确查询)、Like(模糊查询)、Between(区间查询),其中区间查询适用于数值型和日期型
    • 列表设置:属性在列表中的设置
      • 是否在列表:true则属性显示在前端列表中,false则不显示
      • 对齐方式:设置属性值在列表中的对其方式,包括:Left(居左对齐)、Center(居中对齐)、Right(居右对齐)
      • 是否冻结:true代表冻结,对应的列不可拖拽,不会滚动,且呈现于列表的一端
      • 列宽:属性所在列的列宽,0代表不固定,列宽自适应
      • 是否缺省排序:true代表是表格数据的缺省排序属性
      • 缺省排序方式:当属性为缺省排序时,此属性定义排序方式,分为:Asc(升序)、Desc(降序)
      • 是否可排序:true代表可排序,则属性所在列头可点击进行数据排序
    • 参照设置:属性所在实体被参照时,属性的相关设置
      • 是否在参照列表:是否在参照列表中,只有参照是列表呈现的时候有效
      • 是否查询属性:是否是参照的查询属性,多个属性的时候用or连接
    • 编辑属性:实体编辑的时候属性的设置
      • 允许新建:实体新建的时候是否允许录入属性值
      • 允许编辑:实体修改的时候是否允许录入属性值
    • 详情设置:在实体详情页中属性的设置
      • 详情页内是否呈现:属性是否在详情中呈现,false则在详情内不可见
    • 绑定设置:定义视图对象属性与实体属性的绑定设置
      • 是否同步:默认为true,true代表与实体属性进行同步,否则自定义后不会修改
      • 绑定实体属性:不可编辑,显示其绑定的实体属性名称和显示名称
  • 操作设置:管理视图对象的操作
    • 系统预置了多种操作类型,每个操作必须属于某一个操作类型:
      • 新建:可以新建实体
      • 编辑:可以编辑实体
      • 查询:可以在列表中查询实体
      • 查看详情:在列表中通过详情按钮可以查看实体详情
      • 审核:可以进行实体审核,包括审核通过和审核退回
      • 逻辑删除:可以逻辑删除实体,逻辑删除只是设置实体的数据状态为删除状态
      • 批量逻辑删除:可以逻辑删除一组实体
      • 导出:可以在列表页导出列表数据
      • 导入:可以在列表页导入列表数据
    • 是否受控:受控的操作,将被作为资源加入权限系统,由权限系统控制其可见性、可访问性

三. 生成页面

每个实体将会生成三个页面:列表页、编辑页、详情页

页面上的按钮统一设置:

  • 是否受控:不受控的按钮,任何访问者都可见并可访问
  • 无权限可见:当受控按钮无权限的时候,是否可见,true则为禁用状态,false则不显示。

3.1 列表页

  • 页面名称由实体名称加上单词”List”构成
  • 页面设置
    • 登陆访问:true代表需要登录才能访问,一般不需要修改,除非一些特殊情况可以让非登录用户进行访问
    • 视图设置:可以启用或关闭页面的查询区域
    • 页面按钮:默认只有新建按钮,根据视图对象定义的操作,可以添加相应的按钮,也可以删除已有按钮
  • 查询视图区域设置
    • 查询属性:可以管理查询属性,来源于视图对象中设置为可查询的属性
    • 视图按钮:查询、清空,这两个是预置按钮,不可修改
  • 表格视图
    • 列表属性:可以管理列表属性,来源于视图对象中设置为在列表中呈现的属性
    • 视图按钮:编辑、删除、详情,可以管理需要的按钮

3.2 编辑页

  • 页面名称由实体名称加上单词”Edit”构成
  • 页面设置
    • 登陆访问:true代表需要登录才能访问,一般不需要修改,除非一些特殊情况可以让非登录用户进行访问
  • 表单视图设置
    • 修改属性:可以管理修改属性,来源于视图对象中设置为可编辑的属性
    • 视图按钮:保存(新建后保存)、保存(编辑后保存) 、保存并新建、取消

3.3 详情页

  • 页面名称由实体名称加上单词”Detail”构成
  • 页面设置
    • 登陆访问:true代表需要登录才能访问,一般不需要修改,除非一些特殊情况可以让非登录用户进行访问
  • 详情视图设置

详情属性:可以管理详情属性,来源于视图对象中设置为可在详情呈现的属性

免费下载PDF文件

您的公司
您的姓名
您的电话
您的邮箱
预约体验