[开源]支持5个UI框架表单设计器,轻松搞定表单,表单设计更简单

科技一飞开源 2024-06-14 06:34:47

一飞开源,介绍创意、新奇、有趣、实用的开源应用、系统、软件、硬件及技术,一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区,共建开源新生态!

一、开源项目简介

轻松搞定 form 表单,让你不再为表单而烦恼

FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。

二、开源协议

使用MIT开源协议

三、界面展示

四、功能概述

强大的动态表单生成器,通过数据驱动表单渲染,支持可视化设计。提高开发者对表单的开发效率。目前在OA系统、ERP系统、电商系统、流程管理等系统中已稳定应用。

支持element-plusant-design-vuenaive-uiarco-designtdesign特性JSON

支持使用 json 数据生成表单。

自定义组件

支持生成任何组件,提升表单的灵活性,可以实现功能更复杂的表单。

适配多个UI框架

支持element-ui,ant-design-vue,naive-ui,arco-design,tdesign。

双向数据绑定

生成规则变化后,页面会实时更新。

栅格布局

栅格系统进行网页布局,可以使页面排版美观、舒适。

局部更新

内置组件缓存功能,提升渲染速度。

五、技术选型安装

根据自己使用的 UI 安装对应的版本

element-ui

npm install @form-create/element-ui@next

ant-design-vue

npm install @form-create/ant-design-vue@next

arco-design

npm install @form-create/arco-design@next

naive-ui

npm install @form-create/naive-ui@next

tdesign

npm install @form-create/tdesign@next示例

下载项目

$ 访问一飞开源:https://code.exmay.com/ 下载 $ cd form-create

安装依赖

$ npm run bootstrap

查看 element-ui 示例

$ npm run dev:ele

查看 ant-design-vue 示例

$ npm run dev:antd

详细内容请查看 README.md 文档

六、源码地址

访问一飞开源:https://code.exmay.com/

0 阅读:0