后台管理项目总结

我们写的后台管理项目，主要用于给内部员工用来管理商品用的 功能都包含

登录

用户管理

权限管理

商品管理

数据统计这些功能 模块

登录 ---token的获取和验证怎么实现---     

我们在开发登录模块的过程中需要先去测试一下接口比如请求方式 还有需要传参数(样式还有其他一些简单的操作忽略)确定接口没问题请求接口  传的参数也就是我们的用户名和密码 成功后会返回给我们一个像身份证一样的token数据  我们把获取到的token存放到我们的本地或者vuex 这样我们可以在请求拦截器上配置我们的  authorization授权token 每次发送请求的时候都会携带token

我们的协议头里只有带着 token 才能请求到数据

 

退出----   

路由导航守卫使用路由拦截 添加判断条件 ,

退出的时候我们先清除我们登录所存储的token 根据我们的路由拦截当没有了token的时候我们让他去到登录页面并且不能访问任何页面当再次登录的时候我们才可以访问其他可以访问的页面

 

用户管理模块---  你其中的分配角色是怎样完成的   

1.点击按钮弹出对话框，存储角色的id，点击更新时作为请求参数使用

2. 获取所有角色接口，存储数据

3. 下拉列表选中 ，属性:value="item.id" 绑定角色 id获取当前选中的角色id

4. 点击确定按钮时，提交参数获取当前点击的用户id和选中 角色 id 更新角色的分配

权限管理模块---  你权限管理模块的分配权限怎么完成的

用户 , 角色 , 权限之间关系

1. 多个用户可以属于 1 个角色， 1 个角色拥有不同的权限让每个用户登录进到看到的页面和涉及的功能不一样

访问的左侧菜单列表不一样

角色列表渲染 权限tag页怎么渲染的

1 使用三层 for 循环渲染权限下拉列表

使用table表格里的展开列数据格式

因为页面要的格式是 3 层 table 嵌套外层1 行2块区域 ，第 2 区域里又嵌套2块区域 。这样 在每层区域下渲染对应权限功能tag标签

tag标签对应删除的功能 在事件中传入当前点击的角色id和权限id并请求删除权限的接口

 

点击分配权限展示树形列表权限

#1. 布局调用 el-tree 组件

#2. 获取所有权限的数据 渲染绑定

 

默认选中实现？

通过递归的形式，获取当前角色下所有三级权限的 id ，并保存到 默认 defKeys 选

中数组中 。递归会不断的遍历当前角色下 childen 推入默认选中数组

#4. 提交选中更新权限