基于Vue.js的在线设计开放平台研究与实现

Research and implementation of online design open platform based on vue.js

基于MVVM前端框架Vue.js,搭建了提高协同效率和知识汇集的在线设计开发平台系统,更好地服务设计师、前端工程师及产品经理。功能包含设计原则、组件呈现以及资源下载几个功能模块,采用Vuecli脚手架搭建项目,http请求库Axios处理前后台数据交互。同时引入Vue-router和Vuex两个插件库,管理前端路由跳转和全局状态变量。最后利用Webpack3构建生成代码包,通过nginx反向代理访问。该系统实现了提高研发团队上下游协同效率,避免重复性的设计和前端工作,提高开发效率的目的。

Based on the MVVM front-end framework vue.js,an online design and development platform system is built to improve collaboration efficiency and knowledge collection,so as to better serve designers,front-end engineers and product managers.The functions include design principles,component presentation and resource download.Vue cli scaffold is used to build the project.Axios,the HTTP request library,processes the data interaction between the front and back stations.At the same time,two plug-in libraries,Vue router and vuex,are introduced to manage the front-end route jump and global state variables.Finally,we use webpack 3 to build the generated code package,which is accessed by nginx reverse proxy.The system realizes the purpose of improving the upstream and downstream collaborative efficiency of R&D team,avoiding repetitive design and front-end work,and improving the development efficiency.