一、开源项目简介

鲁班H5是基于Vue2.0开发的，通过拖拽的形式，生成页面的工具，类似易企秀、百度 H5、Maka、人人秀等建站工具可视化搭建，拖拽生成移动端页面。

二、功能概述

表单提交

支持表单组件，即时倾听用户反馈，可以在后台查看和下载用户数据

轻松建站

丰富的组件系统、支持可视化编辑、自由拖拽排版、实时预览、在线访问

导入 PSD

支持一键导入PSD，将设计师的创意转换为 H5，快速查看效果、反馈、上线

#编辑器

参考线吸附线、组件对齐拖拽改变组件形状元素: 复制（画布）元素: 删除（画布）元素: 编辑（画布）页面：新增页面：复制页面：删除快速预览撤销、重做

#组件系统

#基础组件

普通文字普通按钮普通图片背景图背景音乐视频（Iframe形式）

#表单组件

表单按钮表单输入框表单单选框表单多选框

#增强功能[已开放]

模板列表基于模板制作H5保存作品为模板图片库第三方无版权图片搜索SSO 登录、第三方登录

#增强功能[暂未开放]

已经调研，可以实现，高级功能，暂未开放

上传 PSD，一键转换为 H5自定义脚本

#后端 API

创建、保存、更新作品表单数据收集表单数据展示在线预览二维码预览

三、技术选型

技术栈(当前)

注意

推荐采用 Node LTS (v10 or V12)

安装完成后， 如果遇到接口 403 问题，请看：常见问题

前端：Vue.js后端：Strapi存储：Sqlite/Mysql

四、界面展示

五、开源协议

使用GPL-3.0开源协议

六、源码地址

私信回复：可视化搭建系统

或访问一飞开源：https://code.exmay.com/