基于低代码平台开发业务模块,大家都有过这种体验:哪怕是一个简单的业务模块,从建表、画表单、设计流程、开发页面,一步步拖拽配置,最少需要2小时,如果遇到需求改来改去,反复调整字段、流程节点,能折腾半天。

今天我们看看具备了AI能力的智能化低代码平台,从「手动拖拽」变成了「自然语言输入」,同样一个业务模块,原来要2小时,现在2分钟搞定,效率直接翻10倍。

下面全程实操演示如何基于AI开发业务模块。

一、业务需求场景

业务需求:本次实操场景是搭建「请假审批模块」,核心需求:员工填写请假申请单后,发起请假申请流程,流程审批节点包括:部门经理审批、总经理分级审批(请假天数>3天需总经理审批),请假数据查询、待办事宜、流程审批,全程用AI生成。

二、AI生成业务模块过程

步骤1:AI生成实体模型

实体模型是核心,所有表单、流程、页面都依赖实体,这一步做好,后面所有操作都能省时间;

【操作入口】:
应用编辑页面 → 点击「数据建模」→ 进入数据建模页面 → 点击页面顶部「AI创建实体模型」

【实操指令】:

输入:创建一个请假申请实体模型

【预期效果】

发送指令后,等待8秒左右,AI会生成实体模型,自动显示在数据建模列表中,可看到所有字段,字段类型、长度等信息,如果不合适,可以人工调整。

确认无误后点击保存实体模型,保存完成后点击创建实体表按钮,同时生成ER模型。

步骤2:AI生成申请表单

表单是员工发起请假申请的入口,也是数据录入的核心,传统低代码需要手动拖拽控件、调整布局、配置校验,AI直接一步生成表单。

【操作入口】:

用编辑页面 → 点击「表单设计」→ 进入表单列表页 → 点击「AI创建表单」按钮

【实操指令】:

输入:基于刚刚生成的实体模型,创建一个请假申请表单。


AI生成中表单中:

【预期效果】:
生成过程中会自动打开表单设计器,生成一个在线表单,如果需要调整,可人工进一步调整干预。
预览表单(点击设计器右上角「预览」按钮);

步骤3:AI生成审批流程

审批流程是请假系统的核心,传统低代码需要手动画流程节点、配置审批人、设置流转规则,容易出错,AI直接根据指令生成完整流程,连条件分支、驳回逻辑都能自动配置。

【操作入口】:

应用编辑页面 →点击「流程设计」→ 进入流程列表页 → 点击「AI创建流程」按钮

【实操指令】:

输入:创建一个请假审批流程,流程节点包括:
开始节点 → 发起申请 → 部门经理审批 → 出差天数判断 → 3天以内人事经理审批 / 超过3天总经理审批。

【预期效果】:

 生成完成后,自动进入流程设计器,流程图自动绘制完成,节点顺序、分支逻辑和指令完全一致;如果需要调整,可人工进行干预调整。
 

步骤4:AI生成列表页面

列表页面是管理员、员工查看请假记录的核心入口,需要显示所有请假信息

【操作入口】

应用编辑页面 → 点击「页面设计」→ 进入页面列表页 → 点击「AI创建列表」按钮


【实操指令】

输入:基于XXX实体模型,创建一个请假申请列表页面。

AI指令发出后,自动打开列表页面设计器,自动生成页面。

列表页面生成完成后,可根据需求具在做微调。

【预期效果】:

生成完成后,自动进入页面设计器,列表布局、列显示、筛选条件、操作按钮和指令完全一致;
预览页面(点击测试按钮预览所创建的页面)

步骤5:配置菜单挂载前台

应用编辑页面 → 点击「菜单管理」创建对应的菜单

权限配置:在角色授权模块授权对应菜单模块

切换到前台查看所生成的请假申请效果

三、技术实现原理

云程低代码平台是一套大模型智能体(AI Agent)+ 可调用工具(Skills) 驱动的低代码 / 无代码自动化架构,核心目标是:让 AI 理解业务需求 → 自动生成数据库结构、前端表单、业务流程 → 直接落地可运行的系统模块。

  1. AI Agent:大脑(理解需求、规划任务、决策、调度工具、校验结果)
  2. Skills:手脚(可调用的原子能力,专门执行建表、生成表单、生成流程等具体操作)
  3. 目标:用户输入自然语言业务需求 → AI 全自动完成数据表 + 表单 + 流程的设计与创建

用到技术栈如下:

Vue、Spring AI、Spring AI Alibaba、RAG、MCP、Agent、Skills

Logo

欢迎加入 MCP 技术社区!与志同道合者携手前行,一同解锁 MCP 技术的无限可能!

更多推荐