鲁班H5，一款前后端均开源的H5快速制作工具（可视化搭建系统），可以理解为开源版本的易企秀、 人人秀或百度H5

📖中文在线文档 | 📖English

1. GitHub 地址：https://github.com/ly525/luban-h5
2. Gitee 地址(国内镜像)：https://gitee.com/ly525/luban-h5

目录

• 鲁班H5是什么？
• Demo
• Features
• 快速开始
• 更多说明
  • 前端组件说明
  • 技术栈（当前）
• 👨🏻‍💻👩🏻‍💻交流群

鲁班H5是什么？

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

Demo

<img src="https://s2.ax1x.com/2019/10/11/u7WzUx.gif" style="margin: 10px;" width="60%" />

快速开始

请参照 鲁班H5-在线文档 的 快速开始 章节

交流群

请备注：鲁班H5交流

更多细节请阅读在线文档

Features

1. 编辑器

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

2. 组件系统

   • [x] 文字
   • [x] 普通按钮
   • [x] 表单按钮
   • [x] 表单输入框
   • [x] 普通图片
   • [x] 背景图
   • [x] 视频（Iframe形式）

3. 增强功能

   • [ ] 上传 PSD，一键转换为 H5(已经调研，可以实现)
   • [x] 图片库
   • [x] 第三方无版权图片搜索
   • [ ] 自定义脚本(已经调研，可以实现)

4. 后端 API

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

更多说明

前端组件说明

1. lbp- 全称为 lu-ban-plugin-, 意思为 鲁班H5的插件，位置：front-end/h5/src/components/plugins

技术栈（当前）

1. 前端：Vue.js
2. 后端：Strapi
3. 存储：Sqlite