# 技术目标 * 语言和UI组件框架无关性 * 搭建和渲染态最小依赖 * Editor -> schema(DSL) * schema(DSL) + renderer -> page * 源码生态互通 * 搭建器的各部分可插拔可扩展，抽取通用搭建行为的接口以及底层搭建器能力 # 产品目标 * 根据用户区分，覆盖light和pro用户诉求 * 搭建体验参考sketch，支持自由拖拽并方便对齐(栅格化，多选排列) * 遵循奥卡姆剃刀原则，最小化用户认知障碍，内置用户引导能力 # 设计 * [SAP Form Design](https://experience.sap.com/fiori-design-web/form/) # 参考 ## 产品方案 * [form.io](https://help.form.io/)：单据中心的产品方向 * [formio](https://github.com/formio)：form.io开源代码 * [calderaforms](https://calderaforms.com/): wordpress插件 ## 关于APaas * [细说APaaS这个独特的软件门类](https://36kr.com/p/5251547) * [轻流](https://hc.qingflow.com/article-categories/form/) * [简道云](https://hc.jiandaoyun.com/doc/9013) * [百宝云](https://doc.baibaoyun.com/doc/108) * [氚云](https://help.h3yun.com/#%E8%A1%A8%E5%8D%95%E8%AE%BE%E8%AE%A1) * [明道云](http://support.mingdao.com/hc/kb/article/1029033/) * [伙伴云](https://www.huoban.com/discovery/manual/create/create_from_yourself.html) ## 完整能力 * [orbeon-forms](https://github.com/orbeon/orbeon-forms): 商业解决方案 * [vue-ele-form](https://github.com/dream2023/vue-ele-form): vue语言绑定，布局和动态代码 * [formql](https://github.com/formql/formql): angular语言绑定 * [react-form-builder](https://github.com/blackjk3/react-form-builder): react语言绑定，不再维护 * [ngx-form-builder](https://github.com/giscafer/ngx-form-builder)：angular语言绑定，不再维护 ## 搭建器 * [formeo](https://github.com/Draggable/formeo) * [formsite](https://www.formsite.com/) * [cognitoforms](https://www.cognitoforms.com/forms/build) * [vue-form-builder](https://github.com/sethsandaru/vue-form-builder) * [survey-creator](https://github.com/surveyjs/survey-creator) ## 源码开发封装 ### 通用 * [json-editor](https://github.com/json-editor/json-editor): JSON schema + renderer -> JSON schema ### Vue * [form-create](https://github.com/xaboy/form-create) * [element-form-builder](https://github.com/codetrial/element-form-builder) ### React * [antd-form-component](https://github.com/dog-days/antd-form-component) * [react-jsonschema-form](https://github.com/rjsf-team/react-jsonschema-form) ### Angular * [@alain/form](https://ng-alain.com/form/getting-started/zh) * [ngx-schema-form](https://github.com/guillotinaweb/ngx-schema-form) * [ngx-formly](https://github.com/ngx-formly/ngx-formly) * [ngx-dynamic-form-builder](https://github.com/EndyKaufman/ngx-dynamic-form-builder) ## 图形编辑器 * [ggeditor](https://github.com/alibaba/ggeditor)： * [graph.editor](https://github.com/samsha/graph.editor)
技术目标
产品目标
设计
参考
产品方案
关于APaas
完整能力
搭建器
源码开发封装
通用
Vue
React
Angular
图形编辑器