通用表单搭建器信息收集

[vincenthou]

技术目标

• 语言和UI组件框架无关性
• 搭建和渲染态最小依赖
  • Editor -> schema(DSL)
  • schema(DSL) + renderer -> page
• 源码生态互通
• 搭建器的各部分可插拔可扩展，抽取通用搭建行为的接口以及底层搭建器能力

产品目标

• 根据用户区分，覆盖light和pro用户诉求
• 搭建体验参考sketch，支持自由拖拽并方便对齐(栅格化，多选排列)
• 遵循奥卡姆剃刀原则，最小化用户认知障碍，内置用户引导能力

设计

• SAP Form Design

参考

产品方案

• form.io：单据中心的产品方向
• formio：form.io开源代码
• calderaforms: wordpress插件

关于APaas

• 细说APaaS这个独特的软件门类
• 轻流
• 简道云
• 百宝云
• 氚云
• 明道云
• 伙伴云

完整能力

• orbeon-forms: 商业解决方案
• vue-ele-form: vue语言绑定，布局和动态代码
• formql: angular语言绑定
• react-form-builder: react语言绑定，不再维护
• ngx-form-builder：angular语言绑定，不再维护

搭建器

• formeo
• formsite
• cognitoforms
• vue-form-builder
• survey-creator

源码开发封装

通用

• json-editor: JSON schema + renderer -> JSON schema

Vue

• form-create
• element-form-builder

React

• antd-form-component
• react-jsonschema-form

Angular

• @alain/form
• ngx-schema-form
• ngx-formly
• ngx-dynamic-form-builder

图形编辑器

• ggeditor：
• graph.editor