home: true actionText: Get Started → actionLink: /zh/getting-started/introduction features:
- title: 表单提交 details: 支持表单组件,即时倾听用户反馈,可以在后台查看和下载用户数据
- title: 轻松建站 details: 丰富的组件系统、支持可视化编辑、自由拖拽排版、实时预览、在线访问
- title: 导入 PSD details: 支持一键导入PSD,将设计师的创意转换为 H5,快速查看效果、反馈、上线 footer: GPL 3.0 Licensed | Copyright © 2019-present ---
快速体验
以下两种方式,任选其中一种即可
一、本地安装了 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
二、熟悉 Docker
使用官方提供的 一键安装脚本,简化安装步骤,在本地通过使用
Docker+Ubuntu 镜像,即可快速安装+体验鲁班H5快速体验-完整文档,简而言之:
docker pull ubuntu
docker run -it -p 1234:80 -p 1235:1337 -v `pwd`:/app ubuntu
# 使用清华大学 Ubuntu 软件镜像
sed -i 's/archive.ubuntu.com/mirrors.tuna.tsinghua.edu.cn/g' /etc/apt/sources.list
apt update && apt install -y wget git
wget -qO- https://raw.githubusercontent.com/ly525/luban-h5/dev/deploy/ubuntu-install.sh | bash
# 安装完成之后
# 1. visit :http://localhost:1234/admin,自定义配置账号密码,登录即可
# 1.2 配置相关权限,文档参见:https://ly525.github.io/luban-h5/zh/getting-started/quick-start.html#%E5%90%8E%E7%AB%AF%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA
# 2. 鲁班前端
# 2.1 宿主机访问 「鲁班前端」:localhost:1234, 即可看到鲁班的前端
🔗Links/相关链接
| 源码 | 文档 | 教程 | 社区 | | ------ | -------- | ------ | ------ | | GitHub | 中文文档 | 视频-快速开始(哔哩哔哩) | 中文社区/论坛 | Gitee (国内镜像) | English Docs | 自定义组件教程(WIP) | Gitter | | | README(En) | 核心实现原理 | |
🔗生态
| 后端集成 | 官方组件库 | 支撑/辅助组件 | 自定义组件 | RoadMap |
|---|---|---|---|---|
| Strapi.js (官方后端API) | 轮播图 | 图片库 | 自定义组件开发脚手架 | RoadMap/开发计划 |
| SpringBoot2-JPA | 普通按钮 | 文本对齐 | 自定义组件开发教程 | |
| SpringBoot2-Mybatis-plus | 视频教程(WIP) |
目录
鲁班H5是什么?
鲁班H5是基于Vue2.0开发的,通过拖拽的形式,生成页面的工具,类似易企秀、百度 H5 等工具
Demo

快速开始
请参照 鲁班H5-在线文档 的 快速开始 章节
交流群
| 钉钉群 | 微信公众号 | 微信 |
|---|---|---|
![]() |
![]() |
请备注:鲁班H5交流 |
技术栈(当前)
如何贡献
所有合理的改动、优化、修正,新的组件,或者文档的修正、更新 相关的提交都会被接受
社区与交流群
论坛地址:鲁班H5-社区
交流群
| 钉钉群 | 微信公众号 | 微信 |
|---|---|---|
![]() |
![]() |
请备注:鲁班H5交流 |
如果有问题,欢迎大家到鲁班H5-社区 交流,在这里可以提问、反馈意见和建议,与作者直接互动

