EIP低代码平台 - 应用管理 - 表单设计
EIP低代码平台 - 应用管理(零代码表单设计)功能讲解
开源框架模块详解|码云开源EIP低代码平台
仓库地址:https://gitee.com/sunzewei/eip_lowcode
摘要
应用管理是EIP低代码平台可视化零代码表单构建的核心模块,支持管理员自主创建业务分组、在分组内搭建业务数据表(工作表),通过拖拽可视化组件快速完成表单页面布局、字段属性配置,搭配别名映射功能绑定真实数据库表与物理字段,无需编写前端页面代码、无需手动创建数据库表结构,即可快速生成配套的CRUD数据管理页面。模块内置表单设计、功能开关、业务规则、数据校验、自定义按钮、打印模板全套配套能力,从底层数据表生成到业务页面落地实现全可视化配置,适配工程行业收支类别、保证金类型、资金账户、税率、供应商、材料分类等海量基础档案台账的快速搭建。
一、应用管理模块建设目的与核心作用
1.1 搭建零代码应用管理模块的必要性
- 零代码快速搭建业务台账,降低系统开发交付成本
企业大量的基础字典、分类台账(收支类别、工种、供应商、付款方式等)不需要后端开发编写页面、建表,管理员在页面拖拽组件即可生成表单与数据表,几分钟完成一个基础档案模块落地,大幅缩短项目实施周期。 - 分组化归类管理业务表单,匹配系统左侧菜单结构
支持创建业务分组,分组和系统左侧导航菜单一一对应,同业务域的多张表单归集在同一个分组下,菜单、分组、工作表三者一一绑定,系统菜单结构和后台表单管理结构保持统一,管理层级清晰规整。 - 可视化拖拽配置表单字段,可视化管控字段规则与校验
左侧提供全套布局组件、基础输入组件、专属业务组件,拖拽即可完成表单布局;右侧面板可视化配置必填项、最大长度、默认值、控件样式、事件行为,可视化完成数据校验规则配置,不用编写前端校验JS代码。 - 别名映射绑定数据库实体,表单配置自动生成数据表结构
通过别名设置功能,自定义数据表名、各个表单字段对应的数据库物理字段名,系统根据配置自动在数据库生成业务数据表,字段类型跟随前端组件自动适配,省去DBA建表、开发维护实体类的工作量。 - 配套完整表单周边能力,满足业务全场景使用需求
表单设计完成后,配套功能开关控制页面按钮显隐、业务规则配置数据联动、业务校验补充复杂校验逻辑、自定义按钮拓展操作行为、打印模板配置单据打印样式,一套模块覆盖基础表单全部业务需求。
1.2 模块的具体作用
应用管理以「分组→工作表(表单)」两级结构管理所有自定义业务数据表:首先创建分组匹配系统左侧菜单目录,在分组内新建工作表作为实际的业务数据表载体;进入表单设计画布,拖拽布局容器与各类输入组件拼装新增/编辑弹窗界面,对每个组件配置表单属性、校验规则、样式参数;通过别名设置定义数据表名称和每个字段的数据库物理名称,发布表单后系统自动完成数据库建表、接口生成、列表页生成整套流程。同时对表单配套配置业务规则、数据校验、打印模板等拓展能力,开箱即用实现数据新增、编辑、删除、导入导出、查询、打印等全套CRUD功能,统一管理平台所有自定义基础资料类业务表单。
1.3 权限入口与管控说明
菜单访问路径:【系统管理】→【零代码配置】→【应用管理】
本模块属于系统底层数据表搭建配置功能,权限管控严格:仅超级管理员、平台实施管理员拥有分组新建、表单设计、别名修改、表单发布权限;普通业务管理员仅拥有表单数据的增删改查权限,禁止修改底层表单结构与数据库映射关系,防止数据表结构被误篡改引发系统异常。
二、应用管理页面整体布局详解

2.1 页面整体三区布局
- 左侧:分组树形列表
和系统左侧导航菜单一一对应,支持新增、编辑分组信息(分组名称、图标、展示排序、状态禁用),所有工作表归属在对应分组节点下,实现菜单-分组-表单的层级对应管理。
分组配置项:名称(必填)、图标、图片地址、备注、禁用状态、排序号,控制分组在列表以及系统菜单的展示效果与顺序。
- 中上区域:表单功能操作栏
选中对应分组下的工作表后,顶部展示表单全局配置功能按钮:
| 功能按钮 | 功能说明 |
|---|---|
| 表单设计 | 打开可视化画布,拖拽组件设计表单弹窗页面、配置字段属性 |
| 功能开关 | 控制列表页新增、编辑、删除、导入导出等按钮的启用/隐藏状态 |
| 业务规则 | 配置表单字段之间联动显隐、赋值、联动筛选等业务联动逻辑 |
| 业务验证 | 配置自定义复杂数据校验规则,补充基础组件校验之外的业务校验 |
| 自定义按钮 | 在表单列表页、详情页新增自定义操作按钮,绑定后端执行逻辑 |
| 打印模板 | 可视化设计当前表单数据的打印单据布局,适配台账纸质打印需求 |
- 右下区域:表单数据列表管理区
展示当前工作表的业务数据,自带顶部多条件检索、新增、编辑、删除、复制、批量导入导出、回收站数据恢复能力;列表自动根据表单字段生成对应表格列,无需开发编码。
2.2 表单列表字段通用说明
列表自动渲染表单配置的所有业务字段,同时系统自带底层通用字段:数据状态开关、创建人、创建时间、最近修改人、修改时间,系统自动维护底层审计字段,业务人员无需额外配置。
三、表单从0到1完整配置实操流程
步骤1:创建业务分组,对齐系统左侧菜单

