Skip to content

en: web design tool || mobile page builder/editor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具.

License

Notifications You must be signed in to change notification settings

Team-Honglou/luban-h5

Folders and files

NameName
Last commit message
Last commit date

Latest commit

8635c9f · Nov 2, 2019
Oct 15, 2019
Oct 29, 2019
Sep 1, 2019
Oct 22, 2019
Nov 2, 2019
Sep 1, 2019
Oct 13, 2019
Sep 23, 2019
Oct 13, 2019
Oct 16, 2019
Oct 21, 2019
Oct 13, 2019
Sep 7, 2019

Repository files navigation

📖中文在线文档 | 📖English README | English Document

鲁班 H5

基于Vue开发,通过拖拽的形式,生成移动页面

Mobile Page Builder&Generator with Drag&Drop

GitHub release (latest by date) Gitter

🔗Links/相关链接

  1. 中文社区/论坛
  2. 📖中文在线文档
  3. 📖English README
  4. GitHub:https://github.com/ly525/luban-h5
  5. Gitee (国内镜像):https://gitee.com/ly525/luban-h5

目录

鲁班H5是什么?

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

Demo

在线访问地址

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

快速开始

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

交流群

钉钉群 微信公众号 微信

请备注:鲁班H5交流

更多细节请阅读在线文档

Features

  1. 编辑器

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

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

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

    • 创建、保存、更新作品
    • 表单数据收集
    • 表单数据展示
    • 在线预览
    • 二维码预览

更多说明

前端组件说明

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

技术栈(当前)

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

About

en: web design tool || mobile page builder/editor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 76.8%
  • CSS 11.6%
  • Vue 9.1%
  • HTML 2.4%
  • Shell 0.1%