该项目主要是佳实惠小程序的后台管理项目,通过前端访问管理系统实现对用户信息、商品管理、购物车数据的管理。
负责用户登录,用户管理,商品管理的列表、分类,权限管理等模块。
1、使用脚手架搭建项目结构,配合 Element-UI 组件库进行开发;
2、登录模块使用路由拦截器,判断 token是否存在,如果不存在,则无权访问任何页面,直接返回到登录页面
3、利用导航守卫钩子函数,对token的有无进行判断,实现了路由访问的权限控制
4、通过路由模块实现路由跳转,借助导航守卫进行跳转时判断登录状态,并且在各个页面的路由元信息中设置对应的角色权限,权限不够的用户拒绝访问;
5、通过状态管理将用户信息进行存储,并且根据不同的用户角色权限展示不同的页面模块与功能;