本文主要介绍了前端权限管理模块的设计与实现，包括路由定义、登录验证、全局路由拦截、用户权限逻辑以及具体业务功能，如员工、角色和菜单管理。在路由层面，区分了初始路由和动态路由，并在用户登录后根据token获取权限列表。全局路由拦截根据token和权限决定用户访问路径。在功能模块中，详细阐述了员工管理的实现，包括数据获取、接口定义和页面渲染。
权限管理模块
（1）先对路由进行定义，路由分为初始路由和动态路由，现在讲的初始路由基本上都是 login，其他路由都挂载在 home 路由之下。
（2）然后用户登录，登录成功之后得到 token，会进行本地存储，跳转到 home，会进入路由拦截根据 token 获取用户权限列表。
（3）全局路由拦截，根据当前用户有没有 token 和 权限列表进行相应的判断和跳转，当没有 token 时跳到 login，当有 token 而没有权限列表时去发请求获取权限等。
（4）用户权限，在 module 定义一个模块 permission.js，用户权限列表、菜单列表都保存在这个模块里；
权限管理功能模块的业务逻辑
首先是页面框架。明确这个权限管理模块分为三个页面，分别是员工管理，角色管理，菜单管理。
(1)实现员工管理页面
01 获取员工的数据（其中有员工列表和搜索框），定义一个获取员工列表以及删除员工管理的api方法，可以多次调用
02 渲染员工管理页面的数据
其中user_group 对应的是角色
渲染角色页面
最低0.47元/天 解锁文章
扫一扫
4908
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
