【Vue2项目】人力资源后台管理项目（三）

二、项目实现

2.5 角色管理

2.5.1 角色管理-搭建页面结构

• 搭建角色管理的页面结构-代码位置(src/views/role/index.vue)

提交代码：

2.5.2 角色管理-获取数据

• 封装获取角色API-代码位置(src/api/role.js)

【API封装参数传递】params 与 API 封装https://blog.csdn.net/weixin_52047874/article/details/156953314

• 在初始化时调用API-赋值给数据-代码位置(src/views/role/index.vue)

• 绑定表格属性-代码位置(src/views/role/index.vue)

提交代码：

2.5.3 角色管理-表格自定义结构

• 自定义启用列和操作列的结构-代码位置(src/views/role/index.vue)

• 自定义操作列结构-代码位置(src/views/role/index.vue)

提交代码：

2.5.4 角色管理-分页功能

分页功能

• 展示页码

• 切换分页获取数据

分页组件属性

• 当前页码

• 每页条数

• 总数

• 定义分页信息-代码位置(src/views/role/index.vue)

• 绑定分页信息-代码位置(src/views/role/index.vue)

• 初始化时将总数赋值-代码位置(src/views/role/index.vue)

• 切换分页时，获取对应页码的数据-代码位置(src/views/role/index.vue)

提交代码：

2.5.5 角色管理-新增功能弹层

• 声明变量控制弹层显示-代码位置(s