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