鲁班H5-可视化搭建,拖拽生成移动端页面

释放双眼,带上耳机,听听看~!

官网项目地址

https://github.com/ly525/luban-h5

鲁班H5是什么?

  1. 鲁班H5是基于Vue2.0开发、通过拖拽快速生成页面的平台
  2. 类似 易企秀Maka百度 H5 等平台

Demo

https://h5.luban-h5.com/

68747470733a2f2f73322e617831782e636f6d2f323031392f31302f31312f7537577a55782e676966

快速体验

以下方式,任选其中一种即可

一、一键脚本(推荐!)

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 即可

更多细节请阅读在线文档

Features

  1. 编辑器

    •  参考线
    •  吸附线、组件对齐
    •  拖拽改变组件形状
    •  元素: 复制(画布)
    •  元素: 删除(画布)
    •  元素: 编辑(画布)
    •  页面:新增
    •  页面:复制
    •  页面:删除
    •  快速预览
    •  撤销、重做
  2. 组件系统

    •  文字
    •  普通按钮
    •  表单按钮
    •  表单输入框
    •  普通图片
    •  背景图
    •  背景音乐
    •  视频(Iframe形式)
  3. 增强功能

    •  上传 PSD,一键转换为 H5(已经调研,可以实现)
    •  图片库
    •  第三方无版权图片搜索
    •  自定义脚本(已经调研,可以实现)
  4. 后端 API

    •  创建、保存、更新作品
    •  表单数据收集
    •  表单数据展示
    •  在线预览
    •  二维码预览
温馨提示:本文最后更新于 2021-12-27 01:23 ,某些文章具有时效性,若有错误或已失效,请在下方留言或联系逆念

给TA打赏
共{{data.count}}人
人已打赏
源码插件

一个独特的 PHP 加密解密模块

2021-12-27 0:16:35

源码插件

WP插件 - wpjam-扩展插件合集【2020年7月版本】

2022-1-29 15:23:16

重要声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员,QQ508044570 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索