- 点击分组区域加号按钮,打开编辑分组弹窗;
- 填写分组名称(例:基础资料)、选择匹配的图标、设置排序号、填写备注;
- 提交保存,该分组会和系统导航栏菜单形成对应关系,用来归集同模块下所有工作表表单。
步骤2:分组内新建工作表(业务数据表)
在目标分组下创建工作表(如收支类别),系统生成空白表单载体,进入主界面即可对该工作表进行表单设计等全部配置操作。
步骤3:进入表单设计,拖拽组件完成页面布局

- 点击顶部【表单设计】按钮,打开可视化编辑画布;
- 左侧分为三大类组件库:
- 布局组件:分割线、卡片布局、标签布局、栅格布局等,用来规划表单整体排版结构
- 基础组件:输入框、单选框、开关、日期选择、上传文件、富文本等常规录入控件
- 业务组件:组织架构选择、人员选择、手写签名、关联记录等平台专属业务组件
- 将需要的组件拖拽至画布内对应位置,完成表单页面结构排布。
步骤4:选中组件,配置控件属性与校验规则

选中画布内任意组件,右侧弹出属性配置面板,分为多维度配置项:
- 基础配置:设置字段展示标签、默认值、前后缀文字、输入框最大字符长度;
- 字段属性:配置字段是否必填、是否唯一、是否隐藏、编辑态禁用等存储属性;
- 校验配置:开启必填校验,可新增自定义正则、数值范围等校验规则;
- 样式&事件:配置控件展示样式、前端交互事件。
以收支类别表单为例:拖拽「单选框」作为收支属性(收入/支出)、拖拽「输入框」作为收支类别名称、拖拽「开关」作为数据启用状态,依次完成每个控件的参数配置。
步骤5:别名设置,映射数据库表名与物理字段名

点击表单设计顶部「别名」按钮,打开别名配置弹窗:
- 填写表别名:定义该工作表最终在数据库生成的物理数据表名称;
- 系统自动加载画布内所有组件字段,每条字段对应生成一行配置,可自定义字段ID(数据库物理字段名);
- 支持一键生成所有字段拼音别名,快速完成数据库字段命名,提交保存映射关系。
核心作用:表单界面组件和数据库物理表、字段形成一一绑定,发布表单后系统自动依据别名配置创建真实数据表,前端录入的数据自动落地至对应数据库字段。
步骤6:表单发布,自动生成整套CRUD页面
全部布局、属性、别名配置完成后,点击画布右上角【发布】按钮:
- 系统根据别名配置自动校验并创建数据库数据表;
- 自动生成列表查询页面、新增/编辑弹窗页面、配套新增/修改/删除/查询后台接口;
- 回到应用管理列表页,即可直接录入、管理业务数据,整套表单功能全部生效。
步骤7(可选):配套配置功能开关、业务规则、打印模板
表单发布后可按需配置周边能力:管控页面按钮显示隐藏、配置字段联动逻辑、设计打印单据模板,完善表单的业务适配能力。
四、应用管理零代码表单核心业务价值
- 零代码快速开发基础台账,极大节约研发人力成本
收支分类、供应商、工种、税率等大量静态基础档案,实施人员拖拽配置即可上线使用,不用前后端开发编写代码、不用手动设计建表语句,普通运维人员即可完成表单搭建,提升项目交付效率。 - 分组层级管理,菜单、分组、表单结构统一规范
依托分组绑定系统左侧导航菜单,业务模块层级一目了然,多表单集中维护,系统架构整洁统一,方便后期运维迭代管理。 - 可视化表单与属性配置,上手门槛低
全部操作依靠拖拽+右侧面板可视化配置完成,字段必填、长度、样式、校验全部可视化配置,无需掌握前端HTML、JS、CSS相关技术。 - 别名自动映射数据库,屏蔽底层数据库操作风险
由系统根据别名配置自动创建数据表,标准化数据表、字段命名,规避人工建表带来的命名混乱、字段类型不匹配、遗漏字段等问题,数据存储结构更加规范安全。 - 一体化配套能力,表单从录入到打印全链路闭环
表单设计之外自带功能管控、业务联动、数据校验、自定义按钮、打印模板能力,一套模块即可满足基础档案类业务的全部使用诉求,无需额外开发拓展功能。 - 原生适配平台整体权限体系
零代码生成的表单页面天然继承平台的菜单权限、按钮权限、数据权限体系,角色配置中可直接管控表单的访问、操作、数据查看范围,和整套RBAC体系无缝融合。
结语
EIP低代码平台的应用管理模块,采用「分组管理→工作表创建→拖拽表单设计→组件属性配置→别名数据库映射→发布生效」标准化零代码流程,实现无代码快速构建业务数据表与管理页面。兼顾可视化易用性与底层数据库规范化管理,配套全套表单拓展能力,是平台快速落地各类基础档案、业务台账的核心低代码基座。
更多推荐



所有评论(0)