工业App开发与应用 课件 2-3-工业APP页面建模.pptx

工业APP页面建模

目录

一、页面建模

二、常用页面布局模板

一、页面建模

一、页面建模

01-

低代码开发平台的“页面建模”

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

1.页面建模应用

让我们来看下yonbuilder平台的页面建模功能包含哪些应用

用于创建构建应用的各类页面。

用于创建参照页面，将经常用到的页面作为参照模板，方便后期使用。

用于设计应用内所有需要打印页面的打印模板。

2.页面类型

yonbuilder平台把页面分为三类。

将数据建模时数据库已经存在的字段根据实际需要汇聚在一起，形成具有业务逻辑的单据页面。

单卡、单表、左树右表、左树右卡、树形表、一主多子、主子孙、行编辑表、空页面等。

2.页面类型

yonbuilder平台把页面分为三类。

为数据的智能分析与展示提供便利，可选择的模板有仪表板、报表、分析卡片和已有页面引用等，可以直接从这个入口创建智能分析页面。

在应用中引入第三方的链接页面，通过URL直接引用即可。

二、常用页面布局模板

二、常用页面布局模板

01-

平台页面功能提供多种预置模板和多种布局容器及组件，支持流式排列和自由布局的页面组装，实现可视化应用开发。

1.事件

单卡和列表是最基本的页面模板，另有主子结构的一主多子和主子孙模板，还有含有树形结构的左树右表、左树右卡、树形表模板，此外还有行编辑表、空页面等模板。

1.单卡和列表

“单卡”通常用于配置一个节点的编辑页面，用于录入业务数据。

“列表”通常用于配置一个节点的浏览页面来展现全貌，创建页面选择预置模板时可勾选同时生成列表，在列表页面可查看、删除已有档案。

1.单卡和列表

页面建模时选择单卡模板并且同时生成列表，在物料档案卡片页面新增物料，在物料档案列表页面查找和删除已有的物料档案。

2.主子结构

“一主多子”模板用于创建主子布局页面

可以展示父实体和子实体数据信息，会根据子表的个数自动按页签创建多个子表。

支持单主列表及主子列表的选择。

2.主子结构

“一主多子”模板用于创建主子布局页面

卡片页面可新增采购申请同时编辑清单明细

2.主子结构

“一主多子”模板用于创建主子布局页面

列表页面选择主子列表选项，可查询、浏览采购申请单，选中单条记录可查看清单明细，支持编辑、删除、复制等操作。

2.主子结构

这是一主多子列表页面示例

一主多子

2.主子结构

这是一主多子列表页面示例

卡片页面可以新增采购申请同时编辑清单明细；

列表页面选择主子列表选项，可查询、浏览采购申请单

选中单条记录可查看清单明细，还可编辑、删除、复制等操作。

2.主子结构

由列表和卡片两个页面组成，区别于一主多子，主子孙模板会在子表增加一个对孙表的触发，用于录入或显示某行对应的孙表数据。

3.树形结构

“左树右卡”是左侧树右侧卡结构的页面模板，用于构建数据本身有层级关系的页面。比如部门树。

3.树形结构

“左树右表”模板由左树右表页面和卡片页面组成

左树右表页面的列表是一个浏览态的列表，与单列表的作用相同，卡片页面是一个编辑态的页面，用于数据的录入，比如员工档案。

3.树形结构

“树形表”模板由树形表页面和卡片页面组成，是左树右卡的另一种展现。

上述与树形有关的页面，所绑定的实体数据建模需勾选引用接口“树形结构”。

4.行编辑表

是一个可批量编辑的列表页面，常用于字段数量不多的公共档案录入。

最终效果是在列表页中可以添加功能按钮，对当前行数据进行查看、编辑、删除等操作。

工业APP页面建模

简述低代码开发平台页面建模包含哪几类页面？

简述低代码开发平台常用的单据页面布局模板？