/luban-h5

en: A mobile page builder/editor, similar with amolink. zh: 类似易企秀的H5制作、建站工具.

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

GitHub release (latest by date)

📖中文在线文档 | 📖English

  1. GitHub 地址:https://github.com/ly525/luban-h5
  2. 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