全局框架说明
全局框架说明文档详细介绍了系统的功能模块布局,包含左侧功能区(表单列表、组件管理、AI助手等)和顶部功能区(多语言/主题切换),提供可视化配置与JSON开发双模式,支持快速搭建业务表单。
1. 左侧功能区
左侧功能从上到下依次是:表单列表、组件列表、模块管理、全局配置、国际化配置、JSON、智能AI表单助理。
1.1 表单列表
功能说明:选择表单模板,方便在不同业务场景中快速切换和配置表单。
应用场景:审批中常用的请假组件,就可以将请假人、请假事由、请假时长等字段设置为请假内置表单,方便自定义表单时直接拖拽表单快速实现请假表单字段。
演示数据中给出了多语言、数据表格、表格布局等参考表单。
1.2 组件列表
功能说明:通过拖拽、勾选等直观交互方式,让用户无需编码即可快速搭建、调整表单布局与字段属性,满足多样化数据收集需求。
应用场景: 在企业办公场景中,HR 可利用自定义表单快速搭建员工入职信息登记表,涵盖姓名、学历、工作经历等字段,高效收集新员工资料; 市场部门在举办新品发布会前,通过自定义表单创建活动报名表单,收集参会者姓名、联系方式、公司及职位等信息,还能在活动后设计反馈表单收集参会者对活动内容、场地安排等方面的评价; 教育机构可定制课程报名表单,包含学员姓名、年龄、意向课程等,方便招生管理,同时制作教学满意度调查表单,收集学员对课程质量、教师授课水平的反馈以优化教学。
1.3 模块管理
功能说明:设计表单中的子弹窗,通过事件触发弹窗显示,便于在表单中动态展示信息或进行交互操作。
应用场景:在低代码业务搭建流程里,部分字段在被用户点击操作时,需触发弹窗或侧滑抽屉的展示效果。针对这一需求,在该字段的自定义事件配置项中,能够直接关联业务模块内预先添加好的弹窗或侧滑抽屉组件,从而实现交互逻辑的快速搭建。
关联表单设置中的使用:
1.4 全局配置
功能说明:管理全局事件、样式、数据和变量,用于在不同组件间进行数据共享和事件处理。
应用场景:在业务开发场景中,当多个表单或按钮存在共同需求,需调用相同的交互事件逻辑、数据源接口、页面样式配置或共享变量时,可将其设置为全局资源。如此一来,在项目不同位置需要复用这些功能或样式时,无需重复配置,直接调用全局资源即可,能显著提升开发效率与代码一致性。
关联表单设置中的使用:
1.5 国际化配置
功能说明:管理页面的多语言数据,在组件中配置不同语言的文本,支持一键切换语言体系,便于在多语言环境下使用和展示内容。
应用场景:在管理页面多语言体系里,词条配置堪称关键利器。传统开发中多语言文本分散,修改新增麻烦且易出错,而词条配置能将所有多语言文本集中于统一管理平台,开发人员一键操作即可同步更新所有关联组件和页面,大幅提升开发效率、降低维护成本。当业务拓展至新地区需适配新语言时,在平台中按规范添加词条录入文本就能快速完成适配,无需大规模改代码,轻松应对多语言环境。
1.6 JSON
1.6.1 渲染规则
功能说明:JSON渲染规则是自定义表单的核心驱动逻辑,通过定义表单字段类型、布局结构、校验规则及交互行为等属性的标准化JSON格式,实现表单的动态渲染与数据绑定。开发者可基于该规则快速构建复杂表单,无需手动编写DOM结构或交互代码,显著提升开发效率。
应用场景:适用于需要频繁调整表单结构的企业后台管理系统,如电商平台的商品发布表单、CRM系统的客户信息采集表单等。通过修改JSON配置即可实现字段增删、布局调整或校验规则更新,满足不同业务阶段的需求变化。
1.6.2 表单配置
功能说明:表单配置功能提供可视化界面,允许用户通过拖拽组件、设置属性及定义交互逻辑完成表单设计。配置项涵盖字段类型、占位符、必填校验、联动规则及多语言文本等,支持实时预览与一键生成代码,降低技术门槛。
应用场景:广泛应用于需要快速搭建表单的业务场景,如问卷调查系统的问卷设计、活动报名系统的表单定制等。非技术人员可通过可视化操作独立完成表单开发,同时支持导出配置文件供开发者二次开发,兼顾灵活性与效率。
1.7 AI
功能说明:智能AI表单助手可以帮助您快速生成和修改表单,帮助您轻松高效地完成表单设计。
应用场景:通过AI问答自动生成表单内容。