课程介绍

本视频采用了前后端分离的开发模式，前端使用Vue.js+Element UI实现了Web页面的呈现，后端使用Python 的Django框架实现了数据访问的接口，前端通过Axios访问后端接口获得数据。在学习完本章节后，真正理解前后端的各自承担的工作。本系列课程为练手项目实战：学生管理系统v4.0的开发，项目包含了如下几个内容：项目的总体介绍、基本功能的演示、Vuejs的初始化、Element UI的使用、在Django中实现针对数据的增删改查的接口、在Vuejs中实现前端增删改查的调用、实现文件的上传、实现表格的分页、实现导出数据到Excel、实现通过Excel导入数据、实现针对表格的批量化操作等等，所有的功能都通过演示完成、贴近了实战

课程目录

• 1-Vue、Django前后端分离实战实战，项目的基本介绍
• 2-学习管理系统项目实现的功能演示
• 3-开发前的总体介绍，通过本案例你能学到哪些东西呢？
• 4-后端项目创建和数据库准备
• 5-前端Vue项目的初始化
• 6-引入Element UI和页面结构的布局
• 7-使用Element UI实现侧边栏
• 8-使用Element UI实现表单的布局
• 9-使用Element UI中表格展示数据
• 10-使用Element UI实现分页展示
• 11-实现获取所有学生的后端接口
• 12-Vue中使用Axios请求后端接口的数据
• 13-解决Ajax的跨域请求
• 14-把后端接口返回的数据展示在表格
• 15-实现表格展示数据的分页功能
• 16-实现学生信息查询的后端接口
• 17-完成学生信息查询的功能
• 18-学生管理系统增删改查的总体概述
• 19-使用Element UI实现弹出框的表单
• 20-美化Element UI弹出框表单
• 21-使用弹出框表单展示学生明细
• 22-浅拷贝和深拷贝
• 23-三种状态加载同一个表单
• 24-表单提交前的校验
• 25-校验学号是否存在后端代码的实现
• 26-完成学号的是否存在的校验
• 27-表单的校验和重置
• 28-实现添加学生的后端接口
• 29-完成学生添加的功能
• 30-完成学生修改的功能
• 31-完成学生删除的功能
• 32-完成学生批量删除的功能
• 33-使用Element完成表单中照片展示
• 34-照片上传、存储、展示的过程分析
• 35-完成上传照片后端接口
• 36-实现照片的上传和展示
• 37-实现照片存储在数据库
• 38-读取Excel文件数据到Python
• 39-实现Excel批量导入数据的后端接口
• 40-完成Excel批量导入的功能
• 41-完成导出到Excel的功能
• 42-学生管理系统课程总结