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

工业APP页面建模目录一、页面建模二、常用页面布局模板一、页面建模一、页面建模01-低代码开发平台的“页面建模”当用户执行某个动作时根据数据模型驱动页面设计，提供构成应用的功能页面设计器、分析报表设计器配置出单据、分析报表等各类页面，同时支持前后端扩展，实现单据页面、业务事件的构建和交互过程的个性化扩展。1.页面建模应用让我们来看下yonbuilder平台的页面建模功能包含哪些应用用于创建构建应用的各类页面。用于创建参照页面，将经常用到的页面作为参照模板，方便后期使用。用于设计应用内所有需要打印页面的打印模板。2.页面类型yonbuilder平台把页面分为三类。单据将数据建模时数据库已经存在的字段根据实际需要汇聚在一起，形成具有业务逻辑的单据页面。单卡、单表、左树右表、左树右卡、树形表、一主多子、主子孙、行编辑表、空页面等。2.页面类型yonbuilder平台把页面分为三类。分析为数据的智能分析与展示提供便利，可选择的模板有仪表板、报表、分析卡片和已有页面引用等，可以直接从这个入口创建智能分析页面。第三方在应用中引入第三方的链接页面，通过URL直接引用即可。二、常用页面布局模板二、常用页面布局模板01-平台页面功能提供多种预置模板和多种布局容器及组件，支持流式排列和自由布局的页面组装，实现可视化应用开发。1.事件常用的单据页面常用模板单卡和列表是最基本的页面模板，另有主子结构的一主多子和主子孙模板，还有含有树形结构的左树右表、左树右卡、树形表模板，此外还有行编辑表、空页面等模板。1.单卡和列表“单卡”通常用于配置一个节点的编辑页面，用于录入业务数据。“列表”通常用于配置一个节点的浏览页面来展现全貌，创建页面选择预置模板时可勾选同时生成列表，在列表页面可查看、删除已有档案。1.单卡和列表物料档案页面建模时选择单卡模板并且同时生成列表，在物料档案卡片页面新增物料，在物料档案列表页面查找和删除已有的物料档案。2.主子结构“一主多子”模板用于创建主子布局页面列表卡片可以展示父实体和子实体数据信息，会根据子表的个数自动按页签创建多个子表。支持单主列表及主子列表的选择

。2.主子结构“一主多子”模板用于创建主子布局页面采购清单的父实体详细数据卡片页面可新增采购申请同时编辑清单明细2.主子结构“一主多子”模板用于创建主子布局页面列表页面选择主子列表选项，可查询、浏览采购申请单，选中单条记录可查看清单明细，支持编辑、删除、复制等操作。2.主子结构这是一主多子列表页面示例一主多子2.主子结构这是一主多子列表页面示例卡片页面可以新增采购申请同时编辑清单明细；列表页面选择主子列表选项，可查询、浏览采购申请单选中单条记录可查看清单明细，还可编辑、删除、复制等操作。2.主子结构主子孙由列表和卡片两个页面组成，区别于一主多子，主子孙模板会在子表增加一个对孙表的触发，用于录入或显示某行对应的孙表数据。3.树形结构“左树右卡”是左侧树右侧卡结构的页面模板，用于构建数据本身有层级关系的页面。比如部门树。3.树形结构“左树右表”模板由左树右表页面和卡片页面组成左树右表页面的列表是一个浏览态的列表，与单列表的作用相同，卡片页面是一个编辑态的页面，用于数据的录入，比如员工档案。3.树形结构“树形表”模板由树形表页面和卡片页面组成，是左树右卡的另一种展现。上述与树形有关的页面，所绑定的实体数据建模需勾选引用接口“树形结构”。4.行编辑表是一个可批量编辑的列表页面，常用于字段数量不多的公共档案录入。最终效果是在列表页中可以添加功能按钮，对当前行数据进行查看、编辑、删除等操作。总结工业APP页面建模页面建模主要应用页面类型页面参照打印模板单据（具有业务逻辑的页面）分析第三方常用页面布局模板（单据）单卡、列表主子结构