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

YonBuilder是面向企业组织和个人开发者的低代码开发平台,实现可视化、低代码/无代码开发。提供以元数据驱动、点击拖拽+自动化代码生成和多端编译的技术,与开放平台、连接集成平台、DevOps平台无缝整合,形成覆盖业务建模,开发、集成、测试、部署、运行、运维的完整开发构建服务。
今天我们从简单的"入职申请单"带领大家认识一下YonBuilder的使用流程。 能力清单
0 1

编号 能力清单
1 审批流
2 页面设计器基本操作、页面增补字段
3 自动编码配置

操作流程
0 2
实体
0 3
3.1、入职申请 ****

  • 引用接口中勾选自动编码,填写后点击保存,确定没有问题,列表页发布实体

  • 设置编码规则标签

**** 四、页面建模
0 4
4.1、创建入职申请页面

  • 切换至页面建模页签。点击右上角新建页面,选择单卡,点击下一步
  • 填写页面名称,选择元数据,点击确认按钮
  • 页面自动生成

4.2、调整卡片页面布局

  • 点击进入PC端页面设计器
  • 切换层级页面,选择卡片组,右键插入表单

  • 分别选中卡片组下表单,修改其容器名称

  • 拖拽操作台基础控件至各个表单容器内,形成以下布局
  • 常用技巧,控制是否显示隐藏元素

4.3、增补字段

  • 例如我们我们要增加一个工资字段
  • 实体增加字段
  • 点击保存并发布
  • 进入【入职申请卡片】页面设计器,添加工资字段

**** 五、配置审批流
0 5
5.1、创建审批流 5.2、配置审批流

  • 点击进入流程设计器
  • 配置审批人一(为方便测试,设置为发起人)
  • 配置审批人二(为方便测试,设置为发起人)

**** 六、测试
0 6
看了整篇文章后,是否也想动手试试,移步用友开发者中心 网站,点击应用构建,即可开启低代码开发旅程。**

相关推荐
清山博客22 分钟前
OpenCV 人脸识别和比对工具
前端·webpack·node.js
要加油哦~25 分钟前
AI | 实践教程 - ScreenCoder | 多agents前端代码生成
前端·javascript·人工智能
程序员Sunday28 分钟前
说点不一样的。GPT-5.3 与 Claude Opus 4.6 同时炸场,前端变天了?
前端·gpt·状态模式
yq19820430115633 分钟前
静思书屋:基于Java Web技术栈构建高性能图书信息平台实践
java·开发语言·前端
aPurpleBerry37 分钟前
monorepo (Monolithic Repository) pnpm rush
前端
青茶36043 分钟前
php怎么实现订单接口状态轮询请求
前端·javascript·php
鹏北海1 小时前
micro-app 微前端项目部署指南
前端·nginx·微服务
发现一只大呆瓜1 小时前
虚拟列表:从定高到动态高度的 Vue 3 & React 满分实现
前端·vue.js·react.js
css趣多多1 小时前
add组件增删改的表单处理
java·服务器·前端
证榜样呀1 小时前
2026 大专计算机专业必考证书推荐什么
大数据·前端