基于 Vue 的拖拽式 H5 生成工具 鲁班 H5

Apache
JavaScript
跨平台
2019-09-02

鲁班H5是基于Vue2.0开发的,通过拖拽的形式,生成页面的工具,类似易企秀百度 H5 等工具

Screenshots

在线访问地址

更多作品演示图片,点击查看image

Features

  1. 编辑器    

    1. - [x] 参考线    

    2. - [x] 吸附线、组件对齐    

    3. - [x] 拖拽改变组件形状    

    4. - [x] 元素: 复制(画布)    

    5. - [x] 元素: 删除(画布)     

    6. - [x] 元素: 编辑(画布)    

    7. - [x] 页面:新增    

    8. - [x] 页面:复制    

    9. - [x] 页面:删除    

    10. - [x] 快速预览    

    11. - [x] 撤销、重做

  2. 组件系统    

    1. - [x] 文字    

    2. - [x] 普通按钮    

    3. - [x] 表单按钮    

    4. - [x] 表单输入框    

    5. - [x] 普通图片    

    6. - [ ] 背景图    

    7. - [ ] 视频(Iframe形式)

  3. 增强功能    

    1. - [ ] 上传 PSD,一键转换为 H5(已经调研,可以实现)    

    2. - [ ] 图片库    

    3. - [ ] 第三方无版权图片搜索    

    4. - [ ] 自定义脚本(已经调研,可以实现)

  4. 后端 API    

    1. - [x] 创建、保存、更新作品    

    2. - [x] 表单数据收集    

    3. - [x] 表单数据展示    

    4. - [x] 在线预览    

    5. - [x] 二维码预览

更多说明

前端组件说明

  1. lbp- 全称为 lu-ban-plugin-, 意思为 鲁班H5的插件,位置:front-end/h5/src/components/plugins

技术栈(当前)

  1. 前端:Vue.js
  2. 后端:Strapi
  3. 存储:Sqlite
的码云指数为
超过 的项目
加载中

评论(2)

猪猪侠s
猪猪侠s
不是个技术活 是个业务活。我感觉你对产品定位不清晰。这个工具适用人群是哪部分人,功能最后总要有所取舍的。
小小鲁班的技术口袋
小小鲁班的技术口袋 软件作者
GitHub地址: https://github.com/ly525/luban-h5 Gitee 地址: https://gitee.com/ly525/luban-h5

鲁班H5 1.5.0 发布,可以理解为开源版本的易企秀

【鲁班H5】前后端都开源的h5快速制作平台,类似于开源版本的易企秀、人人秀,可以通过拖拽的形式,快速生成H5 1.5.0 更新的内容有 Bug Fix 修复预览 跨页面通信问题 修复克隆作品时候,动画复...

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

鲁班H5,一款前后端均开源的H5快速制作工具,可以理解为开源版本的易企秀、 人人秀或百度H5

📖中文在线文档 | 📖English GitHub 地址:https://github.com/ly525/luban-h5 Gitee 地址(国内镜像):https://gitee.com/ly525/luban-h5 目录 鲁班H5是什么? Demo Features 快速开始 ...

08/31 10:33
194
0
鲁班H5(可以理解为开源版本易企秀)核心实现原理解析

鲁班H5核心原理解析(开源版本的拖拽生成H5平台,类似易企秀) 相关地址 GitHub:https://github.com/ly525/luban-h5 Gitee:https://gitee.com/ly525/luban-h5 鲁班H5是什么? 鲁班H5是基于V...

.Net 图片上传压缩基于(Luban)鲁班,可能是最接近微信朋友圈的图片压缩算法

Luban-net .net version of Luban(鲁班)—可能是最接近微信的图片压缩算法 Luban.cs //支持Web上传 Luban(HttpPostedFile hpf) //支持本地文件 Luban(string path) // 忽略压缩 public int I...

2018/10/26 13:02
23
0
zookeeper特性与节点说明

一、zookeeper概要、背景及作用 zookeeper产生背景: 项目从单体到分布式转变之后,将会产生多个节点之间协同的问题。如: 每天的定时任务由谁哪个节点来执行? RPC调用时的服务发现? 如何保...

09/30 10:19
13
0
Android 本地图片缓存

废话 每次从内存里面读图片,图片小的话还好,图片大的话比较吃力,速度慢不说,还容易因为内存问题出现崩溃。 后来加上了缓存,从缓存中读取,结果发现,还是会爆炸,检查一下发现,一张拍照...

2018/09/19 10:51
16
0
Hybrid APP架构设计思路

关于Hybrid模式开发app的好处,网络上已有很多文章阐述了,这里不展开。 本文将从以下几个方面阐述Hybrid app架构设计的一些经验和思考。 通讯 作为一种跨语言开发模式,通讯层是Hybrid架构首...

2016/01/18 12:17
1K
1
微信扫普通二维码跳转到小程序的nginx配置方案

1 登录到小程序后台,配置普通二维码跳转规则 为什么使用https://pay-api.dev.cs-zjy.com/app-xcx-h5 这个类似 url的跳转规则呢 1 可以防止规则跟其他人重复,域名是自己的也是唯一的 ,在自...

04/26 11:35
34
0
HTML5游戏从轻度转向中重度-9秒学院

两年前HTML5热传到中国,行业随即掀起了Web App和Native App的生死论战,然而HTML5游戏真正走红其实是在2014年《围住神经猫》、《看你有多色》等刷爆朋友圈的小游戏的流行开始的,因为这些小...

2015/07/14 17:21
30
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部