Vue+Vite+ElementPlus+Django REST framework前后端分离项目实战
課程時長: 14時12分23秒 課件數(shù): 54
學習有效期: 1095天
課程編號: 1968643
打包購買更優(yōu)惠(該課程已被打包在下列課程套餐中)
課件列表
-
第1章: 课程总体介绍
-
第2章: 后端项目实现和Django REST Framework快速实现
-
第3章: 实现Django REST Framework的过滤和查找接口
-
-
課件1 : DRF中实现分页 9分47秒 可學無限次
-
第4章: 实现Django REST Framework的分页
-
-
課件1 : 自动化生成API文档 16分22秒 可學無限次
-
第5章: 使用Swagger实现后台项目接口的自动化文档
-
-
課件1 : 使用Vite构建Vue3的项目 14分27秒 可學無限次
-
-
課件2 : Vue3的项目目录结构 13分35秒 可學無限次
-
-
課件3 : Package.json文件 17分12秒 可學無限次
-
-
課件4 : 页面如何加载 19分47秒 可學無限次
-
第6章: 使用Vite构建Vue3的项目
-
-
課件1 : 使用ElementPlus 10分6秒 可學無限次
-
第7章: Vue3项目使用ElementPlus前端UI
-
-
課件1 : 使用vue-router 13分15秒 可學無限次
-
-
課件2 : vue-router的案例演示 16分14秒 可學無限次
-
第8章: 使用vue-router实现路由
-
-
課件1 : 后台系统主界面的搭建 20分17秒 可學無限次
-
-
課件2 : 添加侧边栏的Logo部分 15分49秒 可學無限次
-
-
課件3 : 动态生成侧边栏菜单 28分11秒 可學無限次
-
-
課件4 : 为侧边栏菜单加图标 14分2秒 可學無限次
-
-
課件5 : Header区域的基本布局 17分28秒 可學無限次
-
-
課件6 : 侧边栏收缩的思路分析 14分48秒 可學無限次
-
第9章: 学生管理系统后台主界面框架搭建
-
-
課件1 : vuex安装和store对象的创建、注册 10分17秒 可學無限次
-
-
課件2 : 完成侧边栏收缩的功能 17分40秒 可學無限次
-
第10章: 使用Vuex实现组件间的传值
-
-
課件1 : 实现侧边栏的导航 18分52秒 可學無限次
-
第11章: 使用vue-router实现侧边栏导航
-
-
課件1 : 自动生成面包屑导航 20分32秒 可學無限次
-
第12章: 捕获路由信息自动生成面包屑导航
-
-
課件1 : 学生信息页面布局(1) 21分34秒 可學無限次
-
-
課件2 : 学生信息页面布局(2) 35分34秒 可學無限次
-
-
課件3 : 配置Element Plus国际化 2分29秒 可學無限次
-
第13章: 学生信息页面的布局
-
-
課件1 : 跨域获取所有学生信息 29分45秒 可學無限次
-
-
課件2 : 优化学生信息的展示 18分46秒 可學無限次
-
第14章: 前台跨域获取后台接口数据并展示
-
-
課件1 : 模块化axios请求01 8分鐘 可學無限次
-
-
課件2 : 模块化axios请求02 15分55秒 可學無限次
-
第15章: Axios请求的模块化(上):request脚本和Api接口实现
-
-
課件1 : 实现院系信息和专业信息填充到下拉框 12分23秒 可學無限次
-
第16章: 案例演示:实现院系信息和专业信息联级下拉框
-
-
課件1 : 模块化axios请求03 15分39秒 可學無限次
-
第17章: Axios请求的模块化(中):使用面向对象的思维优化Api接口
-
-
課件1 : 实现查询和显示全部的功能 16分45秒 可學無限次
-
第18章: 案例演示:实现院系信息和专业信息的数据的过滤
-
-
課件1 : 配置全局变量 7分38秒 可學無限次
-
第19章: 配置Vue实例的全局引入
-
-
課件1 : 模块化Axios请求(4) 18分23秒 可學無限次
-
第20章: Axios请求的模块化(下):请求拦截器和响应拦截器
-
-
課件1 : 完成学生信息的弹出层 9分31秒 可學無限次
-
-
課件2 : 优化弹出层的展示 18分56秒 可學無限次
-
-
課件3 : 三种状态加载弹出层 11分31秒 可學無限次
-
-
課件4 : 填充数据到弹出层 13分48秒 可學無限次
-
第21章: 完成学生信息弹出层的布局和数据填充
-
-
課件1 : 使用级联选择器展示学院和专业信息 25分3秒 可學無限次
-
第22章: 使用Cascader 级联选择器实现院系信息和专业信息的选择
-
-
課件1 : 表单提交前的校验 20分21秒 可學無限次
-
-
課件2 : 校验学号是否存在 9分24秒 可學無限次
-
第23章: 表单提交前的校验
-
-
課件1 : 完成学生的添加 20分17秒 可學無限次
-
-
課件2 : 完成学生的修改 9分59秒 可學無限次
-
-
課件3 : 完成学生的删除 7分52秒 可學無限次
-
第24章: 实现学生信息的增删改
-
-
課件1 : 上传图片的基本介绍 7分52秒 可學無限次
-
-
課件2 : 完成图片上传的后台接口 18分51秒 可學無限次
-
-
課件3 : 上传图片的功能添加到api 4分15秒 可學無限次
-
-
課件4 : 完成图片上传的功能 15分49秒 可學無限次
-
第25章: 实现学生头像的上传和展示
-
-
課件1 : 课程总结 12分55秒 可學無限次
-
第26章: 课程总结
課程簡介
本季課程把開發(fā)知識拆解到項目里,讓你在項目情境里學知識。
這樣的學習方式能讓你保持興趣、充滿動力,時刻知道學的東西能用在哪、能怎么用。
平時不明白的知識點,放在項目里去理解就恍然大悟了。
?
?
一、融匯貫通
本視頻采用了前后端分離的開發(fā)模式,前端使用Vue.js+Element UI實現(xiàn)了Web頁面的呈現(xiàn),后端使用Python 的Django REST Framework框架實現(xiàn)了數(shù)據(jù)訪問的接口,前端通過Axios訪問后端接口獲得數(shù)據(jù)。在學習完本章節(jié)后,真正理解前后端的各自承擔的工作。
?
二、貼近實戰(zhàn)
本課程為學生信息管理系統(tǒng)課程:Vue3 + Vite + ElementPlus + Django REST Framework項目實戰(zhàn)
?
本季課程主學生信息管理系統(tǒng)V5.0,內(nèi)容包含:Django REST framework安裝和項目初始化、數(shù)據(jù)的序列化、ViewSet視圖集、DefaultRouter路由類、django-filter實現(xiàn)過濾、rest framework實現(xiàn)查找、rest framework實現(xiàn)分頁、npm的使用、使用Vite構(gòu)建vue3項目、Package.json解析、ElementPlus安裝和應用、vue-router實現(xiàn)路由、使用Vuex的store對象、后臺管理系統(tǒng)主界面的布局、axios組件的安裝和請求、axios請求的模塊化、請求攔截器和響應攔截器、使用el-select實現(xiàn)聯(lián)級下拉、使用cascader實現(xiàn)聯(lián)級選擇、vue表單的驗證、實現(xiàn)學生信息的添加、修改和刪除、實現(xiàn)文件的上傳等等功能
?
本案例完整的演示了項目實現(xiàn)過程,雖然不復雜,但涉及的內(nèi)容非常多,特別是前后端交互的時候,有諸多的坑等著你去踩,好在王老師全程代碼呈現(xiàn),帶著大家一起填坑,大大提高學習效率的同時,也培養(yǎng)了大家良好的代碼習慣,希望大家一起跟著王進老師學習Python開發(fā)。
?
適合人群:
1、有Python語言基礎(chǔ)、web前端基礎(chǔ),想要深入學習Python Web框架的朋友;
2、有Django基礎(chǔ),但是想學習企業(yè)級項目實戰(zhàn)的朋友;
3、有MySQL數(shù)據(jù)庫基礎(chǔ)的朋友
4、希望進一步熟悉VUE前端框架使用的朋友們
?

?
課程支持在線購買,或聯(lián)系課程顧問:
課程顧問: Tina? 手機/微信:13795329973
QQ: 1446129009 QQ學習群:314731576

推薦課程
學員評價
好評率 --