EIP低代码平台 - 应用管理(零代码表单设计)功能讲解

开源框架模块详解|码云开源EIP低代码平台
仓库地址:https://gitee.com/sunzewei/eip_lowcode

摘要

应用管理是EIP低代码平台可视化零代码表单构建的核心模块,支持管理员自主创建业务分组、在分组内搭建业务数据表(工作表),通过拖拽可视化组件快速完成表单页面布局、字段属性配置,搭配别名映射功能绑定真实数据库表与物理字段,无需编写前端页面代码、无需手动创建数据库表结构,即可快速生成配套的CRUD数据管理页面。模块内置表单设计、功能开关、业务规则、数据校验、自定义按钮、打印模板全套配套能力,从底层数据表生成到业务页面落地实现全可视化配置,适配工程行业收支类别、保证金类型、资金账户、税率、供应商、材料分类等海量基础档案台账的快速搭建。

一、应用管理模块建设目的与核心作用

1.1 搭建零代码应用管理模块的必要性

  1. 零代码快速搭建业务台账,降低系统开发交付成本
    企业大量的基础字典、分类台账(收支类别、工种、供应商、付款方式等)不需要后端开发编写页面、建表,管理员在页面拖拽组件即可生成表单与数据表,几分钟完成一个基础档案模块落地,大幅缩短项目实施周期。
  2. 分组化归类管理业务表单,匹配系统左侧菜单结构
    支持创建业务分组,分组和系统左侧导航菜单一一对应,同业务域的多张表单归集在同一个分组下,菜单、分组、工作表三者一一绑定,系统菜单结构和后台表单管理结构保持统一,管理层级清晰规整。
  3. 可视化拖拽配置表单字段,可视化管控字段规则与校验
    左侧提供全套布局组件、基础输入组件、专属业务组件,拖拽即可完成表单布局;右侧面板可视化配置必填项、最大长度、默认值、控件样式、事件行为,可视化完成数据校验规则配置,不用编写前端校验JS代码。
  4. 别名映射绑定数据库实体,表单配置自动生成数据表结构
    通过别名设置功能,自定义数据表名、各个表单字段对应的数据库物理字段名,系统根据配置自动在数据库生成业务数据表,字段类型跟随前端组件自动适配,省去DBA建表、开发维护实体类的工作量。
  5. 配套完整表单周边能力,满足业务全场景使用需求
    表单设计完成后,配套功能开关控制页面按钮显隐、业务规则配置数据联动、业务校验补充复杂校验逻辑、自定义按钮拓展操作行为、打印模板配置单据打印样式,一套模块覆盖基础表单全部业务需求。

1.2 模块的具体作用

应用管理以「分组→工作表(表单)」两级结构管理所有自定义业务数据表:首先创建分组匹配系统左侧菜单目录,在分组内新建工作表作为实际的业务数据表载体;进入表单设计画布,拖拽布局容器与各类输入组件拼装新增/编辑弹窗界面,对每个组件配置表单属性、校验规则、样式参数;通过别名设置定义数据表名称和每个字段的数据库物理名称,发布表单后系统自动完成数据库建表、接口生成、列表页生成整套流程。同时对表单配套配置业务规则、数据校验、打印模板等拓展能力,开箱即用实现数据新增、编辑、删除、导入导出、查询、打印等全套CRUD功能,统一管理平台所有自定义基础资料类业务表单。

1.3 权限入口与管控说明

菜单访问路径:【系统管理】→【零代码配置】→【应用管理】
本模块属于系统底层数据表搭建配置功能,权限管控严格:仅超级管理员、平台实施管理员拥有分组新建、表单设计、别名修改、表单发布权限;普通业务管理员仅拥有表单数据的增删改查权限,禁止修改底层表单结构与数据库映射关系,防止数据表结构被误篡改引发系统异常。

二、应用管理页面整体布局详解

【此处插入:应用管理首页总览截图】

2.1 页面整体三区布局

  1. 左侧:分组树形列表
    和系统左侧导航菜单一一对应,支持新增、编辑分组信息(分组名称、图标、展示排序、状态禁用),所有工作表归属在对应分组节点下,实现菜单-分组-表单的层级对应管理。
    【此处插入:编辑分组弹窗截图】

分组配置项:名称(必填)、图标、图片地址、备注、禁用状态、排序号,控制分组在列表以及系统菜单的展示效果与顺序。

  1. 中上区域:表单功能操作栏
    选中对应分组下的工作表后,顶部展示表单全局配置功能按钮:
功能按钮 功能说明
表单设计 打开可视化画布,拖拽组件设计表单弹窗页面、配置字段属性
功能开关 控制列表页新增、编辑、删除、导入导出等按钮的启用/隐藏状态
业务规则 配置表单字段之间联动显隐、赋值、联动筛选等业务联动逻辑
业务验证 配置自定义复杂数据校验规则,补充基础组件校验之外的业务校验
自定义按钮 在表单列表页、详情页新增自定义操作按钮,绑定后端执行逻辑
打印模板 可视化设计当前表单数据的打印单据布局,适配台账纸质打印需求
  1. 右下区域:表单数据列表管理区
    展示当前工作表的业务数据,自带顶部多条件检索、新增、编辑、删除、复制、批量导入导出、回收站数据恢复能力;列表自动根据表单字段生成对应表格列,无需开发编码。

