Vue3+NestJS 全栈开发企业级管理后台
课程详情
课程介绍
本课程旨在帮助学员掌握Vue3+NestJS全栈开发企业级管理后台的技术栈,通过学习,学员将能够实现前后端数据交互、权限控制、身份认证等企业级功能,并积累企业级管理后台的开发经验和最佳实践。
适合人群
- 前端开发者想拓展后端技能,实现全栈开发
- 后端开发者想学习现代前端框架,提升项目综合能力
- 对企业级管理后台开发感兴趣,希望掌握完整技术栈的开发者
- 有一定JavaScript基础,想进阶学习Vue3和NestJS的程序员
学习收获
- 熟练掌握Vue3的Composition API、响应式原理及生态系统
- 精通NestJS框架的模块化、依赖注入、中间件等核心概念
- 实现前后端数据交互、权限控制、身份认证等企业级功能
- 掌握数据库设计与操作,包括MySQL的CRUD及复杂查询
- 学习项目部署、CI/CD流程,将项目上线到生产环境
- 积累企业级管理后台的开发经验和最佳实践
核心技术栈详解
前端技术栈
- Vue3:采用最新的Composition API进行组件开发
- Vue Router 4:实现前端路由管理
- Pinia:Vue3官方推荐的状态管理库
- Element Plus:基于Vue3的UI组件库
后端技术栈
- NestJS:基于Node.js的后端框架
- TypeScript:为前后端代码提供类型检查
- MySQL:关系型数据库
- TypeORM:对象关系映射工具
实战项目展示
项目功能模块
- 用户管理:实现用户的注册、登录、信息修改、密码重置等功能
- 角色管理:自定义角色,为不同角色分配不同权限
- 菜单管理:动态配置系统菜单,控制不同角色可见的菜单
- 数据统计:通过图表展示系统的关键数据
- 日志管理:记录用户的操作日志
项目效果预览
项目采用现代化的UI设计,界面简洁大方,操作流畅。通过前后端分离的架构,实现了数据的实时更新和高效交互。权限控制精确到按钮级别,保证了系统的安全性。
课程福利
- 提供完整的项目源代码和相关学习资料
- 专属学习交流群,讲师和助教在线答疑
- 定期直播答疑,解决学习过程中的难点问题
- 提供简历优化和就业指导,助力职业发展
课程安排
- 第1-2周:Vue3基础及核心特性讲解
- 第3-4周:NestJS框架入门及后端API开发
- 第5-8周:实战项目开发,包括各功能模块的实现
- 第9-10周:项目优化、测试及部署上线
课程目录
00 资料
源代码
01 vue-vben-admin.zip
02 imooc-nest-admin.zip
01 第1章 如何快速从0到1构建管理后台
01 1-1 跟着Sam老师学习如何快速从0到1构建管理后台.mp4
02 第2章 项目需求分析和技术架构设计
01 2-1 管理后台项目需求分析.mp4
02 2-2 管理后台项目架构设计.mp4
03 2-3 前后端技术栈介绍.mp4
04 2-4 项目6个开发阶段讲解.mp4
03 第3章 管理后台前端框架搭建
01 3-1 前端框架vben源码下载和启动.mp4
02 3-2 vben三种运行模式讲解.mp4
03 3-3 vben项目发布方法详解.mp4
04 3-4 vben框架进阶:es module特性支持.mp4
05 3-5 vben框架进阶:vue插件原理+构建调试方法.mp4
06 3-6 vite vue插件原理解析.mp4
07 3-7 vben框架进阶:mock插件原理解析.mp4
04 第4章 管理后台后端框架NestJs快速入门
01 4-1 快速NestJS框架搭建.mp4
02 4-2 NestJS核心--Controller讲解和应用.mp4
03 4-3 NestJS实现Restful API.mp4
04 4-4 Restful API+Postman调试及参数获取方式.mp4
05 4-5 NestJS核心--Provider讲解和应用.mp4
06 4-6 NestJS核心--异常处理机制讲解.mp4
05 第5章 管理后台后端数据库接入
01 5-1 后端业务模块设计和拆分.mp4
02 5-2 NestJS核心--Module讲解和应用.mp4
03 5-3 MySQL8安装+数据库导入.mp4
04 5-4 NestJS连接MySQL开发.mp4
05 5-5 数据库实体Entity创建.mp4
06 5-6 MySQL表关联和查询逻辑实现.mp4
07 5-7 数据库新增和删除逻辑实现.mp4
06 第6章 登录功能前端开发
01 6-1 用户登录阶段概览+前端项目启动源码分析.mp4
02 6-2 项目路由配置源码详解.mp4
03 6-3 路由守卫控制页面加载状态源码分析.mp4
04 6-4 AbortController中断http请求.mp4
05 6-5 登录前权限路由守卫源码分析.mp4
06 6-6 登录页面前端组件源码分析.mp4
07 6-7 登录表单校验和接口请求源码分析.mp4
07 第7章 登录功能后端开发
01 7-1 登录接口技术方案设计和时序图绘制.mp4
02 7-2 NestJS请求守卫开发(高难度).mp4
03 7-3 实现登录鉴权接口的调用链路.mp4
04 7-4 登录密码校验逻辑实现.mp4
05 7-5 JWT基本概念讲解.mp4
06 7-6 JWT token生成逻辑实现.mp4
07 7-7 前后端login接口联调.mp4
08 7-8 后端https协议支持+前端兼容问题修复.mp4
09 7-9 login接口联调问题修复.mp4
10 7-10 后端请求守卫token验证逻辑开发.mp4
11 7-11 获取用户信息API开发+前后端联调.mp4
08 第8章 菜单权限原理分析+前端动态路由改造
01 8-1 管理后台权限基本概念介绍.mp4
02 8-2 前端权限处理流程分析.mp4
03 8-3 管理后台动态路由处理逻辑详解.mp4
04 8-4 角色获取逻辑改造——实现角色控制菜单能力.mp4
05 8-5 后端动态生成前端菜单技术方案设计.mp4
06 8-6 通过字符串+路由映射表控制菜单权限.mp4
07 8-7 菜单数据准备和路由映射表开发.mp4
08 8-8 后端菜单数据查询API开发.mp4
09 8-9 后端实现通过文件修改控制前端菜单.mp4
09 第9章 菜单权限页面开发+查询列表页面联调
01 9-1 新建菜单管理页面.mp4
02 9-2 利用NestJS ORM框架同步功能建表.mp4
03 9-3 数据库菜单测试数据录入.mp4
04 9-4 菜单API升级+前端联调.mp4
05 9-5 前端菜单列表查询和渲染开发.mp4
06 9-6 利用Tooltip+CustomRender对元数据渲染进行优化.mp4
10 第10章 菜单权限新增编辑API开发+整体联调
01 10-1 新建菜单功能前端开发.mp4
02 10-2 新建菜单API开发+前后端联调.mp4
03 10-3 编辑菜单API开发+前后端联调.mp4
04 10-4 菜单禁用状态显示问题修复.mp4
05 10-5 禁用菜单逻辑优化.mp4
06 10-6 父菜单显示问题修复+提示语优化.mp4
11 第11章 电子书列表功能开发
01 11-1 本阶段概览和epub电子书介绍.mp4
02 11-2 epub电子书解析原理讲解.mp4
03 11-3 本地nginx静态资源服务器搭建.mp4
04 11-4 图书列表页面和路由创建.mp4
05 11-5 图书列表搜索表单开发.mp4
06 11-6 图书列表分页组件开发.mp4
07 11-7 数据库book表创建后端映射实体.mp4
08 11-8 图书查询API开发.mp4
09 11-9 图书查询API分页查询和模糊匹配开发.mp4
10 11-10 前端请求图书API逻辑开发.mp4
12 第12章 电子书列表优化+电子书上传功能开发
01 12-1 图书列表Item添加封面图片功能开发.mp4
02 12-2 图书列表书名和作者搜索功能开发.mp4
03 12-3 查询API分页功能优化.mp4
04 12-4 前端请求count参数支持+分页组件优化.mp4
05 12-5 nestjs文件上传功能实现.mp4
06 12-6 电子书上传API功能优化-.mp4
07 12-7 电子书上传表单开发.mp4
08 12-8 电子书上传API联调.mp4
13 第13章 电子书解析功能开发
01 13-1 Epub对象建立和逻辑串联.mp4
02 13-2 临时文件生成逻辑开发.mp4
03 13-3 epub电子书解压功能开发.mp4
04 13-4 epub电子书根文件解析.mp4
05 13-5 epub元数据解析.mp4
06 13-6 epub封面图片路径解析.mp4
07 13-7 电子书目录解析.mp4
08 13-8 电子书目录数据处理.mp4
09 13-9 电子书解析结果更新和返回.mp4
14 第14章 电子书新增API开发
01 14-1 电子书upload组件保存事件改写.mp4
02 14-2 电子书信息回填开发(跨表单通信).mp4
03 14-3 新增电子书API创建和调试.mp4
04 14-4 新增电子书数据SQL开发.mp4
05 14-5 电子书封面图片获取开发.mp4
06 14-6 电子书封面URL生成逻辑优化.mp4
07 14-7 目录数据获取和渲染.mp4
08 14-8 电子书阅读功能开发(根据章节).mp4
15 第15章 电子书详情、编辑和删除功能开发
01 15-1 删除电子书的前端交互开发.mp4
02 15-2 删除电子书API开发.mp4
03 15-3 电子书删除功能前后端联调.mp4
04 15-4 电子书新增接口联调.mp4
05 15-5 电子书新增后回填数据清空+异常信息优化.mp4
06 15-6 电子书目录新增module创建.mp4
07 15-7 电子书目录新增API开发.mp4
08 15-8 电子书目录新增API联调.mp4
09 15-9 电子书目录删除API联调.mp4
10 15-10 电子书查询接口开发.mp4
11 15-11 编辑页面路由跳转+主动赋值方法.mp4
12 15-12 电子书数据回填.mp4
13 15-13 电子书更新API开发+联调.mp4
16 第16章 高级权限功能开发——用户管理模块开发
01 16-1 高级权限功能架构设计和开发目标.mp4
02 16-2 在菜单中配置权限管理相关模块.mp4
03 16-3 用户管理模块设计和前端改造.mp4
04 16-4 用户列表API联调.mp4
05 16-5 用户查询筛选条件支持.mp4
06 16-6 新增用户API联调.mp4
07 16-7 编辑用户API联调.mp4
17 第17章 高级权限功能开发——角色管理模块开发
01 17-1 角色表和数据实体创建.mp4
02 17-2 获取角色列表API开发和联调.mp4
03 17-3 用户管理中的角色列表渲染.mp4
04 17-4 用户编辑时角色选择信息入库.mp4
05 17-5 解决用户编辑时角色信息回显问题.mp4
06 17-6 新增角色API开发和联调.mp4
07 17-7 编辑角色API开发和联调.mp4
08 17-8 编辑角色时隐藏角色名称输入框功能优化.mp4
09 17-9 编辑用户时隐藏密码功能优化.mp4
18 第18章 高级权限功能开发——角色和菜单关联开发
01 18-1 角色和菜单关联技术方案设计.mp4
02 18-2 角色新增时提交菜单数据.mp4
03 18-3 新增角色和菜单绑定关系API开发.mp4
04 18-4 编辑角色时获取角色菜单绑定关系API开发.mp4
05 18-5 更新角色菜单绑定关系.mp4
06 18-6 编辑角色API优化.mp4
07 18-7 删除再添加菜单绑定关系开发.mp4
08 18-8 菜单绑定角色功能开发.mp4
09 18-9 菜单绑定JSON解析+去重问题优化.mp4
19 第19章 高级权限功能开发——权限管理模块开发
01 19-1 权限管理实现原理+前端页面开发.mp4
02 19-2 权限数据获取API开发+前端筛选条件开发.mp4
03 19-3 新增权限API开发+前端联调.mp4
04 19-4 权限的数据表创建和测试数据添加.mp4
05 19-5 编辑权限API开发+前后端联调.mp4
06 19-6 角色和权限绑定关系功能开发.mp4
20 第20章 高级权限功能开发——用户绑定权限功能开发
01 20-1 已绑定的角色和权限关系回显功能开发.mp4
02 20-2 权限删除API开发+前后端联调.mp4
03 20-3 用户登录时获取用户权限信息.mp4
04 20-4 用户权限获取和权限绑定业务功能.mp4
05 20-5 绑定权限公共方法抽象和优化.mp4
06 20-6 权限绑定逻辑优化和数据权限创建.mp4
07 20-7 根据用户信息查询权限功能开发.mp4
21 第21章 微前端技术方案介绍
01 21-1 微前端基本概念介绍.mp4
02 21-2 iframe微前端方案的优劣分析.mp4
03 21-3 single-spa介绍+主应用案例演示.mp4
04 21-4 single-spa子应用案例演示.mp4
05 21-5 single-spa 原理解析+源码调试.mp4
06 21-6 single-spa 加载应用源码解析.mp4
07 21-7 single-spa 启动应用源码解析.mp4
08 21-8 single-spa 挂载和卸载应用源码分析.mp4
09 21-9 本章内容总结和知识梳理.mp4
22 第22章 微前端技术方案之qiankun
01 22-1 qiankun框架简介.mp4
02 22-2 qiankun框架优缺点分析.mp4
03 22-3 qiankun框架开发流程解析.mp4
04 22-4 qiankun框架主应用开发.mp4
05 22-5 qiankun框架微应用(子应用)开发.mp4
06 22-6 核心:图解qiankun核心实现原理.mp4
07 22-7 qiankun子应用html模板解析源码分析.mp4
08 22-8 qiankun子应用JS执行源码分析.mp4
09 22-9 qiankun框架应用和原理总结.mp4
23 第23章 无界微前端项目改造
01 23-1 无界微前端介绍和demo演示.mp4
02 23-2 无界实现原理详解.mp4
03 23-3 无界源码调试方法+JS沙盒源码讲解.mp4
04 23-4 无界源码分析——子应用启动流程分析.mp4
05 23-5 vue项目使用无界微前端改造流程讲解.mp4
06 23-6 vue3环境wujie-vue3框架引入.mp4
07 23-7 vue3实现微前端子应用注入.mp4
08 23-8 子应用剥离和新项目创建.mp4





