乐趣区

手把手教你搭建-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 会提供完整源码,过段时间后会更新在思否,并贴出部分核心代码。

核心代码(更新中 ……)

退出移动版