Vue3+NestJS 全栈开发企业级管理后台

掌握高Star提效框架(WindiCSS & wujie & vue-vben-admin), 发展更“无界”

已完结
|
难度:中级
|
时长:共 23 小时
¥399.00
距离活动结束
立即购买
加购物车
已有 215 人在学
  • 具备全栈能力,突破职业边界
  • 提升架构思维,强化重构实力
  • 解锁提效框架,拓展全新技能
  • 玩转Vue3全家桶,提升综合力
  • 落地权限设计,增强安全保障
  • 打通实战流程,把控生产全局
试看本节课 04:26
试看本节课 06:36
试看本节课 06:08
1-1 跟着Sam老师学习如何快速从0到1构建管理后台
2-1 管理后台项目需求分析
2-4 项目6个开发阶段讲解

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
慕课网明星讲师Sam老师全新力作:融汇大前端主流框架( Vue3全家桶+NestJS+Vite4+TS4+Mysql8+Nginx)与高Star提效框架(WindiCSS+wujie+vue-vben-admin ),带你全流程打造「小慕读书管理后台」。助力具备“全局思维”,“更优的前后端技术” 独立完成全栈项目开发能力,快速进击全栈工程师,突破职业天花板。

本章介绍:

本章将为大家揭示如何0到1全栈构建管理后台及其中的关键技术。

第1章 如何快速从0到1构建管理后台?
1 节|5分钟
展开
  • 视频:
    1-1 跟着Sam老师学习如何快速从0到1构建管理后台
    试看
    04:26

本章介绍:

本章将发起一个电子书管理业务的开发需求,并完整分析前后端的实现原理和流程。

第2章 项目需求分析和技术架构设计
4 节|26分钟
收起
  • 视频:
    2-1 管理后台项目需求分析
    试看
    06:36
  • 视频:
    2-2 管理后台项目架构设计
    07:07
  • 视频:
    2-3 前后端技术栈介绍
    05:59
  • 视频:
    2-4 项目6个开发阶段讲解
    试看
    06:08

本章介绍:

本章将通过vue-vben-admin快速实现管理后台前端框架搭建,该框架集成了vue3+vite4等最新技术栈。

第3章 管理后台前端框架搭建
7 节|70分钟
收起
  • 视频:
    3-1 前端框架vben源码下载和启动
    08:11
  • 视频:
    3-2 vben三种运行模式讲解
    09:04
  • 视频:
    3-3 vben项目发布方法详解
    09:03
  • 视频:
    3-4 vben框架进阶:es module特性支持
    05:51
  • 视频:
    3-5 vben框架进阶:vue插件原理+构建调试方法
    10:19
  • 视频:
    3-6 vite vue插件原理解析
    11:18
  • 视频:
    3-7 vben框架进阶:mock插件原理解析
    15:40

本章介绍:

本章将通过NestJS实现管理后台后端框架搭建,并讲解Restful API的完整开发流程。

第4章 管理后台后端框架NestJs快速入门
6 节|41分钟
展开
  • 视频:
    4-1 快速NestJS框架搭建
    04:42
  • 视频:
    4-2 NestJS核心--Controller讲解和应用
    05:01
  • 视频:
    4-3 NestJS实现Restful API
    04:46
  • 视频:
    4-4 Restful API+Postman调试及参数获取方式
    08:34
  • 视频:
    4-5 NestJS核心--Provider讲解和应用
    07:10
  • 视频:
    4-6 NestJS核心--异常处理机制讲解
    10:14

本章介绍:

本章将通过NestJS+TypeORM实现后端服务与数据库的通信问题(连接及增删改查操作),并借助ORM框架实现数据库实体映射。

第5章 管理后台后端数据库接入
7 节|55分钟
展开
  • 视频:
    5-1 后端业务模块设计和拆分
    04:08
  • 视频:
    5-2 NestJS核心--Module讲解和应用
    09:49
  • 视频:
    5-3 MySQL8安装+数据库导入
    04:53
  • 视频:
    5-4 NestJS连接MySQL开发
    09:39
  • 视频:
    5-5 数据库实体Entity创建
    07:12
  • 视频:
    5-6 MySQL表关联和查询逻辑实现
    10:09
  • 视频:
    5-7 数据库新增和删除逻辑实现
    08:53

本章介绍:

