如果你已经会用 Vue 写页面,但一碰到登录鉴权、数据库表设计、接口权限就发怵;或者你写 Django 后端没问题,可前端一上 Composition API 和状态管理就理不清数据流——这门课瞄准的就是这个卡点。它不讲孤立语法,而是用一个前后端分离的完整项目,把 Vue3 和 Django4 之间怎么对接口、怎么传身份、怎么部署上线串成一条线。
它解决的是哪些具体场景
第一个场景是接口联调。前端调用后端时,跨域怎么处理、Token 放请求头还是 Cookie、刷新页面后登录态怎么恢复,这些细节在纯语法课里很少讲透。课程用 Django REST framework 搭出真实接口,前端用 Pinia 管理用户状态,两边一起跑通。
第二个场景是权限控制。后台管理里常见的角色区分——普通用户能看什么、管理员能改什么,涉及 Django 的认证机制和前端路由守卫的配合。这是很多自学者自己攒项目时最容易做成“摆设”的部分。
第三个场景是上线。本地跑通和部署到服务器是两回事。课程涉及 Docker 容器化、Nginx 反向代理,目的不是让你成为运维,而是知道项目交付前还需要补哪些环节。
学完能独立做什么
比较现实的预期是:你能独立完成一个带用户注册登录、数据增删改查、权限区分的前后端分离项目,并把它部署到一台服务器上跑起来。前端方面能自己组织组件和状态,后端方面能设计数据表、写序列化器和视图集。这个能力对应的是中小型业务系统的开发需求,不是架构师级别,但足以支撑你独立接一个小项目或参与团队协作。
需要说清楚的是,这门课偏实战而不是原理深挖。如果你想深入 Django ORM 的底层查询优化,或者想把 Vue3 响应式源码读一遍,这里的深度可能不够。
资料适合什么基础
- 前端方向:需要会 JavaScript 基础,写过 Vue2 或 Vue3 的简单页面,对组件、路由有概念。完全没碰过前端的初学者会吃力。
- 后端方向:需要懂 Python 基础语法和 HTTP 请求的基本概念,没接触过 Django 也可以跟,但 MTV 架构部分节奏偏快。
- 数据库:涉及 MySQL 的表设计和基础 SQL,零基础的话建议先补一点再开始。
- 工具:Git 和命令行操作需要会基本使用,Docker 部分课程会带,但不建议完全没听过容器概念就直接跳到部署章节。
怎么用这套资料更有效
不要按播放列表从头看到尾。建议先跟做项目主干,把前后端跑通一次,哪怕中间有看不懂的地方先跳过。第二遍再回头补卡住的环节,这时候你有了整体认知,理解成本会低很多。
每学完一个模块,试着把代码关掉自己重写关键部分——比如登录接口和前端状态管理,能独立写出来才算真的会。部署章节建议至少完整走一遍,本地能跑和线上能跑之间的差距,只有自己踩过才知道。
如果你时间有限,优先保证后端接口设计和前端状态管理这两块,它们是全栈开发里最影响协作效率的部分。
课程目录
第1章 课程介绍1 集
- 1-1 课程介绍.mp4
第2章 前端工程开发:环境搭建5 集
- 2-1 Vue 概述.mp4
- 2-2 Vue 项目创建初体验.mp4
- 2-3 认识一下什么是 npm.mp4
- 2-4 解决 npm 安装慢的网络问题.mp4
- 2-5 npm 的基本使用与配置文件的说明.mp4
第3章 前端工程开发关联技术:webpack 构建工具7 集
- 3-1 什么是 webpack?.mp4
- 3-2 忘记 Vue,进行 webpack 的单独安装与体验.mp4
- 3-3 webpack 基本理念与配置说明.mp4
- 3-4 多入口多出口模式配置.mp4
- 3-5 HTML 资源打包与压缩.mp4
- 3-6 CSS 资源打包与文件提取.mp4
- 3-7 开发服务器配置.mp4
第4章 前端工程开发关联技术:ES6 与 Axios 网络请求库12 集
- 4-1 后续编程的关键--ES6 箭头函数.mp4
- 4-2 理解 this 到底指向谁.mp4
- 4-3 理解解构赋值.mp4
- 4-4 … 运算符的应用.mp4
- 4-5 Axios 网络请求库概述.mp4
- 4-6 理解 ES6 promise 原理.mp4
- 4-7 Axios 发送 get 请求.mp4
- 4-8 Axios 发送 post 请求.mp4
- 4-9 Axios 并发请求处理.mp4
- 4-
- 10 Axios 全局配置应用.mp4
- 4-
- 11 优雅的进行 Axios 实例封装.mp4
- 4-
- 12 Axios 中拦截器的应用.mp4
第5章 前端工程开发关联技术:Vue 脚手架6 集
- 5-1 什么是 Vue 脚手架.mp4
- 5-2 手动创建 Vue 项目与参数介绍.mp4
- 5-3 脚手架配置扩展.mp4
- 5-4 理解数据定义与 MVVM 模式.mp4
- 5-5 Vue 安装使用 Axios.mp4
- 5-6 基于 Axios 网络请求的便捷封装.mp4
第6章 后端工程开发:环境搭建12 集
- 6-1 Python 基础环境搭建.mp4
- 6-2 Pycharm的使用说明.mp4
- 6-3 虚拟环境的应用场景和安装方法.mp4
- 6-4 虚拟环境基本使用.mp4
- 6-5 【技巧】解决pip安装速度慢的问题 6-6 Linux 系统安装与配置.mp4
- 6-7 xshell 远程连接 Linux 系统.mp4
- 6-8 多平台 MySQL 数据库安装.mp4
- 6-9 数据库连接工具 Navicat 安装.mp4
- 6-
- 10 Navicat 远程连接 MySQL 数据库.mp4
- 6-
- 11 【补充】Ubuntu安装MySQL数据库 第7章 后端工程开发:Django 框架与第一个 Django 程序 7-1 全面认识 Django 并确定开发版本.mp4
- 7-2 动手搭建 Django 开发环境.mp4
- 7-3 开始第一个程序并解析 Django 各目录的基本作用.mp4
第8章 慕西商城后端项目准备6 集
- 8-1 慕西商城项目工程初始化.mp4
- 8-2 项目需求分析.mp4
- 8-3 数据表结构设计.mp4
- 8-4 MySQL 数据库配置.mp4
- 8-5 models 模型类自动生成数据库表.mp4
- 8-6 根据表结构自动生成 models 模型类.mp4
第9章 DjangoRestFramework 快速开发商品分类和购物车接口10 集
- 9-1 DRF 概述及环境安装.mp4
- 9-2 Django原生开发基于类的视图模式实现商品分类菜单接口开发(一).mp4
- 9-3 Django原生开发基于类的视图模式实现商品分类菜单接口开发(二).mp4
- 9-4 Django原生开发基于类的视图模式实现商品分类菜单接口开发(三).mp4
- 9-5 View 视图类的执行过程源码分析.mp4
- 9-6 apiview 继承实现商品类型接口开发.mp4
- 9-7 序列化器实现商品详情数据查询接口.mp4
- 9-8 购物车接口开发--实现数据的添加.mp4
- 9-9 购物车接口开发--数据的查询.mp4
- 9-
- 10 购物车查询接口 Bug 修复及数据逻辑删除.mp4
第10章 DjangoRestFramework 演变进阶,开发订单、收货地址、评论接口13 集
- 10-1 用户注册接口开发.mp4
- 10-2 应用 ModelSerializer 对注册接口进行封装.mp4
- 10-3 用户个人中心获取用户信息接口开发.mp4
- 10-4 订单逻辑梳理与表的创建.mp4
- 10-5 基于GenericAPIView视图调用逻辑实现创建订单商品接口开发(一).mp4
- 10-6 基于GenericAPIView视图调用逻辑实现创建订单商品接口开发(二).mp4
- 10-7 基于GenericAPIView视图调用逻辑实现获取订单商品接口开发.mp4
- 10-8 应用 Mixin 混合类进行收货地址接口开发(一).mp4
- 10-9 应用 Mixin 混合类进行收货地址接口开发(二).mp4
- 10-
- 10 梳理 Mixin 混合类关系图.mp4
- 10-
- 11 viewsets 视图集与 router 路由实现评论接口开发.mp4
- 10-
- 12 viewsets 路由原理解析.mp4
- 10-
- 13 viewsets 继承树解析.mp4
第11章 token 认证原理与实战7 集
- 11-1 概述 cookie、session 与t oken 的区别.mp4
- 11-2 JWT--JsonWebToken 实现原理.mp4
- 11-3 基于 JWT 的认证原理代码实现.mp4
- 11-4 DRF-JWT 用户登录认证实现(一).mp4
- 11-5 DRF-JWT 用户登录认证实现(二).mp4
- 11-6 DRF-JWT 头信息传递的token验证.mp4
- 11-7 DRF-JWT-Token 的全局配置.mp4
第12章 全局视角准备慕西商城前端开发环境、前后端环境联调4 集
- 12-1 距离慕西商城项目的落地还有多远?.mp4
- 12-2 项目资源准备与说明.mp4
- 12-3 封装基础网络请求,前后端联调请求后端接口.mp4
- 12-4 配置基础 router 信息.mp4
第13章 慕西商城首页开发14 集
- 13-1 慕西商城首页核心功能有哪些?实现思路是什么?.mp4
- 13-2 慕西商城首页顶层标题栏开发.mp4
- 13-3 慕西商城首页头部结构开发.mp4
- 13-4 慕西商城首页头部搜索框开发.mp4
- 13-5 Element-Plus 简介与安装.mp4
- 13-6 慕西商城首页头部我的购物车开发.mp4
- 13-7 导航菜单栏结构代码实现.mp4
- 13-8 导航菜单栏样式开发.mp4
- 13-9 导航菜单栏接口数据渲染.mp4
- 13-10 二级菜单栏的显示与隐藏.mp4
- 13-11 二级菜单栏的代码开发骨架结构搭建.mp4
- 13-12 二级菜单栏的代码开发页面样式渲染.mp4
- 13-13 二级菜单栏的接口数据渲染.mp4
- 13-
- 14 首页 Banner 图效果开发.mp4
第14章 慕西商城首页完善、滚动翻页加载数据11 集
- 14-1 发现好物场景讲解及接口实现.mp4
- 14-2 发现好物后端接口数据获取.mp4
- 14-3 vue3-seamless-scroll 滚动插件.mp4
- 14-4 发现好物前端样式开发.mp4
- 14-5 首页分类选项卡的实现思路与基本效果.mp4
- 14-6 首页分类选项卡样式渲染.mp4
- 14-7 首页分类选项卡商品列表数据拉取.mp4
- 14-8 首页分类选项卡商品列表前端样式开发(一).mp4
- 14-9 首页分类选项卡商品列表前端样式开发(二).mp4
- 14-10 滚动翻页加载数据的实现原理及代码开发.mp4
- 14-11 回到顶部功能实现.mp4
第15章 商品精准搜索、排序、分页全栈开发实现10 集
- 15-1 商品搜索列表页该如何设计和实现?功能有哪些?.mp4
- 15-2 基于原生 SQL 的执行开发商品搜索列表页接口.mp4
- 15-3 商品搜索列表页面前端布局与基本样式实现(一).mp4
- 15-4 商品搜索列表页面前端布局与基本样式实现(二).mp4
- 15-5 多种排序的实现.mp4
- 15-6 商品搜索列表页后端数据获取.mp4
- 15-7 商品搜索列表页商品样式开发(一).mp4
- 15-8 商品搜索列表页商品样式开发(二).mp4
- 15-9 商品分页代码实现.mp4
- 15-10 完善主页搜索功能.mp4
第16章 商品详情、商品评论和评论翻页全栈开发9 集
- 16-1 商品详情页功能划分与实现思路梳理.mp4
- 16-2 商品详情页基本布局与商品接口数据请求.mp4
- 16-3 商品详情页商品信息页面布局.mp4
- 16-4 商品评论相关接口开发.mp4
- 16-5 商品评论前端数据获取.mp4
- 16-6 商品评论前端基本布局与数据渲染.mp4
- 16-7 商品评论前端样式渲染.mp4
- 16-8 评论翻页功能实现.mp4
- 16-9 完善商品详情页面跳转.mp4
第17章 慕西商城登录全栈开发、登录状态管理8 集
- 17-1 用户登录页面骨架开发.mp4
- 17-2 用户登录页面样式渲染(一).mp4
- 17-3 用户登录页面样式渲染(二).mp4
- 17-4 登录功能网络请求封装与基本实现.mp4
- 17-5 vuex + LocalStroge 进行登录状态管理.mp4
- 17-6 头部登录状态更新.mp4
- 17-7 退出登录功能开发.mp4
- 17-8 导航守卫登录权限验证与拦截器的 token 添加.mp4
第18章 电商通用的购物场景(业务逻辑、设计思路、联动功能、代码实现)全栈开发20 集
- 18-1 购物车业务逻辑和实现思路该如何设计.mp4
- 18-2 关于 token 认证的改造.mp4
- 18-3 重写获取购物车商品接口.mp4
- 18-4 购物车页面网络请求与前端骨架开发.mp4
- 18-5 购物车页面数据渲染.mp4
- 18-6 购物车页面样式渲染.mp4
- 18-7 修改商品数量逻辑实现.mp4
- 18-8 实现商品全选与取消全选的逻辑.mp4
- 18-9 计算商品件数与总价格.mp4
- 18-10 单个选中商品的计算逻辑.mp4
- 18-11 添加购物车的逻辑实现(一).mp4
- 18-12 添加购物车的逻辑实现(二).mp4
- 18-13 购物车徽章数量变化的实现.mp4
- 18-
- 14 购物车徽章数量变化 bug 修复.mp4
- 18-15 购物车商品批量删除功能的实现.mp4
- 18-16 清空购物车与商品数量的计算.mp4
- 18-
- 17 购物车页面 bug 修复.mp4
- 18-18 去结算--创建订单接口开发.mp4
- 18-19 去结算--创建订单前端功能开发.mp4
- 18-20 去结算--创建订单功能测试.mp4
第19章 全栈开发慕西商城个人中心模块、三级联动省市县菜单数据加载、保存地址22 集
- 19-1 为什么先开发个人中心模块?.mp4
- 19-2 个人中心前端静态页面布局设计与结构开发.mp4
- 19-3 个人中心分类菜单前端开发.mp4
- 19-4 应用 component 动态组件进行内容切换.mp4
- 19-5 component 动态组件不显示的问题解决.mp4
- 19-6 个人中心基本信息页面开发.mp4
- 19-7 个人中心安全设置页面开发.mp4
- 19-8 个人中心地址管理页面结构开发.mp4
- 19-9 个人中心地址管理页面样式渲染.mp4
- 19-10 新增收获地址弹框功能开发.mp4
- 19-11 新增收获地址接口功能开发.mp4
- 19-12 新增收获地址前端功能开发.mp4
- 19-13 收获地址列表展示前后端功能开发.mp4
- 19-14 编辑收获地址信息前后端开发(一).mp4
- 19-15 编辑收获地址信息前后端开发(二).mp4
- 19-16 获取订单信息接口开发(一).mp4
- 19-17 获取订单信息接口开发(二).mp4
- 19-18 前端进行订单数据获取与基本结构开发.mp4
- 19-19 完成我的订单基本结构开发.mp4
- 19-20 我的订单页面样式渲染(一).mp4
- 19-21 我的订单页面样式渲染(二).mp4
- 19-22 动态行合并计算与样式完善.mp4
第20章 全栈开发订单与支付模块,打通电商核心业务闭环17 集
- 20-1 订单支付流程设计.mp4
- 20-2 订单详情接口数据请求及开发.mp4
- 20-3 订单详情前端页面骨架开发(一).mp4
- 20-4 订单详情前端页面骨架开发(二).mp4
- 20-5 订单详情前端页面页面样式渲染(一).mp4
- 20-6 订单详情前端页面页面样式渲染(二).mp4
- 20-7 订单详情前端页面页面样式渲染(三).mp4
- 20-8 订单详情页收货地址切换功能完善.mp4
- 20-9 初探支付宝沙箱环境,理解支付业务.mp4
- 20-10 支付宝支付代码开发前的准备.mp4
- 20-11 支付宝支付-提交订单逻辑代码解读.mp4
- 20-12 提交订单前后端逻辑开发.mp4
- 20-13 收银台前后端逻辑开发.mp4
- 20-14 支付宝支付成功的回调处理.mp4
- 20-15 完善我的订单--订单状态筛选功能.mp4
- 20-16 完善我的订单--订单状态修改功能.mp4
- 20-17 完善我的订单--再次购买及订单删除.mp4
第21章 慕西商城项目上线部署7 集
- 21-1 准备Linux服务器.mp4
- 21-2 完成Linux服务器准备,并指定Python版本安装.mp4
- 21-3 Django项目多环境配置文件说明与pip指定版本安装的补充说明.mp4
- 21-4 Linux环境部署Django后端程序.mp4
- 21-5 Vue项目多环境配置文件区分.mp4
- 21-6 应用Nginx进行前端工程部署.mp4
- 21-7 修复Nginx前端工程部署的Bug.mp4
第22章 课程总结1 集
- 22-1 课程总结.mp4






