1 Star 0 Fork 329

wangscript1 / luban-h5

forked from ly525 / luban-h5 
加入 Gitee
与超过 600 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.en.md 3.75 KB
一键复制 编辑 Web IDE 原始数据 按行查看 历史
ly525 提交于 2020-10-15 07:53 . chore: update README

GitHub release (latest by date)

📖 Document | 📖简体中文

What's LuBan-H5?

LuBan-H5 is a mobile page builder based on Vue.js, which is similar with Amolink eqx(it's a chinese website, you may need to translate the page). It also supports parsing PSD file to HMTL5 Page

Demo

Preview Website

let's go through it real quick.

in short

git clone https://github.com/ly525/luban-h5 && cd luban-h5
# install dependencies &&  build front-end && build back-end
./luban-h5.sh init

./luban-h5.sh start

# ./luban-h5.sh stop

# after the installation finished
# 1. visit :http://localhost:1337/admin, create your admin account
# 1.2 config the api permissions, see more here:https://ly525.github.io/luban-h5/en/getting-started/quick-start.html#_2-something-important

# 2. front-end
# 2.1 visit https://localhost:1337 to get the front-end of luban-h5

Links

Features

  1. Editor

    • Reference Line/GuideLine
    • Adsorption Line
    • Change plugin shape by drag-and-drop
    • Edit Element (Canvas)
    • Copy Element (Canvas)
    • Delete Element (Canvas)
    • Edit Page
    • Copy Page
    • Delete Page
    • Quick Preview
    • Undo、Redo
  2. Plugin System

    • Text
    • Normal Button
    • Form Button
    • Form Field
    • Picture
    • Background Image
    • Background Music
    • Video (Iframe format)
  3. enhanced function

    • parsing PSD file to HTML Page
    • Photo Gallery
    • Third Party uncopyrighted Image Search
  4. back-end API

    • create work
    • save work
    • update work
    • Form Statistics
    • Online Preview
    • QR Code Preview

Installs

proj: project root path please refer to: Document/Quick Start


More Explanation

Front-End Component Explanation

  1. lbp-: lu-ban-plugin-, means Luban H5 plugin, location: proj/front-end/h5/src/components/plugins

Build With (current)

  1. Front end: Vue.js
  2. Back End: Strapi
  3. Storage: Sqlite

Read more here Online English Document

评论 ( 0 )

你可以在登录后,发表评论

JavaScript
1
https://gitee.com/kingsmart/luban-h5.git
git@gitee.com:kingsmart/luban-h5.git
kingsmart
luban-h5
luban-h5
master

搜索帮助