# Django4+Vue3全新技术实战全栈项目课程

*Published:* 2024-06-16
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2024年12月29日，已超过 180天没有更新



**前后端分离模式，从开发到上线，带你系统提升全栈技能，收获企业级上线项目实战经验！**

[![](https://www.xarjtc.com/wp-content/uploads/2024/06/210600c866d240b.webp)](https://www.xarjtc.com/wp-content/uploads/2024/06/210600c866d240b.webp)

**你将会获得：**

1\. 掌握全栈技术Django4+Vue3

4\. 提升把控全局与架构设计能力

2\. 收获企业级项目0到1实战经验

5\. 掌握DRF微服务实战能力

3\. 驾驭前后端分离主流开发模式

6\. 具备支付类业务开发能力

**课程介绍**

> 本课程采用全新全栈技术Django4+Vue3，前后端分离开发模式从0到1实战全栈项目，带你系统提升全栈技能、提升把控全局能力与架构设计思维，掌握DRF微服务理念与实战能力，收获企业级上线项目实战经验。

**章节目录：**

第1章 课程介绍

1 节｜12分钟

收起

视频：

1-1 课程介绍

试看

11:40

第2章 前端工程开发：环境搭建

5 节｜42分钟

收起

视频：

2-1 Vue 概述

试看

11:28

视频：

2-2 Vue 项目创建初体验

试看

10:36

视频：

2-3 认识一下什么是 npm

05:10

视频：

2-4 解决 npm 安装慢的网络问题

07:01

视频：

2-5 npm 的基本使用与配置文件的说明

07:15

第3章 前端工程开发关联技术：webpack 构建工具

7 节｜81分钟

收起

视频：

3-1 什么是 webpack？

13:24

视频：

3-2 忘记 Vue，进行 webpack 的单独安装与体验

08:44

视频：

3-3 webpack 基本理念与配置说明

11:14

视频：

3-4 多入口多出口模式配置

09:03

视频：

3-5 HTML 资源打包与压缩

14:32

视频：

3-6 CSS 资源打包与文件提取

14:34

视频：

3-7 开发服务器配置

09:25

第4章 前端工程开发关联技术：Axios 网络请求库

8 节｜42分钟

收起

视频：

4-1 Axios 网络请求库概述

05:09

视频：

4-2 理解 ES6 promise 原理

11:17

视频：

4-3 Axios 发送 get 请求

07:03

视频：

4-4 Axios 发送 post 请求

03:35

视频：

4-5 Axios 并发请求处理

03:29

视频：

4-6 Axios 全局配置应用

02:00

视频：

4-7 优雅的进行 Axios 实例封装

03:29

视频：

4-8 Axios 中拦截器的应用

05:20

第5章 前端工程开发关联技术：Vue 脚手架

4 节｜34分钟

收起

视频：

5-1 什么是 Vue 脚手架

04:27

视频：

5-2 手动创建 Vue 项目与参数介绍

08:31

视频：

5-3 脚手架配置扩展

07:31

视频：

5-4 理解数据定义与 MVVM 模式

12:55

第6章 后端工程开发：环境搭建

9 节｜61分钟

收起

视频：

6-1 Python 基础环境搭建

04:34

视频：

6-2 Pycharm的使用说明

02:09

视频：

6-3 虚拟环境的应用场景和安装方法

10:20

视频：

6-4 虚拟环境基本使用

05:46

视频：

6-5 Linux 系统安装与配置

14:00

视频：

6-6 xshell 远程连接 Linux 系统

09:31

视频：

6-7 多平台 MySQL 数据库安装

04:43

视频：

6-8 数据库连接工具 Navicat 安装

02:05

视频：

6-9 Navicat 远程连接 MySQL 数据库

07:37

第7章 后端工程开发：Django 框架与第一个 Django 程序

3 节｜22分钟

收起

视频：

7-1 全面认识 Django 并确定开发版本

08:05

视频：

7-2 动手搭建 Django 开发环境

02:56

视频：

7-3 开始第一个程序并解析 Django 各目录的基本作用

10:50

第8章 慕西商城后端项目准备

6 节｜57分钟

收起

视频：

8-1 慕西商城项目工程初始化

15:07

视频：

8-2 项目需求分析

07:56

视频：

8-3 数据表结构设计

12:46

视频：

8-4 MySQL 数据库配置

05:02

视频：

8-5 models 模型类自动生成数据库表

08:33

视频：

8-6 根据表结构自动生成 models 模型类

07:04

第9章 DjangoRestFramework 快速开发商品分类和购物车接口

10 节｜126分钟

收起

视频：

9-1 DRF 概述及环境安装

05:04

视频：

9-2 Django原生开发基于类的视图模式实现商品分类菜单接口开发（一）

11:59

视频：

9-3 Django原生开发基于类的视图模式实现商品分类菜单接口开发（二）

13:20

视频：

9-4 Django原生开发基于类的视图模式实现商品分类菜单接口开发（三）

13:36

视频：

9-5 View 视图类的执行过程源码分析

13:27

视频：

9-6 apiview 继承实现商品类型接口开发

19:51

视频：

9-7 序列化器实现商品详情数据查询接口

11:50

视频：

9-8 购物车接口开发--实现数据的添加

22:08

视频：

9-9 购物车接口开发--数据的查询

07:20

视频：

9-10 购物车查询接口 Bug 修复及数据逻辑删除

07:06

第10章 DjangoRestFramework 演变进阶，开发订单、收货地址、评论接口

13 节｜138分钟

收起

视频：

10-1 用户注册接口开发

21:03

视频：

10-2 应用 ModelSerializer 对注册接口进行封装

09:51

视频：

10-3 用户个人中心获取用户信息接口开发

07:26

视频：

10-4 订单逻辑梳理与表的创建

12:30

视频：

10-5 基于GenericAPIView视图调用逻辑实现创建订单商品接口开发（一）

12:50

视频：

10-6 基于GenericAPIView视图调用逻辑实现创建订单商品接口开发（二）

10:42

视频：

10-7 基于GenericAPIView视图调用逻辑实现获取订单商品接口开发

10:28

视频：

10-8 应用 Mixin 混合类进行收货地址接口开发（一）

12:09

视频：

10-9 应用 Mixin 混合类进行收货地址接口开发（二）

07:17

视频：

10-10 梳理 Mixin 混合类关系图

05:33

视频：

10-11 viewsets 视图集与 router 路由实现评论接口开发

15:29

视频：

10-12 viewsets 路由原理解析

06:53

视频：

10-13 viewsets 继承树解析

05:34

第11章 token 认证原理与实战

7 节｜72分钟

收起

视频：

11-1 概述 cookie、session 与t oken 的区别

09:12

视频：

11-2 JWT--JsonWebToken 实现原理

12:07

视频：

11-3 基于 JWT 的认证原理代码实现

12:40

视频：

11-4 DRF-JWT 用户登录认证实现（一）

10:57

视频：

11-5 DRF-JWT 用户登录认证实现（二）

14:01

视频：

11-6 DRF-JWT 头信息传递的token验证

08:32

视频：

11-7 DRF-JWT-Token 的全局配置

04:19

第12章 全局视角准备慕西商城前端开发环境、前后端环境联调

4 节｜26分钟

收起

视频：

12-1 距离慕西商城项目的落地还有多远？

07:48

视频：

12-2 项目资源准备与说明

05:48

视频：

12-3 封装基础网络请求，前后端联调请求后端接口

08:40

视频：

12-4 配置基础 router 信息

03:08

第13章 慕西商城首页开发

14 节｜182分钟

收起

视频：

13-1 慕西商城首页核心功能有哪些？实现思路是什么？

05:11

视频：

13-2 慕西商城首页顶层标题栏开发

10:12

视频：

13-3 慕西商城首页头部结构开发

11:32

视频：

13-4 慕西商城首页头部搜索框开发

24:37

视频：

13-5 Element-Plus 简介与安装

08:45

视频：

13-6 慕西商城首页头部我的购物车开发

15:15

视频：

13-7 导航菜单栏结构代码实现

10:08

视频：

13-8 导航菜单栏样式开发

13:24

视频：

13-9 导航菜单栏接口数据渲染

18:46

视频：

13-10 二级菜单栏的显示与隐藏

13:13

视频：

13-11 二级菜单栏的代码开发骨架结构搭建

08:00

视频：

13-12 二级菜单栏的代码开发页面样式渲染

13:15

视频：

13-13 二级菜单栏的接口数据渲染

21:37

视频：

13-14 首页 Banner 图效果开发

08:00

第14章 慕西商城首页完善、滚动翻页加载数据

11 节｜128分钟

收起

视频：

14-1 发现好物场景讲解及接口实现

09:18

视频：

14-2 发现好物后端接口数据获取

09:35

视频：

14-3 vue3-seamless-scroll 滚动插件

10:13

视频：

14-4 发现好物前端样式开发

17:08

视频：

14-5 首页分类选项卡的实现思路与基本效果

14:46

视频：

14-6 首页分类选项卡样式渲染

20:43

视频：

14-7 首页分类选项卡商品列表数据拉取

12:09

视频：

14-8 首页分类选项卡商品列表前端样式开发（一）

08:40

视频：

14-9 首页分类选项卡商品列表前端样式开发（二）

12:36

视频：

14-10 滚动翻页加载数据的实现原理及代码开发

09:38

视频：

14-11 回到顶部功能实现

02:34

第15章 商品精准搜索、排序、分页全栈开发实现

10 节｜129分钟

收起

视频：

15-1 商品搜索列表页该如何设计和实现？功能有哪些？

10:27

视频：

15-2 基于原生 SQL 的执行开发商品搜索列表页接口

17:58

视频：

15-3 商品搜索列表页面前端布局与基本样式实现（一）

04:25

视频：

15-4 商品搜索列表页面前端布局与基本样式实现（二）

12:29

视频：

15-5 多种排序的实现

20:59

视频：

15-6 商品搜索列表页后端数据获取

20:10

视频：

15-7 商品搜索列表页商品样式开发（一）

05:52

视频：

15-8 商品搜索列表页商品样式开发（二）

14:31

视频：

15-9 商品分页代码实现

13:18

视频：

15-10 完善主页搜索功能

08:25

第16章 商品详情、商品评论和评论翻页全栈开发

9 节｜77分钟

收起

视频：

16-1 商品详情页功能划分与实现思路梳理

02:30

视频：

16-2 商品详情页基本布局与商品接口数据请求

07:41

视频：

16-3 商品详情页商品信息页面布局

12:19

视频：

16-4 商品评论相关接口开发

06:22

视频：

16-5 商品评论前端数据获取

19:28

视频：

16-6 商品评论前端基本布局与数据渲染

09:20

视频：

16-7 商品评论前端样式渲染

11:00

视频：

16-8 评论翻页功能实现

03:03

视频：

16-9 完善商品详情页面跳转

04:40

第17章 慕西商城登录全栈开发、登录状态管理

8 节｜79分钟

收起

视频：

17-1 用户登录页面骨架开发

12:50

视频：

17-2 用户登录页面样式渲染（一）

14:56

视频：

17-3 用户登录页面样式渲染（二）

17:10

视频：

17-4 登录功能网络请求封装与基本实现

07:37

视频：

17-5 vuex + LocalStroge 进行登录状态管理

12:57

视频：

17-6 头部登录状态更新

04:30

视频：

17-7 退出登录功能开发

03:01

视频：

17-8 导航守卫登录权限验证与拦截器的 token 添加

05:03

第18章 电商通用的购物场景（业务逻辑、设计思路、联动功能、代码实现）全栈开发

20 节｜231分钟

收起

视频：

18-1 购物车业务逻辑和实现思路该如何设计

04:57

视频：

18-2 关于 token 认证的改造

09:45

视频：

18-3 重写获取购物车商品接口

14:26

视频：

18-4 购物车页面网络请求与前端骨架开发

12:52

视频：

18-5 购物车页面数据渲染

10:07

视频：

18-6 购物车页面样式渲染

31:23

视频：

18-7 修改商品数量逻辑实现

17:17

视频：

18-8 实现商品全选与取消全选的逻辑

07:10

视频：

18-9 计算商品件数与总价格

11:45

视频：

18-10 单个选中商品的计算逻辑

08:23

视频：

18-11 添加购物车的逻辑实现（一）

14:07

视频：

18-12 添加购物车的逻辑实现（二）

03:38

视频：

18-13 购物车徽章数量变化的实现

20:35

视频：

18-14 购物车徽章数量变化 bug 修复

04:57

视频：

18-15 购物车商品批量删除功能的实现

12:36

视频：

18-16 清空购物车与商品数量的计算

10:01

视频：

18-17 购物车页面 bug 修复

08:01

视频：

18-18 去结算--创建订单接口开发

14:48

视频：

18-19 去结算--创建订单前端功能开发

08:39

视频：

18-20 去结算--创建订单功能测试

05:21

第19章 全栈开发慕西商城个人中心模块、三级联动省市县菜单数据加载、保存地址

22 节｜242分钟

收起

视频：

19-1 为什么先开发个人中心模块？

03:05

视频：

19-2 个人中心前端静态页面布局设计与结构开发

16:40

视频：

19-3 个人中心分类菜单前端开发

08:28

视频：

19-4 应用 component 动态组件进行内容切换

17:46

视频：

19-5 component 动态组件不显示的问题解决

04:12

视频：

19-6 个人中心基本信息页面开发

16:18

视频：

19-7 个人中心安全设置页面开发

03:26

视频：

19-8 个人中心地址管理页面结构开发

06:58

视频：

19-9 个人中心地址管理页面样式渲染

17:16

视频：

19-10 新增收获地址弹框功能开发

08:43

视频：

19-11 新增收获地址接口功能开发

05:10

视频：

19-12 新增收获地址前端功能开发

09:15

视频：

19-13 收获地址列表展示前后端功能开发

09:37

视频：

19-14 编辑收获地址信息前后端开发（一）

08:49

视频：

19-15 编辑收获地址信息前后端开发（二）

10:51

视频：

19-16 获取订单信息接口开发（一）

17:30

视频：

19-17 获取订单信息接口开发（二）

05:43

视频：

19-18 前端进行订单数据获取与基本结构开发

13:34

视频：

19-19 完成我的订单基本结构开发

16:09

视频：

19-20 我的订单页面样式渲染（一）

11:03

视频：

19-21 我的订单页面样式渲染（二）

16:10

视频：

19-22 动态行合并计算与样式完善

15:09

第20章 全栈开发订单与支付模块，打通电商核心业务闭环

17 节｜211分钟

收起

视频：

20-1 订单支付流程设计

06:04

视频：

20-2 订单详情接口数据请求及开发

12:03

视频：

20-3 订单详情前端页面骨架开发（一）

10:56

视频：

20-4 订单详情前端页面骨架开发（二）

14:49

视频：

20-5 订单详情前端页面页面样式渲染（一）

16:44

视频：

20-6 订单详情前端页面页面样式渲染（二）

15:05

视频：

20-7 订单详情前端页面页面样式渲染（三）

14:12

视频：

20-8 订单详情页收货地址切换功能完善

09:42

视频：

20-9 初探支付宝沙箱环境，理解支付业务

12:20

视频：

20-10 支付宝支付代码开发前的准备

12:58

视频：

20-11 支付宝支付-提交订单逻辑代码解读

13:40

视频：

20-12 提交订单前后端逻辑开发

10:53

视频：

20-13 收银台前后端逻辑开发

19:50

视频：

20-14 支付宝支付成功的回调处理

14:45

视频：

20-15 完善我的订单--订单状态筛选功能

07:56

视频：

20-16 完善我的订单--订单状态修改功能

08:14

视频：

20-17 完善我的订单--再次购买及订单删除

09:56

第21章 慕西商城项目上线部署

1 节｜

收起

图文：

21-1 课程持续更新中

第22章 课程总结

1 节｜

收起

图文：

22-1 课程持续更新中