What's LuBan-H5?

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

Quick Start

Option 1

• if you are familiar with Node, Yarn(and already installed), please follow the commands to start quickly:

git clone https://github.com/ly525/luban-h5
cd luban-h5 # project root path
# back-end
cd back-end/h5-api && yarn && yarn dev
# front-end
cd front-end/h5 && yarn && yarn build:engine && yarn dev
!#en: default database is sqlite3(db location: h5-api/.tmp/data.db)
# visit http://localhost:1337/admin to config the api permissions
# read more here: https://ly525.github.io/luban-h5/en/getting-started/quick-start.html#setup-backend

Option 2

docker pull ubuntu
docker run -it -p 1234:80 -p 1235:1337  -v `pwd`:/app ubuntu
apt update && apt install -y wget git
wget -qO- https://raw.githubusercontent.com/ly525/luban-h5/dev/deploy/ubuntu-install.sh | bash
# after the installation finished
# 1. visit ：http://localhost:1235/admin, add 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:1235 to get the front-end of luban-h5

Links

• Documents

  • Chinese online document (opens new window)
  • English (opens new window)

• Source Code

  • GitHub: https://GitHub.com/ly525/luban-h5
  • Gitee(China Mirror) (opens new window)

• Community

  • Gitter (opens new window)
  • 吐个槽：For Chinese Users (opens new window)

• Ecosystem

  • back-end integration

    • Strapi.js(official Node.js backend API for luban-h5)
    • Spring Boot API Demo (opens new window)

  • Custom components

    • Rapid development of custom component scaffolding (opens new window)

  • official components library

    • Slide (opens new window)
    • Normal Button(different from form-button) (opens new window)

  • Support Component/Auxiliary Component

    • Image Gallery: For Quick Selection of images from the gallery
    • Text alignment-Repo(for Button text alignment) (opens new window)

Read more here Online English Document (opens new window)

Community

1. Gitter (opens new window)
2. Github Issues (opens new window)