二十、【用户管理与权限 - 篇二】前端交互：实现用户管理界面

前言

在上一篇《【用户管理与权限 - 篇一】后端基础》中，我们为测试平台的用户和角色管理搭建了坚实的后端基础，提供了相应的 API 接口 (/api/users/ 和 /api/roles/)。现在，是时候将这些后端能力通过前端用户界面呈现出来了。一个功能完善的用户管理模块是任何后台系统的核心组成部分，它使得管理员能够有效地维护系统用户及其权限。

要实现的前端用户管理界面，包括以下核心功能：

1. 用户列表展示： 清晰地以表格形式展示所有用户信息，支持分页、关键词搜索以及按激活状态和角色进行筛选。
2. 编辑用户信息与角色分配： 允许管理员修改用户的基本信息（如邮箱、姓名、激活状态）并管理其所拥有的角色。
3. 删除用户： 允许管理员删除不再需要的用户账户，并考虑对特殊账户（如超级管理员）的保护。

准备工作

1. 前端项目就绪： 确保你的 test-platform/frontend 项目可以正常运行 (npm run dev)。
2. 后端 API 运行中&#