# 麒峰在线可视化表单设计

**Repository Path**: haoyj/vuefrom1.1.0

## Basic Information

- **Project Name**: 麒峰在线可视化表单设计
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 536
- **Created**: 2021-09-10
- **Last Updated**: 2021-09-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 在线可视化表单设计
2021.4.6
【 [码云仓库](https://gitee.com/liuyaping007/vuefrom1.1.0)】
【 [预览地址](http://1.14.199.122/) 用户名：liuyaping 密码：123456】
#### 介绍
麒峰可视化表单最大的优势是直接vue代码在线直接渲染  非一个组件json渲染模式，意味着vue能实现的功能，该可视化表单都能实现，目前拥有的模块有：问卷调查模块，elementUI框架源码，
阿里ant框架源码，工作流平台，大数据展示模块。
#### 问卷调查模块
#### 可视化表单设计
![基础表单设计](https://images.gitee.com/uploads/images/2021/0905/232340_a6fd2b19_5570306.gif "wenjuandiaocha.gif")
#### 快捷方式控件库，主题设置并手机PC端预览
![快捷方式控件库，主题设置并手机PC端预览](https://images.gitee.com/uploads/images/2021/0905/232702_06a5bfcd_5570306.gif "wenjuandiaocha1.gif")
#### 查看收录的数据，导出修改等等
![输入图片说明](https://images.gitee.com/uploads/images/2021/0906/000701_f0a9a754_5570306.gif "wenjuandiaocha2.gif")
#### 流程图
![输入图片说明](https://images.gitee.com/uploads/images/2021/0905/235651_26f59efc_5570306.png "46U_BBVNCX2~()RR(WSDSYN.png")
#### 流程表单模板设计
![输入图片说明](https://images.gitee.com/uploads/images/2021/0905/235704_6e94d7ca_5570306.png "9(ETI_EVR~K]XQM_VDVLNGW.png")
#### 流程发起界面
![输入图片说明](https://images.gitee.com/uploads/images/2021/0905/235716_04bf6d30_5570306.png "{NMLN3(P(I]_BD6R@D_OS9K.png")
#### 可视化大屏审计
![输入图片说明](https://images.gitee.com/uploads/images/2021/0905/235832_b9d95b97_5570306.png "{H%I7]MQS}DZZ_0O81YQE3L.png")
#### 最终预览效果
![输入图片说明](https://images.gitee.com/uploads/images/2021/0905/235945_9374bebf_5570306.gif "wenjuandiaocha4.gif")
#### 特性。
麒峰可视化表单最大的优势是直接vue代码在线渲染  非一个组件json渲染模式，意味着扩展性更强 正因为这特点 1.可以在线编辑源码，bugger调试，可视化设计完成不了的功能可以切换本地接着二次开发。2.可以根据不同生成模板生成不同模块的代码，如适应饿了吗ui框架，阿里的ui框架，问卷调查类，大屏大数据分析类，手机类界面，流程表单类等等 3.集成组件自定义组件快，属性设置，控件都是配置化，集成简单非常快，重复属性设置功能不需要重复做，4.对后端有对swagger接口配置和在线接口的支持，更够更方便的与后端交互
目前拥有的特点：1.支持市面上任何vue组件的拖拽，2.双击控件可创建控件默认事件，并切换源码 定位到源码位置，并常用事件都梳理进去了，可轻松创建事件，3.支持各种复杂的表设计并支持弹出层设计。4.支持控件模块保存入库，重复功能控件可以保存下次只需拖拽进来就ok。5.支持多vue UI库，目前支持element和ant框架。6.问卷调查模块非常成熟了，可以匹配市面上问卷调查功能，只需拖拽设计，设计好了 点击保存 就要能录入数据，修改，删除，导出，查询，查询条件设置，展示列设置，还有报表统计功能，7。问卷调查模块支持题库，历史表单，主题设置，预览同时支持手机和PC的预览。8.目前正在开发可视化大屏设计功能，echart组件和datav组件已经初步集成了

#### 安装教程
- 确保已经安装node.js 10+
- 首次下载项目后，安装项目依赖：
```
npm install
```
- 本地开发
```
npm run start
```
- 构建
```
npm run build
```
## 交流
- QQ群 109434403
- qq联系人：329175905
后端java源码和数据库需要者私聊
微信号：danran0007或13410086061