在vue项目做后台表单，elementui 组件用起来是特别爽的。
仅需要做少量的css样式调整，和html结构 布局，完整的后台表单录入界面呈现出来。
然而，手写elementui 组件的表单，那是及其痛苦的。幸好有人造出了轮子工具。感谢这些造轮子的人。
本文介绍 https://demo.gin-vue-admin.com/#/login
这个gin后端+vue 前端做的框架，它里面有个表单设计器，专门为elementui组件设计。通过可视化操作，把繁琐的表单编码工作，转变为表单拖动工作。
另外，它采用的表单设计器 是用 form-generator 这个 vue项目。
下面介绍关于它的源码信息：
Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。
- 【[国内预览地址](https://mrhj.gitee.io/form-generator)】
【[国际预览地址](https://jakhuang.github.io/form-generator)】
- 【[github仓库](https://github.com/JakHuang/form-generator)】
【 [码云仓库](https://gitee.com/mrhj/form-generator)】
- [配套vscode插件](https://github.com/JakHuang/form-generator-plugin)
- [配套JSON解析器](https://github.com/JakHuang/form-generator/blob/dev/src/components/parser/example/Index.vue)
好了，本文内容全部结束，感谢你的阅读，希望对你有所帮助。
