徐烜 / bsth-ebus-h5_editor · Files

README.md 2.8 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

交流群

钉钉讨论组（推荐） 和 QQ讨论组 (QQ 群号：251936377)

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

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