Vue3+NestJS实现权限管理系统:开篇介绍

前言

这是Vue3+NestJS实现权限管理系统系列文章第一篇文章,这个系列我曾经写过多篇文章,但是写完之后回过头来再看里面有很多遗漏以及不足之处,所以决定重新梳理这个系列,并从头开始开发一个完整的Vue3+NestJS全栈工程项目,旨在为大家提供更详尽的开发过程以及更好的阅读体验。

为什么要写权限管理系统?

目前github上已经有很多非常成熟的权限管理系统了,为什么还要从头再开发一个呢?

虽然有很多开源的项目,但是对于一些初学者来说是很难看明白的,没办法从0到1取学习这个项目是如何完成的

同时很多权限管理系统项目后端部分都是用的springboot等框架来写的,对于前端来说是看不懂的,而本项目则使用NestJS作为后端语言来开发这个项目,对于前端来说有着得天独厚的优势。

文章中也会对NestJS进行详细的介绍,即使你没有了解过NestJS,看完这个系列的文章也能掌握NestJS的使用

包含哪些内容?

本系列文章内容分为三大部分,分别是前端篇,后端篇,部署篇。 当然如果你不想学习后端部分也是可以的,后续会提供线上接口供前端篇内容学习

前端篇主要包括如下内容:

  1. 前端: 项目搭建及集成项目的编程规范工具链(ESlint+Prettier+Stylelint)

  2. 前端: axios接口封装及请求规范

  3. 前端: 实现通用上传文件组件

  4. 前端: 定义全局CSS变量及tailwindcss的使用

  5. 前端: 实现登录页面

  6. 前端: 动态处理菜单路由

  7. 前端: 实现自定义权限指令

  8. 前端: 使用keepAlive控制页面缓存与否

  9. 前端: 实现导航栏标签及面包屑导航

  10. 前端: 菜单管理页面

  11. 前端: 角色管理页面

  12. 前端: 用户管理页面

  13. 前端: 部门管理页面

  14. 前端: 个人中心页面

  15. 前端: 字典管理页面

  16. 前端: 通用代码生成页面

  17. 前端: 国际化(引入I18n语言配置)

  18. 前端: 暗黑模式切换

  19. 前端:多主题切换配置

后端部分包含

  1. 后端:快速了解NestJS及项目基本配置

  2. 后端:Docker简介及数据库的使用

  3. 后端:使用Swagger生成在线接口文档

  4. 后端:集成winston进行日志管理

  5. 后端:使用 JWT 实现注册与登录

  6. 后端:如何实现登录token自动续期

  7. 后端:接入微信公众号自动回复实现注册登录

  8. 后端:基于RBAC 菜单权限控制实现

  9. 后端:文件导入导出接口实现

  10. 后端:实现菜单管理接口

  11. 后端:字典管理接口

  12. 后端:实现角色管理接口

  13. 后端:实现用户管理接口

  14. 后端:实现部门管理接口

  15. 后端:实现个人中心接口

  16. 后端:实现通用代码生成模块接口

  17. 后端:如何做定时任务

  18. 后端:使用pm2管理项目进程

最后还会教大家如何部署我们的项目

  1. 部署: 学习docker使用

  2. 部署: 使用dockerfile及docker-compose完成后端项目本地部署

  3. 部署: 使用docker完成前端端项目本地部署

  4. 部署: 使用docker将前后端项目部署到阿里云

最后希望我的文章能够帮助大家学到更多的东西,一起学习共同进步,早日成为全栈工程师,加油!

相关推荐
2501_915918412 小时前
Web 前端可视化开发工具对比 低代码平台、可视化搭建工具、前端可视化编辑器与在线可视化开发环境的实战分析
前端·低代码·ios·小程序·uni-app·编辑器·iphone
程序员爱钓鱼2 小时前
Go语言实战案例 — 工具开发篇:实现一个图片批量压缩工具
后端·google·go
程序员的世界你不懂3 小时前
【Flask】测试平台开发,新增说明书编写和展示功能 第二十三篇
java·前端·数据库
索迪迈科技3 小时前
网络请求库——Axios库深度解析
前端·网络·vue.js·北京百思可瑞教育·百思可瑞教育
gnip3 小时前
JavaScript二叉树相关概念
前端
程序员不迷路4 小时前
湖仓一体学习-数据架构演进路线
架构
attitude.x4 小时前
PyTorch 动态图的灵活性与实用技巧
前端·人工智能·深度学习
β添砖java4 小时前
CSS3核心技术
前端·css·css3
ChinaRainbowSea4 小时前
7. LangChain4j + 记忆缓存详细说明
java·数据库·redis·后端·缓存·langchain·ai编程
舒一笑4 小时前
同步框架与底层消费机制解决方案梳理
后端·程序员