Awesome Open Source
Awesome Open Source

论坛/社区 || 中文文档-推荐(语雀) || 📖中文在线文档(github.io) | 📖English Docs | README(en) || Community/Discussions

鲁班 H5

可视化搭建,拖拽生成移动端页面

Mobile Page Builder&Generator with Drag&Drop

PRs Welcome Docs Release Gitter GitHub issues GitHub stars 码云

目录

鲁班H5是什么?

  1. 鲁班H5是基于Vue2.0开发、通过拖拽快速生成页面的平台
  2. 类似 易企秀Maka百度 H5 等平台

Demo

在线访问地址

🔗Links/相关链接

源码 文档 教程 社区
GitHub 中文文档 视频-快速开始(哔哩哔哩) 论坛/社区(官方推荐)
Gitee (国内镜像) English Docs 自定义组件教程(WIP) Gitter
README(En) 核心实现原理 中文社区/论坛(腾讯吐个槽)

🔗生态

后端集成 官方组件库 支撑/辅助组件 自定义组件 RoadMap
Strapi.js (官方后端API) 轮播图 图片库 自定义组件开发脚手架 RoadMap/开发计划
SpringBoot2-JPA 普通按钮 文本对齐 自定义组件开发教程
SpringBoot2-Mybatis-plus 视频教程(WIP)

快速体验

以下方式,任选其中一种即可

一、一键脚本(推荐!)

git clone https://github.com/ly525/luban-h5 && cd luban-h5
# 安装依赖,构建前后端(安装依赖会耗时略长,请耐心等待)
./luban-h5.sh init

# 启动项目访问 http://localhost:1337 即可
./luban-h5.sh start

# ./luban-h5.sh stop

二、本地安装了 Node、Yarn

git clone https://github.com/ly525/luban-h5
cd luban-h5 # 项目根目录

# 后端
cd back-end/h5-api && yarn && yarn dev

# 前端
# 新开一个终端,在项目根目录执行如下命令
cd front-end/h5 && yarn && yarn build:engine && yarn dev

# 启动项目访问 http://localhost:1337 即可

交流群

钉钉群 微信公众号 微信

请备注:鲁班H5交流

更多细节请阅读在线文档

Features

  1. 编辑器

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

    • [x] 文字
    • [x] 普通按钮
    • [x] 表单按钮
    • [x] 表单输入框
    • [x] 普通图片
    • [x] 背景图
    • [x] 背景音乐
    • [x] 视频(Iframe形式)
  3. 增强功能

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

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

技术栈(当前)

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

如何贡献

所有合理的改动、优化、修正,新的组件,或者文档的修正、更新 相关的提交都会被接受

捐赠作者

如果你觉得这个项目对你有用或者有所启发,可以请作者喝杯果汁: | 微信捐赠 | 支付宝捐赠 |---|---| | |


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (68,711
vue (4,125
vuejs (1,087
editor (464
vuejs2 (373
ant-design (107
h5 (41
page-builder (26
strapi (15

Find Open Source By Browsing 7,000 Topics Across 59 Categories