从 Django 接口到 Vue 前端，打通全栈开发的关键一环

很多开发者在使用 Django (DRF) 搭建后端时，往往止步于接口开发，却缺乏将其与前端项目有效联调的能力。本课程聚焦于 Vue3 + Django4 全栈实战，核心解决“后端写完接口前端接不住”以及“前后端分离项目落地难”的问题。它不仅包含 Django4 的视图集开发与 JWT 认证逻辑，还详细拆解了 Vue3 的网络请求封装、路由配置以及基于 Element-Plus 的页面渲染。无论你是想补全全栈知识体系，还是希望通过项目实战查漏补缺，这门课都提供了从后端接口定义到前端页面展示的完整闭环。

适合基础与学习顺序建议

本课适合具备 Python 基础或基础前端开发经验的学习者。对于后端同学，建议先重点学习 10-4 至 10-9 关于订单与收货地址的 GenericAPIView 开发，以及 11-1 至 11-7 的 JWT 认证机制；对于前端同学，则应重点看 12-3 至 13-14 关于首页 Banner、导航菜单及二级菜单的组件化开发。建议先在本地搭建好 Django 后端环境，再对照前端代码进行联调练习，不要只看代码不动手。

学完能独立完成什么与资料用法

学完本课程，你应能独立搭建一套包含用户注册、登录认证、订单管理、收货地址及首页展示的完整电商应用。你将掌握 DRF 中 ViewSet 的路由实现原理，理解 Token 认证的全局配置流程，并能熟练运用 Axios 封装网络请求，在 Vue3 中通过 Element-Plus 组件库动态渲染数据。最终目标是能够独立完成前后端分离项目的接口对接与功能落地。在资料使用上，请将后端接口代码与前端页面逻辑对照学习，通过模拟数据验证接口稳定性，再逐步进行真实环境部署。

课程目录

