智慧树电商后台管理系统,基于Vue+Element实现。用于管理用户账号、商品分类、商品信息订单数据统计等功能。
项目模块:登录模块、用户模块、权限模块、商品模块、订单模块、数据统计模块。
我的负责登录模块、权限模块、数据统计模块。
当用户点击了登录按钮时,进行数据请求,同时将登录成功之后的 token,保存到客户端的 sessionStorage 中,然后进行路由跳转.同时在axios的请求拦截器中携带token.最后再使用路由的全局前置守卫进行读取sessionStorage里面存储的进行判断是否有值,有值进行跳转,否则返回登录页面。
项目中使用到了进度条,NProgress.start()进度条显示 NProgress.done()进度条消失
在权限管理模块,分配权限这个功能中使用ES6新增语法(...) 展开运算符,避免使用二维数组,实现了优化。用 async await实现代码之间的同步操作,避免了回调地狱。
在数据统计模块使用了echarts图表