Vue+Vite+ElementPlus+Django REST framework前后端分离项目实战

编程开发 从安 参与讨论
Vue+Vite+ElementPlus+Django REST framework前后端分离项目实战
去学习 腾讯课堂提供服务
课程介绍
把开发知识拆解到项目里,在项目中学习
教学服务
微软学习群,QQ学习群
讲师介绍
王进(iLync)
Python开发讲师
教学风格独特,以学员视角出发设计课程,难易适度,重点突出,架构清晰,将实战经验融合到教学中。讲授技术同时传递方法。得到广大学员的高度认可。
课程详情
本季课程把开发知识拆解到项目里,让你在项目情境里学知识。
这样的学习方式能让你保持兴趣、充满动力,时刻知道学的东西能用在哪、能怎么用。
平时不明白的知识点,放在项目里去理解就恍然大悟了。
一、融汇贯通
本视频采用了前后端分离的开发模式,前端使用Vue.js+Element UI实现了Web页面的呈现,后端使用Python 的Django REST Framework框架实现了数据访问的接口,前端通过Axios访问后端接口获得数据。在学习完本章节后,真正理解前后端的各自承担的工作。
二、贴近实战
本课程为学生信息管理系统课程:Vue3 + Vite + ElementPlus + Django REST Framework项目实战
本季课程主学生信息管理系统V5.0,内容包含:Django REST framework安装和项目初始化、数据的序列化、ViewSet视图集、DefaultRouter路由类、django-filter实现过滤、rest framework实现查找、rest framework实现分页、npm的使用、使用Vite构建vue3项目、Package.json解析、ElementPlus安装和应用、vue-router实现路由、使用Vuex的store对象、后台管理系统主界面的布局、axios组件的安装和请求、axios请求的模块化、请求拦截器和响应拦截器、使用el-select实现联级下拉、使用cascader实现联级选择、vue表单的验证、实现学生信息的添加、修改和删除、实现文件的上传等等功能
本案例完整的演示了项目实现过程,虽然不复杂,但涉及的内容非常多,特别是前后端交互的时候,有诸多的坑等着你去踩,好在王老师全程代码呈现,带着大家一起填坑,大大提高学习效率的同时,也培养了大家良好的代码习惯,希望大家一起跟着王进老师学习Python开发。
适合人群:
1、有Python语言基础、web前端基础,想要深入学习Python Web框架的朋友;
2、有Django基础,但是想学习企业级项目实战的朋友;
3、有MySQL数据库基础的朋友
4、希望进一步熟悉VUE前端框架使用的朋友们
课程目录
01.
课程总体介绍(5节)
02.
后端项目实现和Django REST Framework快速实现(4节)
03.
实现Django REST Framework的过滤和查找接口(3节)
04.
实现Django REST Framework的分页(1节)
05.
使用Swagger实现后台项目接口的自动化文档(1节)
06.
使用Vite构建Vue3的项目(4节)
07.
Vue3项目使用ElementPlus前端UI(1节)
08.
使用vue-router实现路由(2节)
09.
学生管理系统后台主界面框架搭建(6节)
10.
使用Vuex实现组件间的传值(2节)
11.
完成侧边栏收缩的功能(1节)
12.
捕获路由信息自动生成面包屑导航(1节)
13.
学生信息页面的布局(3节)
14.
前台跨域获取后台接口数据并展示(2节)
15.
Axios请求的模块化(上):request脚本和Api接口实现(2节)
16.
案例演示:实现院系信息和专业信息联级下拉框(1节)
17.
Axios请求的模块化(中):使用面向对象的思维优化Api接口(1节)
18.
案例演示:实现院系信息和专业信息的数据的过滤(1节)
19.
配置Vue实例的全局引入(1节)
20.
Axios请求的模块化(下):请求拦截器和响应拦截器(1节)
21.
完成学生信息弹出层的布局和数据填充(4节)
22.
使用Cascader 级联选择器实现院系信息和专业信息的选择(1节)
23.
表单提交前的校验(2节)
24.
实现学生信息的增删改(3节)
25.
实现学生头像的上传和展示(4节)
26.
课程总结(1节)

声明:本文由代码号课堂注册/游客用户【从安】供稿发布,最终权属和售后归腾讯课堂所有。本站不对用户发布的Vue+Vite+ElementPlus+Django REST framework前后端分离项目实战信息内容原创度和真实性等负责。如内容侵犯您的版权或其他权益,请留言并加以说明。站长审查之后若情况属实会及时为您删除。本文作者:从安» /dmh/5637.html

喜欢 ()or分享
留言与评论 (共有 条评论)
验证码: