这门课解决什么问题

传统的 Python Web 学习往往陷入“前端是前端，后端是后端”的割裂状态。很多初学者能写出 Django 的接口，也能写 Vue 的页面，但一旦将两者结合，面对跨域、鉴权、数据流传递这些实际工程问题时就无从下手。这套课程聚焦于前后端分离架构，以“学生管理系统”为载体，核心解决的是全栈开发中的“连接”问题。它不讲空泛的理论，而是还原真实工作流：后端如何通过 DRF（Django REST Framework）规范地提供数据，前端如何通过 Vue3 发起请求并渲染界面。如果你已经掌握了 Python 和基础 Web 知识，但卡在如何构建一个完整的、可部署的分离架构项目上，这门课正是针对这一痛点设计的。

适合什么基础及建议学习路径

课程明确标注适合人群为“有 Python 语言基础、Web 前端基础”。这意味着你不需要从零了解什么是变量或 HTTP 协议，但必须对 Django 的基本结构和 Vue 的组件化思维有概念。建议的学习路径应紧扣资料包中的章节逻辑：首先完整观看第 1 章的总体介绍，建立前后端分离的宏观认知，这是避免后续迷失在代码细节中的关键；接着进入第 2 章，重点攻克“后端项目创建”和“DRF 快速实现”。这一部分不仅是写代码，更是理解 RESTful 接口规范的过程，务必动手跟着王进老师搭建好初始骨架。对于“增加、修改、删除”等核心 CRUD 操作，不要只看视频，要自己在本地环境复现，理解 DRF 是如何将 Django 模型自动转换为 JSON 接口的。

学完能独立做什么及资料配合

学完本课程后，你将具备独立完成中小型前后端分离项目开发的能力。具体而言，你能独立搭建基于 Django + Vue3 的技术栈，能够定义清晰的 API 接口规范，实现数据的增删改查及前后端联调。这种能力直接对应职场中“Python 后端工程师”或“全栈开发工程师”的基础岗位要求。在使用资料时，请务必将代码与视频同步运行。课程中的每一个命令、每一行配置都经过实战验证，建议准备一个干净的虚拟环境，跟随步骤逐步推进。遇到报错时，对照课程演示的代码差异进行排查，这是提升调试能力的最佳途径。不要急于求成跳过快进，扎实走完从项目初始化到接口落地的全过程，才能将知识真正内化为自己的工程技能。

课程目录

： 第1章Vue3和Django前后端分离项目总体介绍(19分钟1节) 1-1课程总体介绍[19:57] 第2章后端项目创建和DRF的快速实现(1小时20分钟4节) 2-1后端项目创建和初始化[20:46] 2-2后端restful的接口规范介绍[22:15] 2-3DRF安装和快速实现[24:29] 2-4DRF增加、修改、删除、获取所有 课程目录 web6.png (56.

13 KB,  ) 2023-3-14 18:

