[鲁班系列-1.1] 鲁班 H5, 开源版本的简单易企秀

中文在线文档 | English README | English Document

鲁班 H5

基于Vue开发，通过拖拽的形式，生成移动页面
Mobile Page Builder&Generator with Drag&Drop

Links/相关链接

1. 中文社区/论坛
2. 中文在线文档
3. English README
4. GitHub：https://github.com/ly525/luban-h5
5. Gitee (国内镜像)：https://gitee.com/ly525/luban-h5

目录

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

鲁班H5是什么？

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

Demo

在线访问地址

更多作品演示图片，点击查看
[站外图片上传中...(image-3a84ed-1571549278932)]

快速开始

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

交流群

钉钉群	微信公众号	微信
[站外图片上传中...(image-a02cd8-1571549278932)]	[站外图片上传中...(image-d25d7-1571549278932)]	[站外图片上传中...(image-61c265-1571549278932)] 请备注：鲁班H5交流

更多细节请阅读在线文档

Features

1. 编辑器

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

2. 组件系统

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

3. 增强功能

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

4. 后端 API

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

更多说明

前端组件说明

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

技术栈（当前）

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