README.md · lhongjum/表单可视化生成器

![image](https://ae01.alicdn.com/kf/U51bfb661aba945b48a4c71774421d414C.gif)
## 作者的话
### 本插件是在原插件 `form-generator` 的基础上开发的，在此特别感谢一下原作者!
### uniCloud云函数路由框架研究Q群:22466457 如有问题或建议可以在群内讨论。
### 插件名称：`vk-form-visualizer`
### 作者：VK
### 目前只支持生成 Element UI 表单

## 简介
Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。 
- 【[预览地址]()】
- 【[码云仓库]()】
- [配套JSON解析器](https://github.com/JakHuang/form-generator/blob/dev/src/components/parser/example/Index.vue)

## 关联项目链接

- **vk-unicloud-router** —— [【开箱即用】vk-unicloud-router - 云函数路由模式开发框架 - 已集成uni-id](https://ext.dcloud.net.cn/plugin?id=2204)
- **vk-unicloud-admin** —— []()

## 文档
- [el-dialog的封装与调用](https://github.com/JakHuang/form-generator/wiki/el-dialog%E7%9A%84%E5%B0%81%E8%A3%85%E4%B8%8E%E8%B0%83%E7%94%A8)
- [项目主要结构分析](https://github.com/JakHuang/form-generator/wiki/%E9%A1%B9%E7%9B%AE%E4%B8%BB%E8%A6%81%E7%BB%93%E6%9E%84%E5%88%86%E6%9E%90)
- [【常见问题】如何以npm的方式集成monaco编辑器](https://github.com/JakHuang/monaco-vue-demo)
- 系列教程：
[《表单设计器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/30)
[《表单解析器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/32)
[《vue代码生成器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/31)
[《vue代码预览器 · 开发教程》](https://github.com/JakHuang/form-generator/issues/33)
- [JSON表单参数对照表](https://github.com/JakHuang/form-generator/issues/46)

## JSON解析器
将保存在数据库中的JSON表单，解析成真实的表单  
[查看在线示例](https://mrhj.gitee.io/form-generator/#/parser) 
```
// 安装
npm i form-gen-parser
```
[更多信息](https://github.com/JakHuang/form-generator/tree/dev/src/components/parser)

## 运行
- 确保已经安装node.js 10+
- 首次下载项目后，安装项目依赖：
```
npm install
```
- 本地开发
```
npm run dev
```
- 构建
```
npm run build
```
## 交流
- QQ群 22466457

## 特别鸣谢
- [form-generator](https://github.com/JakHuang/form-generator)

<!-- ## 捐赠
#### 如果您觉得本项目对您有帮助，可以请作者喝一杯咖啡, 让开源走的更远，感谢支持。  
#### 也请您在捐赠后，加下qq群：22466457，私聊群主留个赞助链接。
<img src="">

## 开源协议
[MIT](https://opensource.org/licenses/MIT) -->

lhongjum/表单可视化生成器

简介

发行版

贡献者

近期动态

lhongjum/表单可视化生成器 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

lhongjum/表单可视化生成器