手把手教你搭建 Vue 后台管理系统框架（二）多项目用户、角色、权限篇

基于上一篇《手把手教你搭建 Vue 后台管理系统框架（一）路由+ Tabs 篇》【思否地址】，本篇文章继续在框架一上实现 “用户”、“角色”、“权限” 等系统模块功能，并封装一些公用组件。因为这块后台 API 涉及的也比较多，我会提供后台 API 接口地址，供你们调试、参考（目先后台是 C# 写的，后面我会整理成 Node.js 以后，再开放出来）。项目预览地址（目前只有框架一的功能，本篇文章完结后会保持更新）。

本篇文章主要内容：

1. 封装 Table 表格的分页查询组件；
2. 实现前端分页，后端分页两种分页方式（可带查询条件）；
3. Table 表格导出 Excel 功能；
4. 实现（多项目）用户管理，角色管理，权限管理；
5. 了解 Element-ui 中 Table 表格，Pagination 分页，Form 表单（表单验证）等组建基本用法；
6. 提供前端源码及注释（提供框架二篇源码，会告诉你怎么整合框架一篇源码，保证框架完整正常运行）。

本篇文章尤为适合如下群：

1. 看过我上一篇文章的小伙伴；
2. 想了解通常多项目后台管理系统中用户，角色，权限设计的小伙伴；
3. 有一点 Vue 基础的小伙伴；

本篇文章会首发在 GitChat （地址），在 GitChat 会提供完整源码，过段时间后会更新在思否，并贴出部分核心代码。

由于跟GitChat有约定，不可将文章放在第三方平台，因此我将源码和文章都放在个人公众号里 "面向 CtrlCV 编程"，回复“vue2” 便可得到，更有更多学习资源

核心代码（更新中......）