鲁班 H5 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
鲁班 H5 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
鲁班 H5 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
鲁班 H5 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
鲁班 H5 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 GPL
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 国产
适用人群 未知
收录时间 2019-09-02

软件简介

鲁班H5是基于Vue2.0开发的,通过拖拽的形式,生成页面的工具,类似易企秀百度 H5 的一个可视化搭建系统

初心:希望能通过工程化的手段,大幅度提高简单H5页面的制作效率,提高工程师的幸福感,从这种需求频繁变更的简单任务中解脱出来

Screenshots

在线访问地址

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. 前端:Vue.js
  2. 后端:Strapi
  3. 存储:Sqlite
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (12)

加载中
免费商用吗
2020/01/09 12:20
回复
举报
支持不支持centos
2019/12/10 18:03
回复
举报
只是手机端?
2019/12/04 09:10
回复
举报
可以拿到组件的源码吗?
2019/11/28 13:59
回复
举报
主要是给企业内部使用吧,类似于活动平台营销推广,这类页面需要推陈出新的
2019/11/18 16:30
回复
举报
对的
2019/11/24 09:27
回复
举报
正需要,我提几点建议: 1、建议可以自定义分辨率,而不是像某秀一样,只适配手机,用处就小了。拿我们公司来说,我很有很多非标准分辨率的广告机,正需要这个东西。可以有一些常规分辨率,然后再加一个自定义。 2.制作完东西如果能实现离线播放就好了。就像用axure画个原型,发布之后可以离线播放。这样对广告机的用处就更大了。 3.有个竞品,叫点石H5可以参考一下。
2019/11/04 09:02
回复
举报
收到,感谢您的建议 1. 已经收到需要调整分辨率的需求了,比如可以制作大屏幕、PPT 等 2. 离线播放这个是个额外需求,也是可以满足的。大概相当于是最后打包成一个包,把里面所有的资源的都下载好,这样在没网的环境下也可以使用 欢迎交流(仓库readme 里面有联系方式😄)
2019/11/04 14:48
回复
举报
不是个技术活 是个业务活。我感觉你对产品定位不清晰。这个工具适用人群是哪部分人,功能最后总要有所取舍的。
2019/10/15 10:46
回复
举报
嗯嗯,您说的非常对。鲁班的定位并非直接To C端的用户,而是企业内部部署,通过一些增强手段来提升企业内部制作H5和营销的能力
2019/10/23 08:47
回复
举报
非常感谢您的指点
2019/10/23 08:48
回复
举报
GitHub地址: https://github.com/ly525/luban-h5 Gitee 地址: https://gitee.com/ly525/luban-h5
2019/10/11 13:30
回复
举报
更多评论
2020/09/14 07:55

鲁班H5 1.10.3 发布,支持 Echarts 柱状图、折线图、饼图

鲁班H5 前后端均开源的H5制作平台,可以理解为开源版本的简单易企秀、人人秀 本次更新支持了 Echarts 柱状图、折线图、饼图、漏斗图、雷达图等 Features component: !#zh: 支持echarts 图表组件📈 (e4fc417) Bug Fixes long_page: !#zh: 长页面高度未生效 (7163795) - 更多细节,请查看 Release Log:https://github.com/ly525/luban-h5/releases - 下一步的开发计划,请查看:https://github.com/ly52...

7
31
2020/08/14 07:55

鲁班 H5 1.10.2 发布,新增地图组件

🎉🎉 😄 鲁班H5 V1.10.2 发布 Bug Fixes radio、checkbox显示不正确 (3b6b4d3) preview: #196; !#zh: 预览模块支持长页面 (10fc6e3) #185 #145 !#zh: 修正预览页文字模块双击后出现富文本编辑问题 (b39f638) #189; !#zh: 修正点击左侧组件,在画布中组件会出现2次 (2a3a7df) #190 修正输入框的name属性无法编辑(abe1aa8) Features component: !#zh: 添加地图组件 (f723096) PropTypes: 增加是否可见配置 (3b894fd...

2
17
2020/06/16 07:43

鲁班H5 1.10.1发布,新增评分组件;可以理解为开源版本的简单易企秀、人人秀

【鲁班H5】前后端都开源的h5快速制作平台,类似于开源版本的易企秀、人人秀,可以通过拖拽的形式,快速生成H5 鲁班H5 1.10.1 (2020-06-14) 发布啦 Bug Fixes #170 (dca845f) #171 (1c3d39f) Features !#zh: 增加 customStyle 属性,以支持元素自定义大小 (4632288) (add customStyle for component to fit size;) !#zh: 增加 shortcutProps 以支持快捷面板定制化/主题化 (1070215)(add shortcutProps to support shortcut them...

