说明

鲁班H5，说白了就是一个“拖拉拽”就能做手机页面的在线工具，底层用的是 Vue2.0，玩法跟易企秀、百度H5 差不多，但更轻、更开源。

它到底能干啥？给你拆成四块儿看：

一、画布编辑器——像做 PPT 一样做 H5
– 参考线、磁吸对齐：拖组件时自动贴边，强迫症福音。
– 随意拉大小：鼠标一拽，按钮、图片想胖就胖想瘦就瘦。
– 元素秒复制 / 删除 / 再编辑：右键一点，比 Ctrl+C、Ctrl+V 还顺手。
– 页面加减法：新增、复制、删除一页，三秒搞定。
– 反悔药：误删？Command＋Z 随时撤回、重做。
– 即时预览：手机扫码就能看效果，不用反复打包发文件。

二、组件超市——常用零件直接拖进来
文本、普通按钮、表单输入、提交按钮、单图、背景图、背景音乐、还有直接嵌 iframe 的视频，一应俱全，拖进去就能用。

三、开挂小技能——把 PS 文件直接“变”成 H5
– 上传 PSD，系统自动拆图层、导图片、排位置，设计师不用切两张图。
– 自带免版权图库，关键词一搜就能用，不怕侵权。
– 还能写自定义脚本，想加统计、动画、接口，随你折腾。

四、后端接口——数据不再裸奔
– 作品创建、保存、更新一条龙，云端实时存。
– 表单收集到的姓名、电话自动入库，后台可直接导出 Excel。
– 想给别人看？一键生成二维码，微信扫了就直接跳到页面。

一句话：不会写代码，也能在十分钟里做出能看、能交互、能收集数据的手机页面；会写代码，更能把它玩出花儿来。

演示图

感谢您的来访，获取更多精彩文章请收藏本站。