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)

 Edit Page

 Copy Page

 Delete Page

 Quick Preview

 Undo、Redo


Plugin System


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


enhanced function


 parsing PSD file to HTML Page

 Photo Gallery

 Third Party uncopyrighted Image Search


back-end API


 create work

 save work

 update work

 Form Statistics

 Online Preview

 QR Code Preview


Installs


proj: project root path


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


More Explanation


Front-End Component Explanation


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


Technology Stack (current)


Front end: Vue.js
Back End: Strapi
Storage: Sqlite