本章将重点带大家分析管理后台前端的登录流程,包括路由注册、路由守卫、登录API实现等业务逻辑细节。

第6章 登录功能前端开发
7 节|51分钟
展开
  • 视频:
    6-1 用户登录阶段概览+前端项目启动源码分析
    09:57
  • 视频:
    6-2 项目路由配置源码详解
    09:25
  • 视频:
    6-3 路由守卫控制页面加载状态源码分析
    05:43
  • 视频:
    6-4 AbortController中断http请求
    07:54
  • 视频:
    6-5 登录前权限路由守卫源码分析
    05:59
  • 视频:
    6-6 登录页面前端组件源码分析
    06:14
  • 视频:
    6-7 登录表单校验和接口请求源码分析
    05:10

本章介绍:

本章将通过后端登录API开发,实现完整的登录功能。主要借助JWT实现token的生成和校验,通过NestJS的请求守卫实现请求拦截和白名单放行。

第7章 登录功能后端开发
11 节|80分钟
展开
  • 视频:
    7-1 登录接口技术方案设计和时序图绘制
    07:24
  • 视频:
    7-2 NestJS请求守卫开发(高难度)
    12:02
  • 视频:
    7-3 实现登录鉴权接口的调用链路
    08:07
  • 视频:
    7-4 登录密码校验逻辑实现
    04:55
  • 视频:
    7-5 JWT基本概念讲解
    05:50
  • 视频:
    7-6 JWT token生成逻辑实现
    05:56
  • 视频:
    7-7 前后端login接口联调
    06:01
  • 视频:
    7-8 后端https协议支持+前端兼容问题修复
    06:32
  • 视频:
    7-9 login接口联调问题修复
    04:23
  • 视频:
    7-10 后端请求守卫token验证逻辑开发
    11:08
  • 视频:
    7-11 获取用户信息API开发+前后端联调
    07:19

本章介绍:

本章将详细分析菜单权限的实现原理,并开发后端菜单权限API,核心原理涉及vue-router的动态路由机制。

第8章 菜单权限原理分析+前端动态路由改造
9 节|81分钟
展开
  • 视频:
    8-1 管理后台权限基本概念介绍
    04:20
  • 视频:
    8-2 前端权限处理流程分析
    05:17
  • 视频:
    8-3 管理后台动态路由处理逻辑详解
    16:30
  • 视频:
    8-4 角色获取逻辑改造——实现角色控制菜单能力
    08:15
  • 视频:
    8-5 后端动态生成前端菜单技术方案设计
    08:09
  • 视频:
    8-6 通过字符串+路由映射表控制菜单权限
    12:50
  • 视频:
    8-7 菜单数据准备和路由映射表开发
    10:48
  • 视频:
    8-8 后端菜单数据查询API开发
    08:08
  • 视频:
    8-9 后端实现通过文件修改控制前端菜单
    06:12

本章介绍:

本章将实现菜单列表的开发以及完成查询API和前后端联调。

第9章 菜单权限页面开发+查询列表页面联调
6 节|51分钟
展开
  • 视频:
    9-1 新建菜单管理页面
    10:18
  • 视频:
    9-2 利用NestJS ORM框架同步功能建表
    04:53
  • 视频:
    9-3 数据库菜单测试数据录入
    05:08
  • 视频:
    9-4 菜单API升级+前端联调
    14:00
  • 视频:
    9-5 前端菜单列表查询和渲染开发
    11:01
  • 视频:
    9-6 利用Tooltip+CustomRender对元数据渲染进行优化
    05:38

本章介绍:

本章将实现菜单权限新增和编辑表单开发,及其对应的后端API开发,并完成开发过程中各种问题修复和优化。

第10章 菜单权限新增编辑API开发+整体联调
6 节|56分钟
展开
  • 视频:
    10-1 新建菜单功能前端开发
    09:58
  • 视频:
    10-2 新建菜单API开发+前后端联调
    11:57
  • 视频:
    10-3 编辑菜单API开发+前后端联调
    12:46
  • 视频:
    10-4 菜单禁用状态显示问题修复
    03:58
  • 视频:
    10-5 禁用菜单逻辑优化
    14:25
  • 视频:
    10-6 父菜单显示问题修复+提示语优化
    02:48

本章介绍:

本章将完成电子书列表页面开发,将应用过滤条件、列表、翻页等组件完成开发。