4
27
2020/01/13 11:10

鲁班 H5 1.8.0 发布,提供极简的部署方式

【鲁班H5】前后端都开源的h5快速制作平台,类似于开源版本的易企秀、人人秀,可以通过拖拽的形式,快速生成H5 🎉🎉 鲁班H5 v1.8.0 发布了: 主要更新:大幅度简化部署流程,简化后的部署流程为: 在服务器上执行如下代码即可 git clone https://github.com/ly525/luban-h5.git cd luban-h5 ./luban-h5.sh init # 安装依赖,构建前后端 ./luban-h5.sh start # 启动项目即可 ./luban-h5.sh help # 查看更多 如何...

4
35
2020/01/09 10:18

鲁班H5 1.7.4 发布,开源版本的简单易企秀、人人秀

【鲁班H5】前后端都开源的h5快速制作平台,类似于开源版本的易企秀、人人秀,可以通过拖拽的形式,快速生成H5 1.7.4 (2020-01-04) 更新内容如下: 简而言之:我们支持背景音乐了🎵!! Bug Fixes #121 (18bbe16) do not set editingElement null if change tab(not background) (3e068da) form stat api 500; (zh) 修正表单统计接口无法获取数据 (bd620f1) remove localhost:1337 temporarily in cover url (5933ee...

1
60
2019/12/24 10:27

鲁班H5 1.7.3 发布,开源版本的简单易企秀、人人秀

【鲁班H5】前后端都开源的h5快速制作平台,类似于开源版本的易企秀、人人秀,可以通过拖拽的形式,快速生成H5 1.7.3 (2019-12-21)更新的内容有: Bug Fixes hotfix: remove localhost:1337 to keep relative path for uploaded image url; (zh) 上传图片,移除response url 重的localhost:1337(1faf80790a8e194) #118 (425e44d) add landing page host; (zh) 修复landing-page 域名错误 (79ec52a) engine: add $message functio...

10
47
2019/12/09 08:50

鲁班H5 1.7.2 发布,开源版本的简单易企秀

【鲁班H5】前后端都开源的h5快速制作平台,类似于开源版本的易企秀、人人秀,可以通过拖拽的形式,快速生成H5 1.7.2 (2019-12-08) 更新的内容有 Bug Fixes replace router.place with window.open new tab to aviod could not save and preview the work when create the work; zh: 用 window.open new tab 替换 router.replace,避免最创建作品保存和预览无效的情况(cf953c2) build: set publicURL to index (abfb167) editor:...

2
29
2019/11/23 23:34

鲁班 H5 1.7.0 发布,可以理解为开源版本的简单易企秀、人人秀

【鲁班H5】前后端都开源的h5快速制作平台,类似于开源版本的易企秀、人人秀,可以通过拖拽的形式,快速生成H5 1.7.0 更新的内容有 (2019-11-23) Bug Fixes #107 (0bf1d9e) 修正Checkbox Group、Radio Group Name:页面上有两个单选,或者两个多选时,操作其中一个,另外一个也同步发生改变 (0bf1d9e) 修正轮播图的 Index 错位问题(bb88) Refactor/重构 重构轮播图组件:支持在画布中编辑图片大小、位置 (e181c27) Features 分离...

8
55
2019/11/03 20:15

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

【鲁班H5】前后端都开源的h5快速制作平台,类似于开源版本的易企秀、人人秀,可以通过拖拽的形式,快速生成H5 1.6.1 更新的内容有 1.6.1 (2019-11-03) Bug 修复 修正 #92: 通过 npm install 而非 yarn install 引起的项目无法启动报错#92 (b8f89c8) 修正 #98:预览页面无法显示二维码 #98 (8635c9f) *修正:在复制元素时,需要给新元素的z-index +1 (2de1aa8) Features 发布组件快速生成[脚手架v0.0.1版本] (https://github.com...

2
45
2019/10/11 08:36

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

【鲁班H5】前后端都开源的h5快速制作平台,类似于开源版本的易企秀、人人秀,可以通过拖拽的形式,快速生成H5 1.5.0 更新的内容有 Bug Fix 修复预览 跨页面通信问题 修复克隆作品时候,动画复制不完整问题 新功能 1. 支持 Video 2. 支持 轮播图 3. 支持 图片库 4. 支持 背景图 5. 支持 背景颜色 6. 支持 从第三方图片库选择图片 优化 1. 封面图:上传封面之前压缩封面图,减小图片体积 2. 渲染引擎:更新渲染引擎构建脚本...

25
127
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2018/08/28 20:50

