后台管理项目总结

技术选型

vue框架

vue的优势是:因为模板和渲染函数的弹性选择,简单的语法和项目配置,更快的渲染速度和更小的体积
React的优势是：更适合大型应用和更好的可测试性,Web端和移动端原生APP通吃,更大的生态系统，
更多的支持和好用的工具

webpack

Webpack	是当下最热⻔的前端资源模块化管理和打包⼯具。
它可以将许多松散的模块按照依赖和规则打包成符合⽣产环境部署的前端资源。
还可以将按需加载的模块进⾏代码分隔，等到实际需要的时候再异步加载。
通过	loader的转换，任何形式的资源都可以视作模块, webpack能够配置⾃定义优化代码，
在⽣产环境构建时拆分	vendor/css/js	代码，运⾏开发服务实现⻚⾯⽆刷新、代码热重载，
以及其他⾮常酷炫的特性

es6,vuex,vue-router,less,element-ui

es6模块化,以及promise函数,箭头函数,class类的声明,
代码更加简洁易读,less编译css,易于css的编写,和后期的维护
vuex进行状态管理,因为后台类项目数据比较多,用vuex来进行状态管理,比较方便,易于后期维护,
vue-router搭建页面路由,axios进行数据请求.element-ui组件库进行前端页面的展示,

项目开发过程

全局的权限管理

全局路由的钩子函数进行路由的权限管理,在路由配置时判断localStore里的token字段,判断用户的登录状态,
如果未登录跳转到登录页,登陆成功,然后判断用户的级别来展示不同的页面.

项目的核心功能和难点

添加广告创意是我这个项目的核心功能,上传图片,创建创意是一个难点,创建创意时有一个tab切换,
最开始没有封装,造成状态共享,最后封装成组件,解决了,所有的数据用store进行状态管理,
对store也进行了,分模块进行管理