ly525
luban-h5
JavaScript

[WIP]en: web design tool || mobile page builder/editor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具、可视化搭建系统.

Last updated Jul 8, 2026
6.2k
Stars
1.3k
Forks
109
Issues
0
Stars/day
Attention Score
90
Language breakdown
No language data available.
Files click to expand
README

📖中文文档 || 📖English Docs | README(en) || 论坛/社区 || DeepWiki || zread

鲁班 H5

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

Mobile Page Builder&Generator with Drag&Drop

PRs Welcome Docs Release Gitter GitHub issues GitHub stars 码云

目录

- 前端组件说明 - 技术栈(当前)

鲁班H5是什么?

  • 鲁班H5是基于Vue2.0开发、通过拖拽快速生成页面的平台
  • 类似 易企秀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

安装依赖,构建前后端(安装依赖会耗时略长,请耐心等待)

如果您遇到 sqlite3、node-gpy 等安装报错问题,请您执行 ./deploy/mirror.sh 配置npm 镜像为阿里云镜像(特别是为了解决二进制包安装问题)

./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 即可

  • 如果遇到接口 403 问题,请参照 快速开始 章节,搜索关键字:403 即可

交流群

| 钉钉群 | 微信公众号 | 微信 | |---|---|---| | | |
请备注:鲁班H5交流|

更多细节请阅读在线文档

Features

  • 编辑器
- [x] 参考线 - [x] 吸附线、组件对齐 - [x] 拖拽改变组件形状 - [x] 元素: 复制(画布) - [x] 元素: 删除(画布) - [x] 元素: 编辑(画布) - [x] 页面:新增 - [x] 页面:复制 - [x] 页面:删除 - [x] 快速预览 - [x] 撤销、重做
  • 组件系统
- [x] 文字 - [x] 普通按钮 - [x] 表单按钮 - [x] 表单输入框 - [x] 普通图片 - [x] 背景图 - [x] 背景音乐 - [x] 视频(Iframe形式)
  • 增强功能
- [ ] 上传 PSD,一键转换为 H5(已经调研,可以实现) - [x] 图片库 - [x] 第三方无版权图片搜索 - [x] 自定义脚本(已经调研,可以实现)
  • 后端 API
- [x] 创建、保存、更新作品 - [x] 表单数据收集 - [x] 表单数据展示 - [x] 在线预览 - [x] 二维码预览

技术栈(当前)

如何贡献

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

捐赠作者

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

© 2026 GitRepoTrend · ly525/luban-h5 · Updated daily from GitHub