README.en.md


English | 简体中文


What's LuBan-H5?


LuBan-H5 is a mobile page builder based on Vue.js, which is similar with http://www.eqxiu.com、Baidu-H5. It also supports parsing PSD file to HMTL5 Page


Screenshots


###Features 功能


Editor


 Reference Line/GuideLine

 Adsorption Line

 Change plugin shape by drag-and-drop

 Edit Element (Canvas)

 Copy Element (Canvas)

 Delete Element (Canvas)

 Page: add, copy, delete

 Preview


Plugin System


- [x] Text
- [x] Normal Button
- [ ] Form Button
- [ ] Form Field
- [x] Picture
- [ ] Background Image
- [ ] Video (Iframe format)


enhanced function


 parsing PSD file to HTML Page

 Photo Gallery

 Third Party uncopyrighted Image Search


Data Statistics


 Form Statistics


Others


 Online preview

 QR Code Preview


Technology Stack (current)


Front end: Vue.js
Back End: Adonis.js
Storage: MongoDB


Installs


proj: project root path


Front End
  Editor: please refer to: project/front-end/h5/README.md


Front-End Component Explanation


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