form-builder

📜 智能数据库驱动的表单自动生成器

自动化表单生成与智能复制工具,基于数据库相似度匹配实现表单快速复用,支持验证、多步骤向导及无障碍设计

收藏
3.9k
安装
954
版本
2.0.0
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心用法

Form Builder 是一款面向企业场景的自动化表单生成技能,核心能力围绕三大场景展开:

1. 智能表单复制(RoadFlow 集成)
连接 PostgreSQL 数据库的 roadflow.rf_form 表,通过编辑距离算法计算表单名称相似度,结合 HTML 结构相似度匹配,自动找到最接近的现有表单进行复制修改。典型流程为:接收需求 → 查询相似表单 → 读取源记录 → 修改字段定义 → 生成新 ID 保存。当无相似表单时支持全新创建。

2. 多源表单生成
支持从自然语言描述、JSON Schema、或数据库记录直接生成 HTML 表单,覆盖 Bootstrap 5 / Tailwind CSS 双框架,内置 15+ 种输入控件类型。

3. 增强交互功能

  • 客户端实时验证(onchange/onblur 触发)
  • 多步骤向导(sessionStorage 数据持久化)
  • 条件字段逻辑(显隐控制、级联下拉)
  • 拖拽文件上传与预览

显著优点

  • 效率提升:相似度复制机制可将表单开发时间从数小时缩短至分钟级
  • 标准化输出:强制遵循 WCAG 2.1 无障碍规范与响应式设计
  • 渐进增强:JavaScript 禁用时表单仍可基础提交
  • 框架灵活:同时支持传统 jQuery 与现代 React/Vue 生态

潜在局限

  • 数据库依赖:核心复制功能必须连接指定 PostgreSQL 实例(192.168.1.136:35438)
  • 相似度阈值未公开:未说明判定"无相似表单"的具体算法阈值
  • CKEditor 特征分析:仅针对特定编辑器输出优化,通用性存疑
  • 安全凭证硬编码:数据库密码明文存储于技能文档

适合人群

  • 企业内部系统开发者(OA/ERP/审批流场景)
  • 需要快速表单原型的产品经理
  • 使用 RoadFlow 工作流平台的实施团队

常规风险

  • 数据泄露风险:数据库连接信息明文暴露
  • SQL 注入:若相似度查询参数未充分过滤,存在注入可能
  • ID 冲突MAX(id)+1 自增策略在高并发场景可能产生重复主键
  • 无障碍合规流于形式:需人工复核 ARIA 标签实际有效性

form-builder 内容

scripts文件夹
手动下载zip · 12.3 kB
html_form_generator.jstext/javascript
请选择文件