• 首页 > 
  • 用户页面简介

用户页面简介

宜搭Pro平台提供了可视化的用户页面设计器,以下简称页面设计器。目前,通过页面设计器向导,您可以创建表单页面、详情页面、列表页面和展示页面四种类型的页面。

背景信息

您可以通过页面设计器设计供您的应用用户交互的用户页面,来满足应用中不同交互场景的需求。

下图为宜搭Pro平台的页面设计器截图。
page-designer

表单页

用于用户可交互的数据采集场景。应用通过向用户展示表单页面来收集需要用户录入的信息,提交后保存为一条实例数。创建时只能绑定一个业务对象,且创建后不可更改。

表单页面包含表单域和表单按钮组两个部分。

  • 表单域:用来承载一组录入信息的表单控件,如输入框,选择框等。
  • 表单按钮:将填写好的表单信息进行提交操作或重置操作,包括提交按钮、复位按钮和一般按钮。
    form-page

详情页

用于用户可交互的单条数据展示场景。应用通过向用户展示数据详情页来展示一条实例数据的若干字段信息。创建时只能绑定一个业务对象,且创建后不可更改。

详情页可以选择自动复用表单页的相同布局,即可以根据同一个对象下的已经排版好的表单页一键创建布局相同的详情页,它包含页头和详情区两个部分。

  • 页头用来展示数据标题和关键信息,以及对本条数据可以进行的操作,如:编辑、删除、打印或其它自定义动作。
  • 数据详情区用来展示该条实例数据各字段的详细信息。

    details-page

列表页

用于用户可交互的单个对象下多条实例数据的展示场景。应用通过向用户展示列表页来展示一个业务对象下多条实例数据的列表。创建时只能绑定一个业务对象,且创建后不可更改。

列表页包含列表项区域,列表操作区,分页操作区。

  • 列表项区域用来展示多条数据的列表,可以通过设置来配置在一个分页内显示多少条数据(列表项)。
  • 列表操作区包含针对列表数据的操作,如新建、导入导出、搜索、筛选条件设置、排序条件设置以及对多条数据的批量操作,底部的分页区则用于切换分页显示。
  • 列表页面可以选择表格、行列表或卡片列表以及自定义列表等多种样式来展示数据。

    list-page

展示页

展示页不做特定的组件和功能限制,可以使用平台提供的所有组件搭建任意您需要的页面布局,同时在创建时也不做绑定业务对象的限制,可以使用多个数据容器绑定多个业务对象来综合展示不同业务对象的数据。

展示页一般用来创建应用首页、工作台等综合数据交互诉求的用户界面。
presentation-page