基于上一篇《手把手教你搭建 Vue 后台管理系统框架(一)路由 + Tabs 篇》【思否地址】,本篇文章继续在框架一上实现“用户”、“角色”、“权限”等系统模块功能,并封装一些公用组件。由于这块后台 API 涉及的也比较多,我会提供后台 API 接口地址,供大家调试、参考(目前后台是 C# 写的,后面我会整理成 Node.js 之后,再开放出来)。项目预览地址(目前只有框架一的功能,本篇文章完结后会保持更新)。
本篇文章主要内容:
- 封装 Table 表格的分页查询组件;
- 实现前端分页,后端分页两种分页方式(可带查询条件);
- Table 表格导出 Excel 功能;
- 实现(多项目)用户管理,角色管理,权限管理;
- 了解 Element-ui 中 Table 表格,Pagination 分页,Form 表单(表单验证)等组建基本用法;
- 提供前端源码及注释(提供框架二篇源码,会告诉你怎么整合框架一篇源码,保证框架完整正常运行)。
本篇文章尤其适合以下群:
- 看过我上一篇文章的小伙伴;
- 想了解一般多项目后台管理系统中用户,角色,权限设计的小伙伴;
- 有一点 Vue 基础的小伙伴;
本篇文章会首发在 GitChat(地址),在 GitChat 会提供完整源码,过段时间后会更新在思否,并贴出部分核心代码。
核心代码(更新中 ……)