back to home

xaboy / form-create

:fire::fire::fire: 强大的低代码动态表单组件，通过JSON数据驱动表单渲染，适配移动端，支持可视化设计。提高开发者对表单的开发效率。目前在政务系统、OA系统、ERP系统、电商系统、流程管理等系统中已稳定应用。

6,948 stars
1,087 forks
31 issues
JavaScriptVueCSS
Chat with CodebaseArchitecture ScanSecurity AuditExplain Codebase

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing xaboy/form-create in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Click here to launch the interactive analysis workspace

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/xaboy/form-create)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview
<p align="center"> <a href="https://www.form-create.com" target="_blank"> <img width="300" alt="FormCreate" src="https://static.form-create.com/file/img/info-logo2.png"> </a> </p> <p align="center"> <a href="https://www.form-create.com/" target="_blank">官网</a> <span>&nbsp;|&nbsp;</span> <a href="https://form-create.com/v3/guide/" target="_blank">帮助文档</a> <span>&nbsp;|&nbsp;</span> <a href="https://pro.form-create.com/view/" target="_blank">可视化表单设计器</a> <span>&nbsp;|&nbsp;</span> <a href="https://pro.form-create.com/mobile/" target="_blank">移动端表单设计器</a> </p> <p align="center"> <a href="https://github.com/xaboy/form-create" target="_blank"><img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="TIM" /></a> <a href="https://github.com/xaboy/form-create" target="_blank"><img src="https://img.shields.io/npm/dt/@form-create/element-ui.svg" alt="dt" /></a> </p>

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

FcDesigner

特点

  • 使用JSON数据生成表单
  • 支持扩展，生成任何Vue组件和HTML标签
  • 支持6个UI框架
  • 支持组件之间联动
  • 提供丰富的表单操作API
  • 支持子表单和分组
  • 高性能
  • 适配移动端
  • 多语言

支持的UI框架

FcDesigner

如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！本项目还在不断开发完善中,如有任何建议或问题请在这里提出

开发者讨论群629709230

  • 预览

demo1

demo2

<details> <summary><b>更多</b></summary>
  • 操作表单

详细说明

demo2

  • group 组件

详细说明

demo3

  • control 配置项

详细说明

demo2

</details>

包说明

包名说明
@form-create/element-ui versionelement-plus 版本
@form-create/ant-design-vue versionant-design-vue 版本
@form-create/arco-design versionarco-design 版本
@form-create/naive-ui versionnaive-ui 版本
@form-create/tdesign versiontdesign 版本
@form-create/iview versioniview 版本
@form-create/view-design versionview-design 版本
@form-create/vant versionvant 版本(移动端)
@form-create/designer version可视化表单设计器
@form-create/vant-designer version移动端表单设计器

分支说明

  • latest: Vue2.0版本分支
  • super: Vue2.7版本分支(该版本功能和next分支功能一致)
  • next: Vue3.0版本分支

例如:

安装Vue2版本的@form-create/element-ui

npm install @form-create/element-ui

安装Vue2.7版本的@form-create/vant

npm install @form-create/vant@super

安装Vue3版本的@form-create/element-ui

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

示例

<details> <summary><b>效果图</b></summary>

https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg

</details>

联系

http://static.form-create.com/file/img/support.jpg

感谢

时光弧线 | wxxtqk | williamBoss | HeyMrLin | djkloop | daiwenyong | zgz0412 | JetBrains

License

MIT

Copyright (c) 2018-present xaboy