这门课在解决什么实际痛点

很多初学者学完 Python 基础，或者看了一堆 Vue 和 Django 的零散教程，一旦面对真实项目依然无从下手。核心卡点在于：**不知道前端页面和后端接口是如何具体协作的**。传统的 MVC 模式（模板渲染）在前端组件化流行的当下，已经难以满足现代企业的开发需求。

王进老师的这节课程，专门针对“前后端分离”这一主流架构进行实战拆解。它不教你零散的语法，而是通过一个完整的“学生管理系统”项目，还原职场中真实的开发场景。你将亲眼看到 Django 作为后端如何提供 RESTful API，Vue 作为前端如何通过 Axios 与后端通信，以及两者之间数据流转的完整链路。如果你正处于“会语法、不会造轮子”的瓶颈期，这门课正是用来打通这个任督二脉的。

适合什么基础，建议先看哪几块

**先说门槛**：这门课不是给零基础小白的。你必须已经掌握 Python 基础语法，了解 HTML/CSS/JavaScript 的基本概念，并且最好对 Vue 和 Django 有初步接触，知道它们各自是做什么的。如果你连 `pip install` 或 `npm run dev` 都还手生，建议先去补齐前置技能，否则跟课会非常吃力。

**学习路径建议**：
资料包中的演示视频是建立全局观的关键，**请务必先看前 3 节**（项目介绍、功能演示、总体规划）。这 30 分钟能让你明白最终要建成什么样，避免陷入细节后迷路。
接着从第 4 节“后端项目创建”开始，这是重中之重。很多同学前端调不通，问题都出在后端数据格式和路由配置上。跟着代码一步步搭建环境，理解 Django 的 App 结构、模型定义（ORM）以及视图层的逻辑，比单纯看书深刻得多。
当后端接口跑通后，再进入第 5 节以后的前端部分。此时你再看 Vue 的组件封装、Element UI 的引入以及侧边栏布局，会发现这些 UI 组件只是外壳，内核依然是数据绑定和事件处理。

学完能独立做什么

完成这套实战后，你不再只是一个“调包侠”，而是能独立完成一个小型前后端分离项目的全栈开发。具体表现为：
1. **能搭建架构**：独立初始化 Django 和 Vue 项目，完成跨域配置、路由划分等基础环境搭建。
2. **能设计数据模型**：根据业务需求（如学生管理），设计数据库表结构，并通过 ORM 实现增删改查。
3. **能对接前后端**：清楚何时该用 GET 请求，何时该用 POST/PUT/DELETE，并能处理 JSON 数据的序列化与反序列化。
4. **能用 UI 库快速开发**：利用 Element UI 等成熟组件库，快速构建规范的后台管理界面，而不是从零写 CSS。

这套资料的核心价值在于“项目情境”。平时看不懂的知识点，在项目里碰壁后恍然大悟，这种记忆是最牢固的。建议准备好代码编辑器，边看边敲，不要只看不练，否则看完依然无法独立上手。

课程目录

： 1Vue、Django前后端分离实战实战，项目的基本介[06:12] 2学习管理系统项目实现的功能演示[10:06] 3开发前的总体介绍，通过本案例你能学到哪些东西呢？[12:03] 4后端项目创建和数据库准备[14:44] 5前端Vue项目的初始化[14:16] 6引入Element UI和页面结构的布局[11:35] 7使用Element UI实现侧边栏[08:07] 8使用Element 课程目录 适合人群： 有Python语言基础、web前端基础，想要深入学习Python Web框架的朋友 你将会学到： 项目亮点在于前后端做了分离，真正理解前后端的各自承担的工作。前端如何和后端交互 课程简介： 本季课程把基础知识拆解到项目里，让你在项目情境里学知识。 这样的学习方式能让你保持兴趣、充满动力，时刻知道学的东西能用在哪、能怎么用。 平时不明白的知识点，放在项目里去理解就恍然大悟了。 课程目录： 1Vue、Django前后端分离实战实战，项目的基本介[06:12] 2学习管理系统项目实现的功能演示[10:06] 3开发前的总体介绍，通过本案例你能学到哪些东西呢？[12:03] 4后端项目创建和数据库准备[14:44] 5前端Vue项目的初始化[14:16] 6引入Element UI和页面结构的布局[11:35] 7使用Element UI实现侧边栏[08:07] 8使用Element UI实现表单的布局[16:52] 9使用Element UI中表格展示数据[11:07] 10使用Element UI实现分页展示[10:07] 11实现获取所有学生的后端接口[15:27] 12Vue中使用Axios请求后端接口的数据[13:06] 13解决Ajax的跨域请求[10:17] 14把后端接口返回的数据展示在表格[09:03] 15实现表格展示数据的分页功能[15:00] 16实现学生信息查询的后端接口[10:56] 17完成学生信息查询的功能[13:01] 18学生管理系统增删改查的总体概述[09:07] 19使用Element UI实现弹出框的表单[11:42] 20美化Element UI弹出框表单[10:14] 21使用弹出框表单展示学生明细[09:04] 22浅拷贝和深拷贝[10:37] 23三种状态加载同一个表单[12:00] 24表单提交前的校验[16:37] 25校验学号是否存在后端代码的实现[08:02] 26完成学号的是否存在的校验[12:37] 27表单的校验和重置[08:53] 28实现添加学生的后端接口[09:10] 29完成学生添加的功能[12:18] 30完成学生修改的功能[08:24] 31完成学生删除的功能[10:38] 32完成学生批量删除的功能[14:34] 33使用Element完成表单中照片展示[08:56] 34照片上传、存储、展示的过程分析[10:09] 35完成上传照片后端接口[14:53] 36实现照片的上传和展示[20:53] 37实现照片存储在数据库[14:59] 38读取Excel文件数据到Python[09:52] 39实现Excel批量导入数据的后端接口[12:18] 40完成Excel批量导入的功能[15:57] 41完成导出到Excel的功能[14:05] 42学生管理系统课程总结[07:58]