# 在线可视化表单设计
2021.4.6
#### 介绍
麒峰可视化表单最大的优势是直接vue代码在线渲染  非一个组件json渲染模式，意味着扩展性更强 正因为这特点 1.可以在线编辑源码，bugger调试，可视化设计完成不了的功能可以切换本地接着二次开发。2.可以根据不同生成模板生成不同模块的代码，如适应饿了吗ui框架，阿里的ui框架，问卷调查类，大屏大数据分析类，手机类界面，流程表单类等等 3.集成组件自定义组件快，属性设置，控件都是配置化，集成简单非常快，重复属性设置功能不需要重复做，4.后端集成swagger接口配置和在线接口配置可以很好的跟后端交互。
【 [码云仓库](https://gitee.com/liuyaping007/vuefrom1.1.0)】
【 [预览地址](http://1.14.199.122/) 用户名：liuyaping 密码：123456】
#### 使用说明
表单详细介绍：[https://www.cnblogs.com/PlatformSolution/p/14572362.html](https://www.cnblogs.com/PlatformSolution/p/14572362.html)

表单常见操作问题说明：[https://www.cnblogs.com/PlatformSolution/p/14621301.html](https://www.cnblogs.com/PlatformSolution/p/14621301.html "https://www.cnblogs.com/PlatformSolution/p/14621301.html")

因动态图片文件太大，显示不出来
[进入入口](http://106.53.234.69:8003/vuefrom/1.png)

[设计界面](http://106.53.234.69:8003/vuefrom/3.png)

[源码编辑 点击【查看源码】](http://106.53.234.69:8003/vuefrom/2.png)

[明细列表 增加行，点击对应列头可对应进行设置](http://106.53.234.69:8003/vuefrom/gridmingxi.gif)

[弹出层 界面设计 ](http://106.53.234.69:8003/vuefrom/opentanceng.gif)

[列表查询与选人，附件上传，富文本功能，同时获取对应表单JSON](http://106.53.234.69:8003/vuefrom/gridlist.gif)
#### 特性
1.	可以扩展市面上和自定义任何VUE组件的接入，支持所有的事件，vue语法。
2.	支持VUE代码的修改，css样式植入。
3.	支持生成VUE源码，可支持编辑VUE代码后，并重新可视化设计
4.	可以支持Vue表单源码下载，在VSCode中二次开发
5.	可保存到数据中，动态渲染不同的表单
6.	表单渲染模式采用vue本身构建渲染，支持语法跟VUE没有区别
7.	结合了Mybatis配置的接口，可以支持接口动态绑定，与实现各种功能。
8.	目前结合了基础控件之外有列表，明细列表，选人，选机构，选部门，弹出层，上传控件，富文本控件，动态模块，基本上能够满足我们后台管理功能界面功能
9.	源码中增加右击菜单，能够快速生成代码，能够跟节省开发时间。（如配置Mybatis接口调用代码生成等等）
10.	无基础可以介入前端的开发。
11.	为工作流平台做好准备，工作流平台最需要的就是智能表单这块的集成。

#### 安装教程
- 确保已经安装node.js 10+
- 首次下载项目后，安装项目依赖：
```
yarn
```
或
```
npm install
```
- 本地开发
```
npm run start
```
- 构建
```
npm run build
```
## 交流
- QQ群 109434403
后端java源码和数据库需要者私聊
微信号：danran0007
<br/>
<img src="http://106.53.234.69/1111.png"style="width: 200px;
    height: 200px;" />
<img src="http://106.53.234.69/3333.png" style="width: 200px;
    height: 200px;" />

yy135/麒峰在线可视化表单设计

简介

发行版

贡献者

近期动态

yy135/麒峰在线可视化表单设计 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

yy135/麒峰在线可视化表单设计