鲁班 H5 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
鲁班 H5 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: 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 指数为
超过 的项目

鲁班 H5 的相关博客

Luban 鲁班 图片压缩 MD

Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@s...

h5文件(.h5和.hdf5)

HDF5 (.h5, .hdf5) HDF 是 Hierarchical Data Format(分层数据格式)的缩写 HDF 版本 5不与 HDF 版本 4 及早期版本兼容。 HD...

h5是啥

现在很多营销人一知半解的 ,言必称h5,这个用h5实现啥啥啥的, 今天被小弟问h5到底是啥? 我想了会是啥呢? 后面想了会,简单...

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

Luban-net .net version of Luban(鲁班)—可能是最接近微信的图片压缩算法 Luban.cs //支持Web上传 Luban(HttpPostedFile hpf...

native与H5优缺点及H5测试

一、native(原生)与H5优缺点介绍 native(原生)优点   1、运行速度快   2、可以应用到底层的API   3、便捷性与易用性  ...

h5

一、表单 1、电子邮件 <input type="email"> 表单提交时,会验证数据是否符合email的规范(有@,并且@后面有内容) 2、搜索类...

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

此篇笔记总结于2016年,此时微信还没有开放外部H5支付,只是可以通过公众号支付间接打通H5支付,即H5必须在微信内部打开. 官网...

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

鲁班H5是一个前后端都开源的h5快速制作平台,是基于Vue2.0开发的类似于开源版本的易企秀、人人秀,可以通过拖拽的形式,快速生...

H5测试

H5是什么? H5的全称是HTML5,其实就是:移动端WEB页面。 H5与原生 APP的区别: APP是使用原生系统内核的,相当于直接在系统上...

鲁班 H5 的相关问答

还没有任何问答,马上提问

评论 (12)

加载中
免费商用吗
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
回复
举报
更多评论
12 评论
449 收藏
分享
返回顶部
顶部