# 简搭云在线可视化表单设计，低码平台

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

## Basic Information

- **Project Name**: 简搭云在线可视化表单设计，低码平台
- **Description**: 简搭云可视化表单设计器致力于无码开发，构建各种管理系统，向简道云方向前进，预览采用vue源码进行预览，同时支持在线编辑各种业务逻辑，可轻松定义各种控件事件。同时完美仿写了简道云的关联数据库控件，关联查询数据控件，逻辑配置等功能，可无码构建各种微系统。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 536
- **Created**: 2022-12-30
- **Last Updated**: 2022-12-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 简搭云可视化表单设计
仓库代码地址：

【 [码云仓库](https://gitee.com/liuyaping007/vuefrom1.1.0)】
【 [文档地址](http://qifeng.321zou.com)】

【 [体验地址](http://qifeng.321zou.com:81) 用户名：liuyaping 密码：123456】

【 [博客网站地址](https://www.cnblogs.com/PlatformSolution/p/14572362.html)】
#### 使用技术点：
vue2.0  element-ui  monaco vuedraggable 等插件

#### 安装教程 
nodejs其他版本下载地址：
[输入链接说明](https://nodejs.org/zh-cn/download/releases/)

- 确保已经安装node.js 10-15的版本，高版本没有测试过。
- 首次下载项目后，安装项目依赖：

```
npm install
```

- 本地开发

```
npm run serve
```

- 构建

```
npm run build
```
#### 特性与介绍。
简搭云可视化表单最大的优势是直接vue代码直接渲染，而非JSON数组性渲染，市面上大部分vue可视化表单都是json渲染，vue源码渲染具有更好的高类聚，低耦合，复用性高，封装性强，易扩展的等特点。因为vue源码直接渲染模式，只要在线编写的代码和生成vue代码符合vue语法风格，就能进行渲染，无需编译，充分继承了vue强大的扩展性，可读性，聚合性，复用性，封装性等特点，他也可以很轻松集成市面上所有vue组件。如echart，datav，饿了么UI，百度地图，高德地图，antUI，各种自定义组件等。

与市面上表单不一样的特点有：

1.一套表单三种模式一起设计

2.生成一套代码同时适应PC，ipad，手机端的预览。

3.支持在线编辑vue代码逻辑，不与可视化设计器生成的vue代码进行冲突。也可支持输入debugger，进行设计同时进行调试。

4.支持css代码在线编写，可针对表单风格进行编写css。

5.可下载vue源码到本地，无需更改任何更改，可直接预览。

6.属性，组件，事件，通用css都可以通过配置文件进行配置。

7.vue源码生成采用jquery+jquerytemplate模板生成，根据不同业务，框架生成不同风格，业务，框架的代码，如目前已有项目适应的表单有：element-ui表单，ant-ui表单，mini-ui的表单，同样也可以支持也可以生成appui，小程序语法代码等。

8.根据业务制定不同模板，生成不同的业务表单：如问卷调查表单，可视化大屏，流程表单，通用增删改查表单，只要业务存在一定的通用性，我们就可以创建一个不同的模板解析

9.支持很多快捷的方式，如点击事件，可切换源码，编辑对应事件的方法。

10.明细组件拖拽完成自动支持导入，导出。

11.增加行列控件，能更好的精确布局。

好了废话少说。直接上效果图
pc端设计
![输入图片说明](public/pcsheji.png)
ipad端设计
![输入图片说明](public/ipad.png)
手机端设计

![输入图片说明](public/shouji.png)
pc端预览

![输入图片说明](public/yulanpc.png)

手机端预览
![输入图片说明](public/yulanshouji.png)

生成最终的vue code，css,html页面，也是编辑vue代码的页面。
![输入图片说明](public/yuanmabianji.png)

下载vue源码，会自动格式化。

![输入图片说明](public/xiazaivue.png)

## 交流
- QQ群 109434403
- qq联系人：329175905
微信号：danran0007或13410086061
扫一扫加好友

![输入图片说明](public/lianxiren.png)