一、開源專案簡介
魯班H5是基於Vue2.0開發的，透過拖拽的形式，生成頁面的工具，類似易企秀、百度 H5、Maka、人人秀等建站工具視覺化搭建，拖拽生成移動端頁面。
二、功能概述
表單提交
支援表單元件，即時傾聽使用者反饋，可以在後臺檢視和下載使用者資料
輕鬆建站
豐富的元件系統、支援視覺化編輯、自由拖拽排版、實時預覽、線上訪問
匯入 PSD
支援一鍵匯入PSD，將設計師的創意轉換為 H5，快速檢視效果、反饋、上線
#編輯器
- 參考線
- 吸附線、元件對齊
- 拖拽改變元件形狀
- 元素: 複製（畫布）
- 元素: 刪除（畫布）
- 元素: 編輯（畫布）
- 頁面：新增
- 頁面：複製
- 頁面：刪除
- 快速預覽
- 撤銷、重做
#元件系統
#基礎元件
- 普通文字
- 普通按鈕
- 普通圖片
- 背景圖
- 背景音樂
- 影片（Iframe形式）
#表單元件
- 表單按鈕
- 表單輸入框
- 表單單選框
- 表單多選框
#增強功能[已開放]
- 模板列表
- 基於模板製作H5
- 儲存作品為模板
- 圖片庫
- 第三方無版權圖片搜尋
- SSO 登入、第三方登入
#增強功能[暫未開放]
已經調研，可以實現，高階功能，暫未開放
- 上傳 PSD，一鍵轉換為 H5
- 自定義指令碼
#後端 API
- 建立、儲存、更新作品
- 表單資料收集
- 表單資料展示
- 線上預覽
- 二維碼預覽
三、技術選型
技術棧(當前)
注意
推薦採用 Node LTS (v10 or V12)
安裝完成後， 如果遇到介面 403 問題，請看：常見問題
- 前端：Vue.js
- 後端：Strapi
- 儲存：Sqlite/Mysql
四、介面展示
五、開源協議
使用GPL-3.0開源協議
六、原始碼地址
私信回覆：視覺化搭建系統
或訪問一飛開源：https://code.exmay.com/
