鲁班H5页面生成工具源码 通过拖拽的形式 生成页面的工具

文章简介：

班H5是基于vue2.0开发的，通过拖拽的形式，生成页面的工具，类似易企秀、百度H5等工具。

鲁班H5特征：

1、编辑器

参考线

吸附线、组件对齐

拽改变组件形状

元素: 复制（画布）

元素: 删除（画布）

元素: 编辑（画布）

页面：新增

页面：复制

页面：删除

快速预览

撤销、重做

2、组件系统

文字

普通按钮

表单按钮

表单输入框

普通图片

背景图

背景音乐

视频（Iframe形式）

3、增强功能

上传psD，一键转换为H5(已经调研，可以实现)

图片库

第三方无版权图片搜索

自定义脚本(已经调研，可以实现)

4、后端api

创建、保存、更新作品

表单数据收集

表单数据展示

在线预览

二维码预览

图片演示：