徐烜 / bsth-ebus-h5_editor · Files

README.md 2.29 KB

简体中文 | English

鲁班H5是什么？

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

Screenshots

在线访问地址

image

Features

  1. 编辑器

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

  2. 组件系统

    • 文字
    • 普通按钮
    • 表单按钮
    • 表单输入框
    • 普通图片
    • 背景图
    • 视频（Iframe形式）

  3. 增强功能

    • 上传 PSD，一键转换为 H5
    • 图片库
    • 第三方无版权图片搜索
    • 自定义脚本

  4. 后端 API

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

安装

说明：project：项目根目录

  1. 前端

    1. 编辑器部分请参照 project/front-end/h5/README.md

  2. 后端

    1. 后端 API 部分请参照 project/back-end/h5-api/README.md

更多说明

前端组件说明

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

技术栈（当前）

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

交流群 (#!en Join Discussion Group)

扫描二维码加入 钉钉讨论组

#!en: Scan the QR code using Dingtalk App to join in discussion group :

For users in other languages, please keep using Github issue tracker. 🤟