一、開(kāi)源項(xiàng)目簡(jiǎn)介
魯班H5是基于Vue2.0開(kāi)發(fā)的，通過(guò)拖拽的形式，生成頁(yè)面的工具，類似易企秀、百度 H5、Maka、人人秀等建站工具可視化搭建，拖拽生成移動(dòng)端頁(yè)面。
二、功能概述
表單提交
支持表單組件，即時(shí)傾聽(tīng)用戶反饋，可以在后臺(tái)查看和下載用戶數(shù)據(jù)
輕松建站
豐富的組件系統(tǒng)、支持可視化編輯、自由拖拽排版、實(shí)時(shí)預(yù)覽、在線訪問(wèn)
導(dǎo)入 PSD
支持一鍵導(dǎo)入PSD，將設(shè)計(jì)師的創(chuàng)意轉(zhuǎn)換為 H5，快速查看效果、反饋、上線
#編輯器
- 參考線
- 吸附線、組件對(duì)齊
- 拖拽改變組件形狀
- 元素: 復(fù)制（畫布）
- 元素: 刪除（畫布）
- 元素: 編輯（畫布）
- 頁(yè)面：新增
- 頁(yè)面：復(fù)制
- 頁(yè)面：刪除
- 快速預(yù)覽
- 撤銷、重做
#組件系統(tǒng)
#基礎(chǔ)組件
- 普通文字
- 普通按鈕
- 普通圖片
- 背景圖
- 背景音樂(lè)
- 視頻（Iframe形式）
#表單組件
- 表單按鈕
- 表單輸入框
- 表單單選框
- 表單多選框
#增強(qiáng)功能[已開(kāi)放]
- 模板列表
- 基于模板制作H5
- 保存作品為模板
- 圖片庫(kù)
- 第三方無(wú)版權(quán)圖片搜索
- SSO 登錄、第三方登錄
#增強(qiáng)功能[暫未開(kāi)放]
已經(jīng)調(diào)研，可以實(shí)現(xiàn)，高級(jí)功能，暫未開(kāi)放
- 上傳 PSD，一鍵轉(zhuǎn)換為 H5
- 自定義腳本
#后端 API
- 創(chuàng)建、保存、更新作品
- 表單數(shù)據(jù)收集
- 表單數(shù)據(jù)展示
- 在線預(yù)覽
- 二維碼預(yù)覽
三、技術(shù)選型
技術(shù)棧(當(dāng)前)
注意
推薦采用 Node LTS (v10 or V12)
安裝完成后， 如果遇到接口 403 問(wèn)題，請(qǐng)看：常見(jiàn)問(wèn)題
- 前端：Vue.js
- 后端：Strapi
- 存儲(chǔ)：Sqlite/Mysql
四、界面展示
五、開(kāi)源協(xié)議
使用GPL-3.0開(kāi)源協(xié)議
六、源碼地址
私信回復(fù)：可視化搭建系統(tǒng)
或訪問(wèn)一飛開(kāi)源：https://code.exmay.com/
版權(quán)聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)，該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容， 請(qǐng)發(fā)送郵件至 舉報(bào)，一經(jīng)查實(shí)，本站將立刻刪除。
