H5可视化编辑
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
- 前端部分使用vue2.2版本, 后端使用 nodejs + mongodb(https://git.oschina.net/liljay/xmb/tree/swagger/)
-
vue + vuex + vue-router , ajax使用qwest
-
H5可编辑器,考虑到各种可配置UI组件的维护,把每一个都单独做成vue组件维护,利用vue 2.* function组件封装成统一的unit组件;
用户选中新增组件的时候,unit组件通过组件名来实例化对应的组件,组件的初始化数据从component.props中取,由vuex进行统一管理;
可配置的组件单独在vue-research-unit库维护,在h5页面渲染的时候,后端也通过这个库来注册基础组件并实例化页面;
每一个UI组件对应一个可配置(setting-*)的vue组件,对UI组件属性进行更改配置;