51
GitHub - ly525/luban-h5: en: A mobile page builder/editor, similar with amolink...
source link: https://github.com/ly525/luban-h5?
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
README.md
论坛/社区 || 中文文档-推荐(语雀) || | | README(en) || Community/Discussions
可视化搭建，拖拽生成移动端页面
Mobile Page Builder&Generator with Drag&Drop
鲁班H5是什么？
Links/相关链接
生态
以下方式，任选其中一种即可
一、一键脚本（推荐！）
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交流 |
更多细节请阅读在线文档
Features
-
- 吸附线、组件对齐
- 拖拽改变组件形状
- 元素: 复制（画布）
- 元素: 删除（画布）
- 元素: 编辑（画布）
- 页面：新增
- 页面：复制
- 页面：删除
- 撤销、重做
-
- 表单输入框
- 视频（Iframe形式）
-
- 上传 PSD，一键转换为 H5(已经调研，可以实现)
- 第三方无版权图片搜索
- 自定义脚本(已经调研，可以实现)
-
后端 API
- 创建、保存、更新作品
- 表单数据收集
- 表单数据展示
- 二维码预览
技术栈（当前）
所有合理的改动、优化、修正，新的组件，或者文档的修正、更新 相关的提交都会被接受
如果你觉得这个项目对你有用或者有所启发，可以请作者喝杯果汁：
| 微信捐赠 | 支付宝捐赠 |
|---|---|
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK