页面建模

功能概述

提供应用构建的页面的配置功能，通过单据设计器、画布设计器、报表设计器、表单设计器等设计器配置出各类页面，同时支持前后端扩展，实现单据页面、画布页面、业务事件的构建和交互驱动过程的个性化扩展。

页面建模的操作流程如下：

关键应用

• 单据页面

• 分析页面

• 第三方页面

主要操作说明

1. 创建单据页面

单据设计器提供8种预置模板和多种布局容器和组件，支持表格、表单、网格、树等多种页面的组装能力：

预置模板：提供单表、单卡、左树右表、左树右卡、树形表、一主多子、主子孙表、行编辑 表8个常用模板。

点击【新建页面】按钮时，弹出创建单据页面的向导，如下图所示：

根据创建的页面类型，选择不同的页签的来创建页面，包括单据、表单、画布、分析和第三方页面。

选择“单据”页签，选择预置模板来创建新页面，或选择空白页面创建新页面。

要创建一个单卡页面，则在界面右侧选择“单卡”，然后点击【下一步】，弹出如下界面：

页面右侧输入新建页面的相关信息：

页面名称：必输；

生成移动页面：是否同时生成移动页面，可选项；

生成列表页面：是否同时生成列表页面，默认勾选，不可编辑；

生成参照：是否同时生成参照，可选项；

数据绑定：生成的页面绑定的实体元数据，参照的数据范围为当前应用已发布的实体元数据。会根据选择的模板进行过滤，比如一主多子模板会仅显示有主子关系的实体元数据，而主子孙模板会仅显示有主子孙关系的实体元数据。

点击【完成】后，系统会根据绑定的元数据实体及勾选项，生成页面。

生成的单卡页面如下图所示：

模板由三个区域构成：组件区、设计区和属性区。

组件区：提供构成页面的元素，包括布局容器、数据容器、工具栏、按钮控件、基础控件、业务控件、协作控件等。

设计区：单据页面的设计区域。包括卡片头部按钮区、卡片底部按钮区、数据显示区域等，根据需要来设计。

属性区：选中的页面元素的属性设置区域。

布局容器：构成页面布局的容器，系统提供了网格、卡片组和多页签三种布局容器，容器支持样式包括大小和位置，背景图边框颜色等属性设置；布局容器中拖入组件控件来实现单据页面的组装。

数据容器：装载页面数据的容器，根据数据展现的样式及用途又分为：表单、表格、树形表格、查询区和搜索树。

工具栏：定义单据页面中的操作按钮区域及按钮区域的样式。

按钮控件：定义单据页中按钮区域中的按钮，包括按钮和下拉按钮两个控件，可定义按钮类型、规格类型及单击按钮的动作，包括新增、编辑、删除、提交、撤回、启用、停用等。

基础控件：定义单据页面的基础控件，包括本框、多行文本、富文本、多语文本、手机、电话、邮箱、证件号、数值、金额、选项、开关、日期框、日期时间、时间框、评分、地图定位、图片上传等。

业务控件：定义单据页面中需要的业务类控件，包括附件管理、参照框、自动编码、下推按钮、打印、描述信息等。

协作控件：与协作套件相关的控件，包括协作套件和沟通套件。

其他：包括自定义控件，即用户可通过关联扩展组件或配置关联属性的方式来定义系统中不存在的控件使用。

2. 创建分析页面

分析页面分为分析、报表、分析卡片和已有页面引用，可以直接从这个入口创建智能

分析页面，也可以引用在智能分析中制作好的页面。

图-新建分析页面

选择好分析页面类型，下一步就是数据模型的绑定，数据模型的范围是应用构建平台的数据实体和查询。

图-新建分析信息设置

选择了数据模型进入到的智能分析制作页面将会自动添加该数据实体/查询做为数据模型，可以基于此模型直接创建分析图表也可以在此基础上添加数据模型联合创建分析图表，智能分析图表的创建详见数据智能服务章节。

图-数据分析设计器

3. 创建第三方页面

可以在应用中引入第三方的链接页面。

图-新建三方页面

通过URL直接引用即可。

图-新建三方页面信息设置

操作区说明（区域2）：

新增期间：客户可在最后一个会计年基础上，手动向后增加会计期间数据。

向前新增：客户可在第一个会计年基础上，手动向前增加会计期间数据。