文章源自略懂百科-http://wswcn.cn/83782.html

一、开源项目简介

鲁班H5是基于Vue2.0开发的，通过拖拽的形式，生成页面的工具，类似易企秀、百度 H5、Maka、人人秀等建站工具可视化搭建，拖拽生成移动端页面。文章源自略懂百科-http://wswcn.cn/83782.html

二、功能概述

表单提交

支持表单组件，即时倾听用户反馈，可以在后台查看和下载用户数据文章源自略懂百科-http://wswcn.cn/83782.html

轻松建站

丰富的组件系统、支持可视化编辑、自由拖拽排版、实时预览、在线访问文章源自略懂百科-http://wswcn.cn/83782.html

导入 PSD

支持一键导入PSD，将设计师的创意转换为 H5，快速查看效果、反馈、上线文章源自略懂百科-http://wswcn.cn/83782.html

编辑器

参考线吸附线、组件对齐拖拽改变组件形状元素: 复制（画布）元素: 删除（画布）元素: 编辑（画布）页面：新增页面：复制页面：删除快速预览撤销、重做文章源自略懂百科-http://wswcn.cn/83782.html

组件系统

基础组件

普通文字普通按钮普通图片背景图背景音乐视频（Iframe形式）文章源自略懂百科-http://wswcn.cn/83782.html

表单组件

表单按钮表单输入框表单单选框表单多选框文章源自略懂百科-http://wswcn.cn/83782.html

增强功能[已开放]

模板列表基于模板制作H5保存作品为模板图片库第三方无版权图片搜索SSO 登录、第三方登录文章源自略懂百科-http://wswcn.cn/83782.html

增强功能[暂未开放]

已经调研，可以实现，高级功能，暂未开放文章源自略懂百科-http://wswcn.cn/83782.html

上传 PSD，一键转换为 H5自定义脚本文章源自略懂百科-http://wswcn.cn/83782.html

后端 API

创建、保存、更新作品表单数据收集表单数据展示在线预览二维码预览文章源自略懂百科-http://wswcn.cn/83782.html

三、技术选型

技术栈(当前)

注意文章源自略懂百科-http://wswcn.cn/83782.html

推荐采用 Node LTS (v10 or V12)文章源自略懂百科-http://wswcn.cn/83782.html

安装完成后， 如果遇到接口 403 问题，请看：常见问题文章源自略懂百科-http://wswcn.cn/83782.html

前端：Vue.js后端：Strapi存储：Sqlite/Mysql文章源自略懂百科-http://wswcn.cn/83782.html

四、界面展示

五、开源协议

使用GPL-3.0开源协议文章源自略懂百科-http://wswcn.cn/83782.html

六、源码地址

私信回复：可视化搭建系统文章源自略懂百科-http://wswcn.cn/83782.html

或访问一飞开源：https://code.exmay.com/文章源自略懂百科-http://wswcn.cn/83782.html

文章源自略懂百科-http://wswcn.cn/83782.html