luban-h5

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

 https://h5.luban.website/

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

鲁班H5

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

Mobile Page Builder&Generator with Drag&Drop

目录

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

鲁班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
# 安装依赖，构建前后端（安装依赖会耗时略长，请耐心等待）
# 如果您遇到 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 即可

• 更多细节，请参照 鲁班H5-在线文档 的 快速开始 章节，进行配置即可

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

  from  https://github.com/ly525/luban-h5