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

?
課程支持在線購(gòu)買,或聯(lián)系課程顧問(wèn):
課程顧問(wèn): Tina? 手機(jī)/微信:13795329973
QQ: 1446129009 QQ學(xué)習(xí)群:314731576

推薦課程
學(xué)員評(píng)價(jià)
好評(píng)率 --