第11章 电子书列表功能开发
10 节|68分钟
展开
  • 视频:
    11-1 本阶段概览和epub电子书介绍
    04:38
  • 视频:
    11-2 epub电子书解析原理讲解
    07:57
  • 视频:
    11-3 本地nginx静态资源服务器搭建
    05:07
  • 视频:
    11-4 图书列表页面和路由创建
    12:28
  • 视频:
    11-5 图书列表搜索表单开发
    04:57
  • 视频:
    11-6 图书列表分页组件开发
    04:15
  • 视频:
    11-7 数据库book表创建后端映射实体
    04:58
  • 视频:
    11-8 图书查询API开发
    05:46
  • 视频:
    11-9 图书查询API分页查询和模糊匹配开发
    07:26
  • 视频:
    11-10 前端请求图书API逻辑开发
    09:29

本章介绍:

本章将完成电子书列表的分页优化和封面显示,以及电子书上传功能开发,主要涉及电子书新增表单开发,实现的核心算ant-design-vue的form和form-item组件。

第12章 电子书列表优化+电子书上传功能开发
8 节|71分钟
展开
  • 视频:
    12-1 图书列表Item添加封面图片功能开发
    08:25
  • 视频:
    12-2 图书列表书名和作者搜索功能开发
    09:29
  • 视频:
    12-3 查询API分页功能优化
    10:47
  • 视频:
    12-4 前端请求count参数支持+分页组件优化
    10:46
  • 视频:
    12-5 nestjs文件上传功能实现
    09:00
  • 视频:
    12-6 电子书上传API功能优化-
    05:07
  • 视频:
    12-7 电子书上传表单开发
    11:19
  • 视频:
    12-8 电子书上传API联调
    05:15

本章介绍:

本章将实现epub电子书的解析功能,在上传过程中实现电子书的目录、封面、内容解析,并实现电子书阅读功能。

第13章 电子书解析功能开发
9 节|54分钟
展开
  • 视频:
    13-1 Epub对象建立和逻辑串联
    07:46
  • 视频:
    13-2 临时文件生成逻辑开发
    05:47
  • 视频:
    13-3 epub电子书解压功能开发
    05:46
  • 视频:
    13-4 epub电子书根文件解析
    08:38
  • 视频:
    13-5 epub元数据解析
    09:33
  • 视频:
    13-6 epub封面图片路径解析
    02:54
  • 视频:
    13-7 电子书目录解析
    04:57
  • 视频:
    13-8 电子书目录数据处理
    04:37
  • 视频:
    13-9 电子书解析结果更新和返回
    04:02

本章介绍:

本章将在完成电子书解析功能开发后,实现电子内容上传API开发及各种优化,如封面图片路径生成、目录解析和上传等

第14章 电子书新增API开发
8 节|69分钟
展开
  • 视频:
    14-1 电子书upload组件保存事件改写
    09:13
  • 视频:
    14-2 电子书信息回填开发(跨表单通信)
    09:10
  • 视频:
    14-3 新增电子书API创建和调试
    11:45
  • 视频:
    14-4 新增电子书数据SQL开发
    05:43
  • 视频:
    14-5 电子书封面图片获取开发
    09:12
  • 视频:
    14-6 电子书封面URL生成逻辑优化
    05:40
  • 视频:
    14-7 目录数据获取和渲染
    06:03
  • 视频:
    14-8 电子书阅读功能开发(根据章节)
    11:49

本章介绍:

本章将完成电子书详情页面、编辑和删除功能开发,最终将电子书业务实现闭环。

第15章 电子书详情、编辑和删除功能开发
13 节|83分钟
展开
  • 视频:
    15-1 删除电子书的前端交互开发
    05:52
  • 视频:
    15-2 删除电子书API开发
    06:52
  • 视频:
    15-3 电子书删除功能前后端联调
    04:32
  • 视频:
    15-4 电子书新增接口联调
    09:02
  • 视频:
    15-5 电子书新增后回填数据清空+异常信息优化
    06:39
  • 视频:
    15-6 电子书目录新增module创建
    06:23
  • 视频:
    15-7 电子书目录新增API开发
    06:54
  • 视频:
    15-8 电子书目录新增API联调
    08:29
  • 视频:
    15-9 电子书目录删除API联调
    04:52
  • 视频:
    15-10 电子书查询接口开发
    03:47
  • 视频:
    15-11 编辑页面路由跳转+主动赋值方法
    04:42
  • 视频:
    15-12 电子书数据回填
    07:59
  • 视频:
    15-13 电子书更新API开发+联调
    06:47