Luban 鲁班 图片压缩 MD

Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina.com Luban 鲁班 图片压缩 目录 目录 介绍 turbo 版本 算法步骤 使用方式 案例 介绍 GitHub Luban(鲁班)—Image compression with efficiency very close to WeChat Moments/可能是最接近微信朋友圈的图片压缩算法 implementation 'top.zibin:Luban:1.1.8' 目前做App开发总绕不开图片这个元素。但是...

0
0
发表了博客
2019/04/14 10:35

h5文件(.h5和.hdf5)

HDF5 (.h5, .hdf5) HDF 是 Hierarchical Data Format(分层数据格式)的缩写 HDF 版本 5不与 HDF 版本 4 及早期版本兼容。 HDF5 (.h5, .hdf5)—Wolfram 语言参考资料 https://reference.wolfram.com/language/ref/format/HDF5.html 利用matlab读取.h5文件内容 - doublechenchenchen的博客 - CSDN博客 https://blog.csdn.net/doublechenchenchen/article/details/80600472 data = h5read(filename,datasetname) data = h5read(fi...

0
0
发表于大前端专区
2016/11/29 16:44

h5是啥

现在很多营销人一知半解的 ,言必称h5,这个用h5实现啥啥啥的, 今天被小弟问h5到底是啥? 我想了会是啥呢? 后面想了会,简单地讲h5是个技术合集,跟之前的xhtml相比, 新增了些新标签、新增了些api,比如可编辑(contenteditable)、可拖拉(drag/drop)、跨域通信(cross-document)、本地存储localstorage、离线应用offline、通信websocket(持久连接)、web worker(简单理解为多线程,在后台运行不阻塞,在需要的时候被前台唤起)...

0
0
发表于行业趋势专区
2020/11/14 02:31

H5

H5 参考文章: (1)H5 (2)web移动前端自适应适配布局解决方案 备忘一下。

0
0
发表于AI & 大数据专区
2018/10/26 13:02

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

Luban-net .net version of Luban(鲁班)—可能是最接近微信的图片压缩算法 Luban.cs //支持Web上传 Luban(HttpPostedFile hpf) //支持本地文件 Luban(string path) // 忽略压缩 public int IgnoreBy { get; set; } = 102400; //质量 public int Quality { get; set; } = 60; //压缩输出到新的文件 Compress(string outputPath) 参考 Luban-Py 结果...

0
0
发表了博客
2019/10/30 23:27

native与H5优缺点及H5测试

一、native(原生)与H5优缺点介绍 native(原生)优点   1、运行速度快   2、可以应用到底层的API   3、便捷性与易用性   4、打开会比较节省流量 native(原生)缺点   1、不同操作系统需要独立开发   2、更新后需要重新打包,提交审核(更新后需要给ios和Android各助手审核)   3、不方便做适配,做适配需要很多机型 H5的优点   1、只需要开发一次   2、更新不需要重新打包,代码只更新到服务器就可以   3、开发...

0
0
发表于大前端专区
2019/09/13 01:37

h5

一、表单 1、电子邮件 <input type="email"> 表单提交时,会验证数据是否符合email的规范(有@,并且@后面有内容) 2、搜索类型 <input type="search"> 提供了快速清除的功能 3、url类型 <input type="url"> 提交数据时,验证数据是否符合url的规范(http://**) 4、电话号码类型 <input type="tel"> 在移动设备中,显示拨号键盘 5、数字类型 <input type="number"> 属性: value:默认显示的值 max:能接收到最大值 min:能接...

0
0
2020/01/01 14:39

介绍一个h5快速制作平台鲁班H5

鲁班H5是一个前后端都开源的h5快速制作平台,是基于Vue2.0开发的类似于开源版本的易企秀、人人秀,可以通过拖拽的形式,快速生成H5。 1.5.0 更新的内容 Bug Fix 修复预览 跨页面通信问题 修复克隆作品时候,动画复制不完整问题 新功能 支持 Video 支持 轮播图 支持 图片库 支持 背景图 支持 背景颜色 支持 从第三方图片库选择图片 优化 封面图:上传封面之前压缩封面图,减小图片体积 渲染引擎:更新渲染引擎构建脚本 代码目录说...

0
0
发表了博客
2016/08/30 13:36

支付宝H5和微信公众号H5支付

此篇笔记总结于2016年,此时微信还没有开放外部H5支付,只是可以通过公众号支付间接打通H5支付,即H5必须在微信内部打开. 官网 支付宝:https://b.alipay.com/signing/productDetail.htm?productId=I1011000290000001001 微信公众号:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1 唤起app 支付宝:一次请求即可跳到支付宝的H5页面,然后在他们的页面尝试唤起app 微信公众号:微信环境下, 经过几次请求交互之后...

0
3
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
12 评论
464 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部