home	actionText	actionLink	features	footer
true	Get Started →	/en/getting-started/introduction	title details Form Collection Collect and organize information.Get answers from users fast. title details Easy to set up Integrating dynamic effects, music, video and images, users can easily achieve Html5 title details PSD to HTML5 Upload PSD, and parse it to HTML5, just seconds	GPL 3.0 Licensed | Copyright © 2019-present

What's LuBan-H5?

LuBan-H5 is a mobile page builder based on Vue.js, which is similar with Amolink or eqx(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
  • English

• Source Code

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

• Community

  • Gitter
  • 吐个槽：For Chinese Users

• Ecosystem

  • back-end integration

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

  • Custom components

    • Rapid development of custom component scaffolding

  • official components library

    • Slide
    • Normal Button(different from form-button)

  • Support Component/Auxiliary Component

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

Read more here Online English Document

Community

1. Gitter
2. Github Issues