一、开源项目简介

鲁班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开源协议