今天介紹的是類似易企秀的H5制作顷啼、建站工具、可視化搭建系統(tǒng).
魯班H5
1.魯班H5是基于Vue2.0開發(fā)刑赶、通過拖拽快速生成頁面的平臺(tái)
- 類似 易企秀克伊、Maka酥郭、百度 H5 等平臺(tái)
Features
- 編輯器
- 參考線
- 吸附線、組件對(duì)齊
- 拖拽改變組件形狀
- 元素: 復(fù)制（畫布）
- 元素: 刪除（畫布）
- 元素: 編輯（畫布）
- 頁面：新增
- 頁面：復(fù)制
- 頁面：刪除
- 快速預(yù)覽
- 撤銷愿吹、重做
- 組件系統(tǒng)
- 文字
- 普通按鈕
- 表單按鈕
- 表單輸入框
- 普通圖片
- 背景圖
- 背景音樂
- 視頻（Iframe形式）
- 增強(qiáng)功能
- 上傳 PSD不从，一鍵轉(zhuǎn)換為 H5(已經(jīng)調(diào)研，可以實(shí)現(xiàn))
- 圖片庫
- 第三方無版權(quán)圖片搜索
- 自定義腳本(已經(jīng)調(diào)研犁跪，可以實(shí)現(xiàn))
- 后端 API
- 創(chuàng)建椿息、保存、更新作品
- 表單數(shù)據(jù)收集
- 表單數(shù)據(jù)展示
- 在線預(yù)覽
網(wǎng)站地址：https://ly525.gitee.io/luban-h5-landing-page/#/
體驗(yàn)地址：https://h5.luban-h5.com/#/work-manager/list
項(xiàng)目源代碼地址:https://github.com/ly525/luban-h5
使用文檔： https://ly525.github.io/luban-h5/zh/
系統(tǒng)截圖：
作者開發(fā)的目的自己的工作：自己大部分時(shí)間在做的都是 ToB 端的項(xiàng)目坷衍，也就是大家通常認(rèn)為的各種管理后臺(tái)等等寝优，確實(shí)是的。
三年的經(jīng)歷：在從事前端工作的三年時(shí)間中枫耳，在前面兩年時(shí)間里乏矾，是沒有產(chǎn)品經(jīng)理、交互設(shè)計(jì)師迁杨、UI 設(shè)計(jì)師的钻心，大部分時(shí)間是老大說需求，自己和后端同事商量铅协，向運(yùn)營(yíng)捷沸、后端了解學(xué)習(xí)業(yè)務(wù)，上線警医，上線之后亿胸，有不合適的，再修改预皇。第三年的時(shí)候侈玄，有了產(chǎn)品經(jīng)理，流程并沒有太大的區(qū)別吟温，因?yàn)闆]有接觸到交互設(shè)計(jì)師序仙，產(chǎn)品同學(xué)在開始有一些并沒有考慮到的需求，我們做了一個(gè)版本之后鲁豪，發(fā)現(xiàn)又要改回在另外一個(gè)平臺(tái)的交互潘悼，有些痛苦。
一些揮之不去的想法
可不可以做一個(gè)根據(jù) JSON 或者 拖拽生成 管理后臺(tái)的東西呢爬橡，這樣的話治唤，再有這樣的需求，我們可以快速弄出來一個(gè)帶有交互的原型糙申，讓產(chǎn)品同學(xué)自己去試用宾添，或者說讓產(chǎn)品同學(xué)自己去快速做一個(gè)出來（有的同學(xué)說，為何產(chǎn)品不用axure做一個(gè)，?缕陕，不太會(huì)?）做不到傲蝗瘛：在研究拖拽生成管理后臺(tái)的時(shí)候，慢慢的發(fā)現(xiàn)技術(shù)難度略大扛邑，自己的能力不足以支持這么大的一個(gè)架構(gòu)怜浅。
那把想法向移動(dòng)端偏移點(diǎn)吧：心想：如果以后有簡(jiǎn)單的移動(dòng)端的需求，就可以讓產(chǎn)品或者設(shè)計(jì)師同學(xué)自己去拖拖拽拽生成了蔬崩。有復(fù)雜的需求恶座，技術(shù)同學(xué)再做支持，甚至可以考慮支持腳本編程沥阳，這樣在產(chǎn)品或者設(shè)計(jì)師同學(xué)做的基礎(chǔ)上奥裸，我們直接補(bǔ)充業(yè)務(wù)邏輯就OK了（后面研究了下，發(fā)現(xiàn)確實(shí)可行沪袭，有興趣的同學(xué)湾宙，我們可以一起交流）
到現(xiàn)在的結(jié)果：
在業(yè)余時(shí)間的研究（找了GitHub的很多demo，以及請(qǐng)教了網(wǎng)路上的很多厲害的同學(xué)冈绊，最后會(huì)提到）侠鳄，發(fā)現(xiàn)技術(shù)上確實(shí)可行。經(jīng)過了兩三個(gè)月的調(diào)研死宣，閱讀資料伟恶，加上兩個(gè)月左右的 coding。終于有了一個(gè)略微能拿出手的小項(xiàng)目了毅该，也就是標(biāo)題中提到的：[魯班H5]博秫，一款前后端都開源的H5開發(fā)工具，可以理解為開源版本的易企秀或人人秀眶掌。
小編試了一下挡育，還可以做出來一個(gè)簡(jiǎn)單的表單，今天只是做一個(gè)系統(tǒng)介紹朴爬、后續(xù)會(huì)嘗試更多的使用方法分享給大家即寒。
