这门课解决什么问题,适合什么基础

这门课解决的是前后端分离项目落地中常见的“接口对接与业务逻辑”问题。很多人懂单点技术,却不知道怎么把后端接口和前端页面打通,处理数据交互和表单校验。本课以学生管理系统为例,带你走通从数据库搭建、后端接口开发到前端页面渲染、增删改查的完整闭环,帮你把零散的代码经验串成一条可复用的开发链路。

适合具备一定 Python 和前端基础,对 Django 和 Vue 有初步了解,但缺乏前后端联调实战经验的人。不需要有极强的编码天赋,但要求你能看懂基本的数据结构,愿意跟着节奏一步步写代码。

建议先看哪几块

建议先通看项目总体介绍和开发前的规划部分,明确课程要交付什么成果。随后重点看后端项目创建与数据库准备、前端 Vue 项目初始化这两个基础搭建环节,之后再跟着节奏看 Element UI 的布局(侧边栏、表单、表格、分页)以及 Axios 请求与跨域处理。

学完能独立做什么,资料怎么配合练习

学完能将原本只懂单点技术的你,升级为能独立完成中小型管理系统前后端分离项目的人。你不仅能写出规范的接口和页面交互,还能掌握前后端联调、数据校验及复杂表单状态的处理方法,面对类似项目时能直接上手。

资料包里的视频按照开发逻辑循序渐进,建议边看边跟着敲代码。遇到数据交互和表单校验的环节,一定要动手把请求和逻辑在本地跑通,而不是只看演示。资料包线索只用来理解主题,不要照抄文件名,重点放在跟着视频把代码写出来、把逻辑跑通上。

课程目录

01、Vue、Django前后端分离实战实战,项目的基本介绍[06:12] 02、学习管理系统项目实现的功能演示[10:06] 03、开发前的总体介绍,通过本案例你能学到哪些东西呢?[12:03] 04、后端项目创建和数据库准备[14:44] 05、前端Vue项目的初始化[14:16] 06、引入Element UI和页面结构的布局[11:35] 07、使用Element UI实现侧边栏[08:07] 08、使用Element UI实现表单的布局[16:52] 09、使用Element UI中表格展示数据[11:07] 10、使用Element UI实现分页展示[10:07] 11、实现获取所有学生的后端接口[15:27] 12、Vue中使用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]