项目总结思路
1.技术选型:
脚手架:为开始者减少时间搭建一套文件结构,使用Vue脚手架,会跟踪每一个组件的依赖关系,不需要重新渲染整个组件数,但是React每当使用的状态被修改,全部子组件都会重新渲染,所有该项目使用Vue才脚手架
ES6:集合数组,对象等各种方法,属性,使得避免很多使用原生方法,缩写等各种语法功能还是一样,功能方便介绍开发效率
less:混合属性,嵌套规则等, 简遍快捷
eslint:语法检查器,作为一个高级开发工程司,结构编码一定要规范,使得后者接受你的项目能够易懂
Element-ui:集合与多种前端结构样式,版面,比较突出前端页面美化效果,功能强大,潜在Bug较少,,超越其他插件中的佼佼者,减少开发效率
2.路由搭建:
路由拦截使用:beforeEach(){} 方法
权限接口设计:当注册高级管理员,可以设置多个特定的字段,权限解放
3.数据请求
#######
全局挂载:
3-1:可以把该自封装的fetch全局挂载,通过Vue.prototype.属性名 = fetch
3-2:使用Vue底层实现原理就是Object.defineProperty挂载实现
4.核心功能
#######
广告管理中的广告计划:该数据表,使用了echarts插件图表对接选择日期对应日期数据
Login登录页面:各种逻辑token等字段判断,超时等前沿技术,jsonwebtoken加密模式,MD5转义乱码,防止客户信息泄露
5.数据管理Vuex
vuex的规则主要就是 state:存放数据 getters:相当于计算属性 mutation:用来做state的同步操作 actions:异步提交mutation通过commit(), modules:用来做vuex的模块划分
6.数据管理Vuex
新建广告中选择计划:和原稿设计图不一致,通过看API和自己的思路,修改成功,多选点击时候,添加创意,前面是一个数组遍历,在使用,固定值在length最后面通过事件委托判断name名字,对应则添加一条添加创意
7.打包上线
#######
cnpm run build