luban h5下載-Luban luban h5源代碼下載

luban h5

其他資源

支持组件树、右键菜单支持配置元素黑白名单、核心编辑器抽离

下載

中文文檔|| English Docs | README(en) || 論壇/社區

魯班H5

可視化搭建，拖拽生成移動端頁面

Mobile Page Builder&Generator with Drag&Drop

魯班H5是什麼？
Demo
Features
馬上開始
更多說明
- 前端組件說明
- 技術棧（當前）
??‍??‍交流群

魯班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
# 安装依赖，构建前后端（安装依赖会耗时略长，请耐心等待）
./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 即可

交流群

釘釘群	微信公眾號	微信
		請備註：魯班H5交流

更多細節請閱讀在線文檔

Features

編輯器
- 參考線
- 吸附線、組件對齊
- 拖拽改變組件形狀
- 元素: 複製（畫布）
- 元素: 刪除（畫布）
- 元素: 編輯（畫布）
- 頁面：新增
- 頁面：複製
- 頁面：刪除
- 快速預覽
- 撤銷、重做
組件系統
- 文字
- 普通按鈕
- 表單按鈕
- 表單輸入框
- 普通圖片
- 背景圖
- 背景音樂
- 視頻（Iframe形式）
增強功能
- 上傳PSD，一鍵轉換為H5(已經調研，可以實現)
- 圖片庫
- 第三方無版權圖片搜索
- 自定義腳本(已經調研，可以實現)
後端API
- 創建、保存、更新作品
- 表單數據收集
- 表單數據展示
- 在線預覽
- 二維碼預覽