鲁班H5是什么?

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

Demo

在线访问地址

简介 - 图1

快速开始

请参照 鲁班H5-在线文档快速开始 章节

交流群

钉钉群 微信公众号 微信
简介 - 图2 简介 - 图3 简介 - 图4
请备注:鲁班H5交流

更多细节请阅读在线文档

Features

  1. 编辑器
  • 参考线
  • 吸附线、组件对齐
  • 拖拽改变组件形状
  • 元素: 复制(画布)
  • 元素: 删除(画布)
  • 元素: 编辑(画布)
  • 页面:新增
  • 页面:复制
  • 页面:删除
  • 快速预览
  • 撤销、重做
  1. 组件系统
  • 文字
  • 普通按钮
  • 表单按钮
  • 表单输入框
  • 普通图片
  • 背景图
  • 背景音乐
  • 视频(Iframe形式)
  1. 增强功能
  • 上传 PSD,一键转换为 H5(已经调研,可以实现)
  • 图片库
  • 第三方无版权图片搜索
  • 自定义脚本(已经调研,可以实现)
  1. 后端 API
  • 创建、保存、更新作品
  • 表单数据收集
  • 表单数据展示
  • 在线预览
  • 二维码预览

技术栈(当前)

  1. 前端:Vue.js
  2. 后端:Strapi
  3. 存储:Sqlite

如何贡献

所有合理的改动、优化、修正,新的组件,或者文档的修正、更新 相关的提交都会被接受