18 上传 适合人群： 有Python语言基础、web前端基础，想要深入学习VUE前端框架、Python Web框架的朋友 你将会学到： 理解前后端的各自承担的工作 课程简介： 本季课程把开发知识拆解到项目里，让你在项目情境里学知识。 这样的学习方式能让你保持兴趣、充满动力，时刻知道学的东西能用在哪、能怎么用。 平时不明白的知识点，放在项目里去理解就恍然大悟了。 课程目录： 第1章Vue3和Django前后端分离项目总体介绍(19分钟1节) 1-1课程总体介绍[19:57] 第2章后端项目创建和DRF的快速实现(1小时20分钟4节) 2-1后端项目创建和初始化[20:46] 2-2后端restful的接口规范介绍[22:15] 2-3DRF安装和快速实现[24:29] 2-4DRF增加、修改、删除、获取所有、获取单个接口测试[12:52] 第3章实现DRF接口的过滤和查找功能(34分钟3节) 3-1DRF接口中实现过滤[12:58] 3-2DRF接口过滤的优化[11:15] 3-3DRF接口实现查找[09:55] 第4章实现DRF接口的分页功能(9分钟1节) 4-1DRF接口的分页[09:47] 第5章使用Swagger自动生成DRF接口文档(16分钟1节) 5-1Swagger自动生成DRF的API文档[16:22] 第6章使用Vite构建Vue3的项目(1小时5分钟4节) 6-1使用Vite构建Vue3项目[14:27] 6-2Vue3项目目录的介绍[13:35] 6-3Package.json文件介绍[17:12] 6-4Vue3的页面加载过程介绍[19:47] 第7章Vue3中安装和加载ElementPlus(10分钟1节) 7-1Vue3中使用ElementPlus[10:06] 第8章Vue3中的路由组件vue-router(29分钟2节) 8-1Vue3中安装和使用vue-router[13:15] 8-2Vue3中路由的案例演示[16:14] 第9章学生管理系统后台主界面框架搭建(1小时50分钟6节) 9-1后台管理系统主界面总体框架搭建[20:17] 9-2为主界面的侧边栏添加Logo[15:49] 9-3动态生成侧边栏菜单[28:11] 9-4为侧边栏添加icon图标[14:02] 9-5布局后台主界面的Header区域[17:28] 9-6实现侧边栏收缩的思路分析[14:48] 第10章使用Vuex实现组件间的传值(27分钟2节) 10-1vuex安装和store对象的创建、注册[10:17] 10-2完成侧边栏收缩的功能[17:40] 第11章使用vue-router实现侧边栏导航(18分钟1节) 11-1使用vue-router实现侧边栏的导航[18:52] 第12章捕获路由信息自动生成面包屑导航(20分钟1节) 12-1实现面包屑导航的自动生成[20:32] 第13章学生信息页面的布局(59分钟3节) 13-1学生信息页面布局(1)[21:34] 13-2学生信息页面布局(2)[35:34] 13-3配置Element Plus的国际化[02:29] 第14章前台跨域获取后台接口数据并展示(48分钟2节) 14-1跨域获取所有学生信息并展示在表格[29:45] 14-2优化学生信息在表格的展示[18:46] 第15章Axios请求的模块化(上)：request脚本和Api接口(23分钟2节) 15-1模块化axios请求01：request.ts[08:00] 15-2模块化axios请求02：API接口[15:55] 第16章案例演示：实现院系信息和专业信息联级下拉框(12分钟1节) 16-1实现院系信息和专业信息填充到下拉框[12:23] 第17章Axios请求的模块化(中)：使用面向对象的思维优化Api(15分钟1节) 17-1使用面向对象的思维模块化API接口[15:39] 第18章案例演示：实现院系和专业信息的数据过滤(16分钟1节) 18-1实现学生信息查询和显示全部的功能[16:45] 第19章配置Vue实例的全局引入(7分钟1节) 19-1配置Vue3的全局对象及组件中引入[07:38] 第20章Axios请求的模块化(下)：请求拦截器和响应拦截器(18分钟1节) 20-1请求拦截器和响应拦截器[18:23] 第21章完成学生信息弹出层的布局和数据填充(53分钟4节) 21-1完成学生信息的弹出层页面[09:31] 21-2优化学生详情弹出层的展示[18:56] 21-3三种状态加载弹出层[11:31] 21-4填充数据到弹出层[13:48] 第22章使用Cascader 级联选择器实现院系信息和专业信息的选择(25分钟1节) 22-1使用级联选择器展示学院和专业信息[25:03] 第23章表单提交前的校验(29分钟2节) 23-1表单提交前的校验[20:21] 23-2校验学号是否存在[09:24] 第24章实现学生信息的增删改(38分钟3节) 24-1完成学生的添加[20:17] 24-2完成学生的修改[09:59] 24-3完成学生的删除[07:52] 第25章实现学生头像的上传和展示(46分钟4节) 25-1上传图片的基本介绍[07:52] 25-2完成图片上传的后台接口[18:51] 25-3上传图片的功能添加到api[04:15] 25-4完成图片上传的功能[15:49] 第26章课程总结(12分钟1节) 26-1本课程内容总结开始学习