本章介绍:

实现高级权限功能,本章将带大家开发用户管理模块,包括用户的新增、编辑等。

第16章 高级权限功能开发——用户管理模块开发
7 节|55分钟
展开
  • 视频:
    16-1 高级权限功能架构设计和开发目标
    04:22
  • 视频:
    16-2 在菜单中配置权限管理相关模块
    05:33
  • 视频:
    16-3 用户管理模块设计和前端改造
    09:28
  • 视频:
    16-4 用户列表API联调
    06:32
  • 视频:
    16-5 用户查询筛选条件支持
    07:46
  • 视频:
    16-6 新增用户API联调
    07:40
  • 视频:
    16-7 编辑用户API联调
    12:58

本章介绍:

本章将带大家完成角色管理模块开发,实现角色的新增和编辑功能,并实现用户和角色的关联选择

第17章 高级权限功能开发——角色管理模块开发
9 节|59分钟
展开
  • 视频:
    17-1 角色表和数据实体创建
    07:22
  • 视频:
    17-2 获取角色列表API开发和联调
    04:21
  • 视频:
    17-3 用户管理中的角色列表渲染
    08:00
  • 视频:
    17-4 用户编辑时角色选择信息入库
    06:23
  • 视频:
    17-5 解决用户编辑时角色信息回显问题
    08:38
  • 视频:
    17-6 新增角色API开发和联调
    06:40
  • 视频:
    17-7 编辑角色API开发和联调
    07:07
  • 视频:
    17-8 编辑角色时隐藏角色名称输入框功能优化
    05:47
  • 视频:
    17-9 编辑用户时隐藏密码功能优化
    04:41

本章介绍:

本章将实现角色和菜单的关联功能开发,最终完成用户、角色和菜单三者的关联和同步

第18章 高级权限功能开发——角色和菜单关联开发
9 节|67分钟
展开
  • 视频:
    18-1 角色和菜单关联技术方案设计
    05:13
  • 视频:
    18-2 角色新增时提交菜单数据
    08:52
  • 视频:
    18-3 新增角色和菜单绑定关系API开发
    04:23
  • 视频:
    18-4 编辑角色时获取角色菜单绑定关系API开发
    06:52
  • 视频:
    18-5 更新角色菜单绑定关系
    07:50
  • 视频:
    18-6 编辑角色API优化
    04:22
  • 视频:
    18-7 删除再添加菜单绑定关系开发
    05:09
  • 视频:
    18-8 菜单绑定角色功能开发
    13:12
  • 视频:
    18-9 菜单绑定JSON解析+去重问题优化
    10:17

本章介绍:

本章将实现高级权限功能的权限模块,实现了权限模块的增改查功能

第19章 高级权限功能开发——权限管理模块开发
6 节|46分钟
展开
  • 视频:
    19-1 权限管理实现原理+前端页面开发
    04:38
  • 视频:
    19-2 权限数据获取API开发+前端筛选条件开发
    09:09
  • 视频:
    19-3 新增权限API开发+前端联调
    05:33
  • 视频:
    19-4 权限的数据表创建和测试数据添加
    05:24
  • 视频:
    19-5 编辑权限API开发+前后端联调
    10:16
  • 视频:
    19-6 角色和权限绑定关系功能开发
    10:14

本章介绍:

本章将实现用户+角色+权限三者的绑定,并实现权限功能在业务系统中的落地实操

第20章 高级权限功能开发——用户绑定权限功能开发
7 节|70分钟
展开
  • 视频:
    20-1 已绑定的角色和权限关系回显功能开发
    04:53
  • 视频:
    20-2 权限删除API开发+前后端联调
    08:37
  • 视频:
    20-3 用户登录时获取用户权限信息
    17:03
  • 视频:
    20-4 用户权限获取和权限绑定业务功能
    04:55
  • 视频:
    20-5 绑定权限公共方法抽象和优化
    07:33
  • 视频:
    20-6 权限绑定逻辑优化和数据权限创建
    10:42
  • 视频:
    20-7 根据用户信息查询权限功能开发
    15:38

本章介绍:

本章将综合介绍微前端技术框架的背景和实现原理,主要包括single-spa的应用和源码分析。