10-1 用户注册接口开发.mp4 115.24M
10-10 梳理 Mixin 混合类关系图.mp4 30.22M
10-11 viewsets 视图集与 router 路由实现评论接口开发.mp4 83.72M
10-12 viewsets 路由原理解析.mp4 36.58M
10-13 viewsets 继承树解析.mp4 31.62M
10-2 应用 ModelSerializer 对注册接口进行封装.mp4 52.15M
10-3 用户个人中心获取用户信息接口开发.mp4 39.76M
10-4 订单逻辑梳理与表的创建.mp4 69.75M
10-5 基于GenericAPIView视图调用逻辑实现创建订单商品接口开发（一）.mp4 68.24M
10-6 基于GenericAPIView视图调用逻辑实现创建订单商品接口开发（二）.mp4 56.58M
10-7 基于GenericAPIView视图调用逻辑实现获取订单商品接口开发.mp4 55.72M
10-8 应用 Mixin 混合类进行收货地址接口开发（一）.mp4 63.90M
10-9 应用 Mixin 混合类进行收货地址接口开发（二）.mp4 38.24M
10-10 梳理 Mixin 混合类关系图.mp4 30.
11-1 概述 cookie、session 与t oken 的区别.mp4 63.84M
11-2 JWT--JsonWebToken 实现原理.mp4 66.61M
11-3 基于 JWT 的认证原理代码实现.mp4 68.23M
11-4 DRF-JWT 用户登录认证实现（一）.mp4 60.32M
11-5 DRF-JWT 用户登录认证实现（二）.mp4 76.09M
11-6 DRF-JWT 头信息传递的token验证.mp4 44.91M
11-7 DRF-JWT-Token 的全局配置.mp4 22.93M
12-1 距离慕西商城项目的落地还有多远？.mp4 46.06M
12-2 项目资源准备与说明.mp4 31.24M
12-3 封装基础网络请求，前后端联调请求后端接口.mp4 46.55M
12-4 配置基础 router 信息.mp4 17.17M
13-1 慕西商城首页核心功能有哪些？实现思路是什么？.mp4 28.62M
13-10 二级菜单栏的显示与隐藏.mp4 69.06M
13-11 二级菜单栏的代码开发骨架结构搭建.mp4 41.86M
13-12 二级菜单栏的代码开发页面样式渲染.mp4 69.68M
13-13 二级菜单栏的接口数据渲染.mp4 115.64M
13-14 首页 Banner 图效果开发.mp4 43.68M
13-2 慕西商城首页顶层标题栏开发.mp4 53.48M
13-3 慕西商城首页头部结构开发.mp4 61.45M
13-4 慕西商城首页头部搜索框开发.mp4 131.26M
13-5 Element-Plus 简介与安装.mp4 46.82M
13-6 慕西商城首页头部我的购物车开发.mp4 81.96M
13-7 导航菜单栏结构代码实现.mp4 53.54M
13-8 导航菜单栏样式开发.mp4 72.00M
13-9 导航菜单栏接口数据渲染.mp4 99.72M
14-1 发现好物场景讲解及接口实现.mp4 47.98M
14-10 滚动翻页加载数据的实现原理及代码开发.mp4 51.65M
14-11 回到顶部功能实现.mp4 16.20M
14-2 发现好物后端接口数据获取.mp4 52.49M
14-3 vue3-seamless-scroll 滚动插件.mp4 55.31M
14-4 发现好物前端样式开发.mp4 91.24M
14-5 首页分类选项卡的实现思路与基本效果.mp4 77.23M
14-6 首页分类选项卡样式渲染.mp4 110.27M
14-7 首页分类选项卡商品列表数据拉取.mp4 66.79M
14-8 首页分类选项卡商品列表前端样式开发（一）.mp4 46.93M
14-9 首页分类选项卡商品列表前端样式开发（二）.mp4 67.69M
15-1 商品搜索列表页该如何设计和实现？功能有哪些？.mp4 57.06M
15-10 完善主页搜索功能.mp4 44.72M
15-2 基于原生 SQL 的执行开发商品搜索列表页接口.mp4 96.94M
15-3 商品搜索列表页面前端布局与基本样式实现（一）.mp4 22.70M
15-4 商品搜索列表页面前端布局与基本样式实现（二）.mp4 66.36M
15-5 多种排序的实现.mp4 110.12M
15-6 商品搜索列表页后端数据获取.mp4 109.35M
15-7 商品搜索列表页商品样式开发（一）.mp4 30.66M
15-8 商品搜索列表页商品样式开发（二）.mp4 77.02M
15-9 商品分页代码实现.mp4 71.18M
16-1 商品详情页功能划分与实现思路梳理.mp4 14.11M
16-2 商品详情页基本布局与商品接口数据请求.mp4 40.74M
16-3 商品详情页商品信息页面布局.mp4 64.18M
16-4 商品评论相关接口开发.mp4 37.84M
16-5 商品评论前端数据获取.mp4 109.65M
16-6 商品评论前端基本布局与数据渲染_WeChat+Tuanke8.mp4 71.75M
16-7 商品评论前端样式渲染.mp4 58.05M
16-8 评论翻页功能实现.mp4 18.43M
16-9 完善商品详情页面跳转.mp4 25.39M
17-1 用户登录页面骨架开发.mp4 69.63M
17-2 用户登录页面样式渲染（一）.mp4 78.96M
17-3 用户登录页面样式渲染（二）.mp4 90.08M
17-4 登录功能网络请求封装与基本实现.mp4 40.98M
17-5 vuex + LocalStroge 进行登录状态管理.mp4 70.08M
17-6 头部登录状态更新.mp4 24.06M
17-7 退出登录功能开发.mp4 16.47M
17-8 导航守卫登录权限验证与拦截器的 token 添加.mp4 28.01M
18-1 购物车业务逻辑和实现思路该如何设计.mp4 26.65M
18-10 单个选中商品的计算逻辑.mp4 44.86M
18-11 添加购物车的逻辑实现（一）.mp4 75.27M