项目概述
低代码表单构建器是一款可视化拖拽表单设计工具，让非技术人员也能快速创建复杂的业务表单。支持动态校验规则、字段数据联动、条件显示和自动化工作流，广泛应用于数据收集、审批流程、问卷调查等场景。
核心功能
可视化设计器
- 拖拽布局：所见即所得的表单设计体验
- 组件库：50+ 预置表单组件（输入框、下拉、日期、上传等）
- 属性面板：可视化配置组件属性、校验规则、样式
- 响应式预览：实时预览不同设备下的表单效果
动态逻辑
- 条件显示：根据字段值动态显示/隐藏组件
- 数据联动：字段间数据自动关联更新
- 动态校验：基于规则的实时表单验证
- 计算字段：自动计算并填充派生字段
工作流集成
- 审批流程：表单提交后自动触发审批流
- 数据推送：表单数据自动同步到第三方系统
- 模板管理：表单模板版本控制和复用
- 数据分析：表单提交数据统计和导出
技术架构
- 前端：React 18 + TypeScript + DnD Kit + JSON Schema Form
- 后端：Node.js + Express + MongoDB
- 表单引擎：自定义 JSON Schema 渲染引擎
- 状态管理：Zustand + Immer
技术亮点
JSON Schema 驱动
表单定义采用标准 JSON Schema 格式，实现设计与渲染解耦：
json
{
"type": "object",
"properties": {
"name": { "type": "string", "title": "姓名", "required": true },
"email": { "type": "string", "format": "email", "title": "邮箱" }
}
}自定义组件扩展
支持开发者注册自定义表单组件，无缝集成到设计器中。