第21章 微前端技术方案介绍
9 节|71分钟
展开
  • 视频:
    21-1 微前端基本概念介绍
    07:29
  • 视频:
    21-2 iframe微前端方案的优劣分析
    04:42
  • 视频:
    21-3 single-spa介绍+主应用案例演示
    07:08
  • 视频:
    21-4 single-spa子应用案例演示
    04:50
  • 视频:
    21-5 single-spa 原理解析+源码调试
    10:11
  • 视频:
    21-6 single-spa 加载应用源码解析
    11:57
  • 视频:
    21-7 single-spa 启动应用源码解析
    09:40
  • 视频:
    21-8 single-spa 挂载和卸载应用源码分析
    08:43
  • 视频:
    21-9 本章内容总结和知识梳理
    05:33

本章介绍:

本章将详细讲解qiankun微前端框架的应用,并通过源码分析的方式带大家深入了解qiankun的实现原理

第22章 微前端技术方案之qiankun
9 节|75分钟
展开
  • 视频:
    22-1 qiankun框架简介
    05:46
  • 视频:
    22-2 qiankun框架优缺点分析
    05:17
  • 视频:
    22-3 qiankun框架开发流程解析
    06:20
  • 视频:
    22-4 qiankun框架主应用开发
    10:50
  • 视频:
    22-5 qiankun框架微应用(子应用)开发
    10:30
  • 视频:
    22-6 核心:图解qiankun核心实现原理
    05:06
  • 视频:
    22-7 qiankun子应用html模板解析源码分析
    12:49
  • 视频:
    22-8 qiankun子应用JS执行源码分析
    13:52
  • 视频:
    22-9 qiankun框架应用和原理总结
    04:14

本章介绍:

本章将通过无界微前端框架对项目进行微前端架构升级和改造,实现主应用和子应用分离。

第23章 无界微前端项目改造
8 节|61分钟
展开
  • 视频:
    23-1 无界微前端介绍和demo演示
    12:02
  • 视频:
    23-2 无界实现原理详解
    09:11
  • 视频:
    23-3 无界源码调试方法+JS沙盒源码讲解
    08:46
  • 视频:
    23-4 无界源码分析——子应用启动流程分析
    12:14
  • 视频:
    23-5 vue项目使用无界微前端改造流程讲解
    06:01
  • 视频:
    23-6 vue3环境wujie-vue3框架引入
    05:15
  • 视频:
    23-7 vue3实现微前端子应用注入
    03:37
  • 视频:
    23-8 子应用剥离和新项目创建
    03:45
本课程已完结
适合人群
希望拓展全栈开发能力的前端开发者
想在毕设答辩、项目面试中脱颖而出的同学
技术储备
掌握HTML+JS+CSS3基础应用
了解Vue3+TS的基本用法
了解Node的基本用法
环境参数
Vue 3.*
Vite 4.*
Node 14.*
NestJS 9.*
MySQL 8.*
Wujie 1.*
不为别的,只为提升面试通过率
尽管课程时间很长,
但没关系,我们有老师的陪伴,
还有同学之间互相鼓励,彼此帮助,
完成学习后,还能获得慕课网官方认证的证书。
立即购买
本课程被纳入了《Vue.js从入门到全栈开发》的学习路线中,共 4 个步骤,4 门课。
Step1: Vue 框架零基础入门
Vue3入门与项目实战 掌握完整知识体系
难度 初级
原价 ¥348.00
已有 3320 人在学
加购物车
Step2: Vue实战技能提升
Vue3+Vite+Vant-UI 开发双端招聘APP
难度 初级
原价 ¥699.00
已有 159 人在学
加购物车
Step3: 跃迁,全栈开发入门
Vue3+NestJS 全栈开发企业级管理后台
难度 中级
原价 ¥399.00
已有 215 人在学
加购物车
Step4: 迈向架构进阶之路
自主搭建5个精品脚手架,助力前端研发全流程提效
难度 中级
原价 ¥499.00
已有 276 人在学
加购物车
路线特惠价: ¥1945 4门课总价:¥1945
选择该路线学习
已有3970人在学
数据加载中...
《Vue3+NestJS 全栈开发企业级管理后台》的真实评价
综合评分:分,共 人参与
篇幅原因,只展示最近100条评价

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题

意见反馈 帮助中心 APP下载
官方微信