2.2 表单列表字段通用说明

列表自动渲染表单配置的所有业务字段,同时系统自带底层通用字段:数据状态开关、创建人、创建时间、最近修改人、修改时间,系统自动维护底层审计字段,业务人员无需额外配置。

三、表单从0到1完整配置实操流程

步骤1:创建业务分组,对齐系统左侧菜单

【此处插入:分组树与系统菜单对应截图】

  1. 点击分组区域加号按钮,打开编辑分组弹窗;
  2. 填写分组名称(例:基础资料)、选择匹配的图标、设置排序号、填写备注;
  3. 提交保存,该分组会和系统导航栏菜单形成对应关系,用来归集同模块下所有工作表表单。

步骤2:分组内新建工作表(业务数据表)

在目标分组下创建工作表(如收支类别),系统生成空白表单载体,进入主界面即可对该工作表进行表单设计等全部配置操作。

步骤3:进入表单设计,拖拽组件完成页面布局

在这里插入图片描述

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

步骤4:选中组件,配置控件属性与校验规则

【此处插入:组件属性配置面板截图】

选中画布内任意组件,右侧弹出属性配置面板,分为多维度配置项:

  1. 基础配置:设置字段展示标签、默认值、前后缀文字、输入框最大字符长度;
  2. 字段属性:配置字段是否必填、是否唯一、是否隐藏、编辑态禁用等存储属性;
  3. 校验配置:开启必填校验,可新增自定义正则、数值范围等校验规则;
  4. 样式&事件:配置控件展示样式、前端交互事件。
    以收支类别表单为例:拖拽「单选框」作为收支属性(收入/支出)、拖拽「输入框」作为收支类别名称、拖拽「开关」作为数据启用状态,依次完成每个控件的参数配置。

步骤5:别名设置,映射数据库表名与物理字段名

在这里插入图片描述

点击表单设计顶部「别名」按钮,打开别名配置弹窗:

  1. 填写表别名:定义该工作表最终在数据库生成的物理数据表名称;
  2. 系统自动加载画布内所有组件字段,每条字段对应生成一行配置,可自定义字段ID(数据库物理字段名)
  3. 支持一键生成所有字段拼音别名,快速完成数据库字段命名,提交保存映射关系。

核心作用:表单界面组件和数据库物理表、字段形成一一绑定,发布表单后系统自动依据别名配置创建真实数据表,前端录入的数据自动落地至对应数据库字段。

步骤6:表单发布,自动生成整套CRUD页面

全部布局、属性、别名配置完成后,点击画布右上角【发布】按钮:

  1. 系统根据别名配置自动校验并创建数据库数据表;
  2. 自动生成列表查询页面、新增/编辑弹窗页面、配套新增/修改/删除/查询后台接口;
  3. 回到应用管理列表页,即可直接录入、管理业务数据,整套表单功能全部生效。

步骤7(可选):配套配置功能开关、业务规则、打印模板

表单发布后可按需配置周边能力:管控页面按钮显示隐藏、配置字段联动逻辑、设计打印单据模板,完善表单的业务适配能力。

四、应用管理零代码表单核心业务价值

  1. 零代码快速开发基础台账,极大节约研发人力成本
    收支分类、供应商、工种、税率等大量静态基础档案,实施人员拖拽配置即可上线使用,不用前后端开发编写代码、不用手动设计建表语句,普通运维人员即可完成表单搭建,提升项目交付效率。
  2. 分组层级管理,菜单、分组、表单结构统一规范
    依托分组绑定系统左侧导航菜单,业务模块层级一目了然,多表单集中维护,系统架构整洁统一,方便后期运维迭代管理。
  3. 可视化表单与属性配置,上手门槛低
    全部操作依靠拖拽+右侧面板可视化配置完成,字段必填、长度、样式、校验全部可视化配置,无需掌握前端HTML、JS、CSS相关技术。
  4. 别名自动映射数据库,屏蔽底层数据库操作风险
    由系统根据别名配置自动创建数据表,标准化数据表、字段命名,规避人工建表带来的命名混乱、字段类型不匹配、遗漏字段等问题,数据存储结构更加规范安全。
  5. 一体化配套能力,表单从录入到打印全链路闭环
    表单设计之外自带功能管控、业务联动、数据校验、自定义按钮、打印模板能力,一套模块即可满足基础档案类业务的全部使用诉求,无需额外开发拓展功能。
  6. 原生适配平台整体权限体系
    零代码生成的表单页面天然继承平台的菜单权限、按钮权限、数据权限体系,角色配置中可直接管控表单的访问、操作、数据查看范围,和整套RBAC体系无缝融合。

结语

EIP低代码平台的应用管理模块,采用「分组管理→工作表创建→拖拽表单设计→组件属性配置→别名数据库映射→发布生效」标准化零代码流程,实现无代码快速构建业务数据表与管理页面。兼顾可视化易用性与底层数据库规范化管理,配套全套表单拓展能力,是平台快速落地各类基础档案、业务台账的核心低代码基座。

Logo

一站式 AI 云服务平台

更多推荐