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