【YonBuilder课堂】“入职申请单”的创建流程

YonBuilder是面向企业组织和个人开发者的低代码开发平台,实现可视化、低代码/无代码开发。提供以元数据驱动、点击拖拽+自动化代码生成和多端编译的技术,与开放平台、连接集成平台、DevOps平台无缝整合,形成覆盖业务建模,开发、集成、测试、部署、运行、运维的完整开发构建服务。 今天我们从简单的“入职申请单”带领大家认识一下YonBuilder的使用流程。能力清单01编号能力清单1审批流2页面设计器基本操作、页面增补字段3自动编码配置操作流程02
【YonBuilder课堂】“入职申请单”的创建流程_第1张图片
实体033.1、入职申请
【YonBuilder课堂】“入职申请单”的创建流程_第2张图片
引用接口中勾选自动编码,填写后点击保存,确定没有问题,列表页发布实体
【YonBuilder课堂】“入职申请单”的创建流程_第3张图片
 
图片
设置编码规则标签
【YonBuilder课堂】“入职申请单”的创建流程_第4张图片
 
【YonBuilder课堂】“入职申请单”的创建流程_第5张图片
 
图片
 
图片
四、页面建模044.1、创建入职申请页面切换至页面建模页签。点击右上角新建页面,选择单卡,点击下一步
【YonBuilder课堂】“入职申请单”的创建流程_第6张图片
填写页面名称,选择元数据,点击确认按钮
【YonBuilder课堂】“入职申请单”的创建流程_第7张图片
页面自动生成
【YonBuilder课堂】“入职申请单”的创建流程_第8张图片
4.2、调整卡片页面布局点击进入PC端页面设计器
【YonBuilder课堂】“入职申请单”的创建流程_第9张图片
切换层级页面,选择卡片组,右键插入表单
【YonBuilder课堂】“入职申请单”的创建流程_第10张图片
 
【YonBuilder课堂】“入职申请单”的创建流程_第11张图片
分别选中卡片组下表单,修改其容器名称
【YonBuilder课堂】“入职申请单”的创建流程_第12张图片
 
【YonBuilder课堂】“入职申请单”的创建流程_第13张图片
拖拽操作台基础控件至各个表单容器内,形成以下布局
【YonBuilder课堂】“入职申请单”的创建流程_第14张图片
常用技巧,控制是否显示隐藏元素
【YonBuilder课堂】“入职申请单”的创建流程_第15张图片
4.3、增补字段例如我们我们要增加一个工资字段实体增加字段
【YonBuilder课堂】“入职申请单”的创建流程_第16张图片
点击保存并发布
【YonBuilder课堂】“入职申请单”的创建流程_第17张图片
进入【入职申请卡片】页面设计器,添加工资字段
【YonBuilder课堂】“入职申请单”的创建流程_第18张图片
 
【YonBuilder课堂】“入职申请单”的创建流程_第19张图片
 
【YonBuilder课堂】“入职申请单”的创建流程_第20张图片
 
【YonBuilder课堂】“入职申请单”的创建流程_第21张图片
五、配置审批流055.1、创建审批流
【YonBuilder课堂】“入职申请单”的创建流程_第22张图片
 
【YonBuilder课堂】“入职申请单”的创建流程_第23张图片
5.2、配置审批流点击进入流程设计器配置审批人一(为方便测试,设置为发起人)
【YonBuilder课堂】“入职申请单”的创建流程_第24张图片
配置审批人二(为方便测试,设置为发起人)
【YonBuilder课堂】“入职申请单”的创建流程_第25张图片
 
【YonBuilder课堂】“入职申请单”的创建流程_第26张图片
 
【YonBuilder课堂】“入职申请单”的创建流程_第27张图片
六、测试06
【YonBuilder课堂】“入职申请单”的创建流程_第28张图片
 
【YonBuilder课堂】“入职申请单”的创建流程_第29张图片
 
【YonBuilder课堂】“入职申请单”的创建流程_第30张图片
看了整篇文章后,是否也想动手试试,移步用友开发者中心网站,点击应用构建,即可开启低代码开发旅程。

你可能感兴趣的:(前端)