Vue3+Django4全新技术实战全栈项目

前后端分离模式,从开发到上线,带你系统提升全栈技能,收获企业级上线项目实战经验

已完结
|
难度:中级
|
时长:共 34 小时 40 分钟
¥499.00
距离活动结束
立即购买
加购物车
已有 143 人在学
  • 掌握全栈技术Vue3+Django4
  • 提升把控全局与架构设计能力
  • 收获企业级项目0到1实战经验
  • 掌握DRF微服务实战能力
  • 驾驭前后端分离主流开发模式
  • 具备支付类业务开发能力
试看本节课 11:40
试看本节课 11:28
试看本节课 10:36
1-1 课程介绍
2-1 Vue 概述
2-2 Vue 项目创建初体验

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
本课程采用全新全栈技术Vue3+Django4,前后端分离开发模式从0到1实战全栈项目,带你系统提升全栈技能、提升把控全局能力与架构设计思维,掌握DRF微服务理念与实战能力,收获企业级上线项目实战经验。

本章介绍:

带你整体了解课程中应用的技术栈、涉及到的技术深度,项目效果等。

第1章 课程介绍
1 节|12分钟
展开
  • 视频:
    1-1 课程介绍
    试看
    11:40

本章介绍:

带你了解 VUE 的使用场景;了解 npm 的工作原理;解决 npm 安装的基本问题。

第2章 前端工程开发:环境搭建
5 节|42分钟
收起
  • 视频:
    2-1 Vue 概述
    试看
    11:28
  • 视频:
    2-2 Vue 项目创建初体验
    试看
    10:36
  • 视频:
    2-3 认识一下什么是 npm
    05:10
  • 视频:
    2-4 解决 npm 安装慢的网络问题
    07:01
  • 视频:
    2-5 npm 的基本使用与配置文件的说明
    07:15

本章介绍:

带你了解 webpack 构建工具的使用;会使用 webpack 进行基本配置;会使用webpack 进行各类资源的打包与配置

第3章 前端工程开发关联技术:webpack 构建工具
7 节|81分钟
收起
  • 视频:
    3-1 什么是 webpack?
    13:24
  • 视频:
    3-2 忘记 Vue,进行 webpack 的单独安装与体验
    08:44
  • 视频:
    3-3 webpack 基本理念与配置说明
    11:14
  • 视频:
    3-4 多入口多出口模式配置
    09:03
  • 视频:
    3-5 HTML 资源打包与压缩
    14:32
  • 视频:
    3-6 CSS 资源打包与文件提取
    14:34
  • 视频:
    3-7 开发服务器配置
    09:25

本章介绍:

带你掌握前端开发核心技术:掌握 ES6 的关键知识点;掌握 Axios 的应用场景;能够使用 Axios 进行 get、post请求的发送;能够对 Axios 进行各类配置与封装。

第4章 前端工程开发关联技术:ES6 与 Axios 网络请求库
12 节|66分钟
展开
  • 视频:
    4-1 后续编程的关键--ES6 箭头函数
    04:24
  • 视频:
    4-2 理解 this 到底指向谁
    09:39
  • 视频:
    4-3 理解解构赋值
    05:51
  • 视频:
    4-4 … 运算符的应用
    04:09
  • 视频:
    4-5 Axios 网络请求库概述
    05:09
  • 视频:
    4-6 理解 ES6 promise 原理
    11:17
  • 视频:
    4-7 Axios 发送 get 请求
    07:03
  • 视频:
    4-8 Axios 发送 post 请求
    03:35
  • 视频:
    4-9 Axios 并发请求处理
    03:29
  • 视频:
    4-10 Axios 全局配置应用
    02:00
  • 视频:
    4-11 优雅的进行 Axios 实例封装
    03:29
  • 视频:
    4-12 Axios 中拦截器的应用
    05:20

本章介绍:

带你理解 Vue 脚手架的基本使用;理解开发模型的特点;掌握 vue 与 axios 的结合使用。

第5章 前端工程开发关联技术:Vue 脚手架
6 节|52分钟
展开
  • 视频:
    5-1 什么是 Vue 脚手架
    04:27
  • 视频:
    5-2 手动创建 Vue 项目与参数介绍
    08:31
  • 视频:
    5-3 脚手架配置扩展
    07:31
  • 视频:
    5-4 理解数据定义与 MVVM 模式
    12:55
  • 视频:
    5-5 Vue 安装使用 Axios
    04:59
  • 视频:
    5-6 基于 Axios 网络请求的便捷封装
    12:52

本章介绍:

带你完成后端开发环境搭建;完成 Linux 操作系统的安装与配置;完成 MySQL 的基本安装与配置。

第6章 后端工程开发:环境搭建
11 节|61分钟
展开
  • 视频:
    6-1 Python 基础环境搭建
    04:34
  • 视频:
    6-2 Pycharm的使用说明
    02:09
  • 视频:
    6-3 虚拟环境的应用场景和安装方法
    10:20
  • 视频:
    6-4 虚拟环境基本使用
    05:46
  • 图文:
    6-5 【技巧】解决pip安装速度慢的问题
  • 视频:
    6-6 Linux 系统安装与配置
    14:00
  • 视频:
    6-7 xshell 远程连接 Linux 系统
    09:31
  • 视频:
    6-8 多平台 MySQL 数据库安装
    04:43
  • 视频:
    6-9 数据库连接工具 Navicat 安装
    02:05
  • 视频:
    6-10 Navicat 远程连接 MySQL 数据库
    07:37
  • 图文:
    6-11 【补充】Ubuntu安装MySQL数据库

本章介绍:

带你初识 Django 开发框架,并能完成第一个 Django 程序的开发。

第7章 后端工程开发:Django 框架与第一个 Django 程序
3 节|22分钟
展开
  • 视频:
    7-1 全面认识 Django 并确定开发版本
    08:05
  • 视频:
    7-2 动手搭建 Django 开发环境
    02:56
  • 视频:
    7-3 开始第一个程序并解析 Django 各目录的基本作用
    10:50

本章介绍:

带你完成慕西商城后端项目准备,完成数据表结构设计;数据库配置;并能够应用模型自动生成数据库表。

第8章 慕西商城后端项目准备
6 节|57分钟
展开
  • 视频:
    8-1 慕西商城项目工程初始化
    15:07
  • 视频:
    8-2 项目需求分析
    07:56
  • 视频:
    8-3 数据表结构设计
    12:46
  • 视频:
    8-4 MySQL 数据库配置
    05:02
  • 视频:
    8-5 models 模型类自动生成数据库表
    08:33
  • 视频:
    8-6 根据表结构自动生成 models 模型类
    07:04

本章介绍:

带你理解 DRF 的基本概念;能够使用基于 Django 原生的类视图开发;掌握 Django 中视图的继承过程。

第9章 DjangoRestFramework 快速开发商品分类和购物车接口
10 节|126分钟
展开
  • 视频:
    9-1 DRF 概述及环境安装
    05:04
  • 视频:
    9-2 Django原生开发基于类的视图模式实现商品分类菜单接口开发(一)
    11:59
  • 视频:
    9-3 Django原生开发基于类的视图模式实现商品分类菜单接口开发(二)
    13:20
  • 视频:
    9-4 Django原生开发基于类的视图模式实现商品分类菜单接口开发(三)
    13:36
  • 视频:
    9-5 View 视图类的执行过程源码分析
    13:27
  • 视频:
    9-6 apiview 继承实现商品类型接口开发
    19:51
  • 视频:
    9-7 序列化器实现商品详情数据查询接口
    11:50
  • 视频:
    9-8 购物车接口开发--实现数据的添加
    22:08
  • 视频:
    9-9 购物车接口开发--数据的查询
    07:20
  • 视频:
    9-10 购物车查询接口 Bug 修复及数据逻辑删除
    07:06

本章介绍:

带你掌握 GenericAPIView 的开发逻辑;能够使用 Minin 混合类进行开发;掌握视图集与路由的开发技巧。

第10章 DjangoRestFramework 演变进阶,开发订单、收货地址、评论接口
13 节|138分钟
展开
  • 视频:
    10-1 用户注册接口开发
    21:03
  • 视频:
    10-2 应用 ModelSerializer 对注册接口进行封装
    09:51
  • 视频:
    10-3 用户个人中心获取用户信息接口开发
    07:26
  • 视频:
    10-4 订单逻辑梳理与表的创建
    12:30
  • 视频:
    10-5 基于GenericAPIView视图调用逻辑实现创建订单商品接口开发(一)
    12:50
  • 视频:
    10-6 基于GenericAPIView视图调用逻辑实现创建订单商品接口开发(二)
    10:42
  • 视频:
    10-7 基于GenericAPIView视图调用逻辑实现获取订单商品接口开发
    10:28
  • 视频:
    10-8 应用 Mixin 混合类进行收货地址接口开发(一)
    12:09
  • 视频:
    10-9 应用 Mixin 混合类进行收货地址接口开发(二)
    07:17
  • 视频:
    10-10 梳理 Mixin 混合类关系图
    05:33
  • 视频:
    10-11 viewsets 视图集与 router 路由实现评论接口开发
    15:29
  • 视频:
    10-12 viewsets 路由原理解析
    06:53
  • 视频:
    10-13 viewsets 继承树解析
    05:34

本章介绍:

带你理解 cookie、session 和 token 的工作原理及场景;了解 JWT 的视线原理;能够使用 DRF-JWT 进行 token 验证的开发。

第11章 token 认证原理与实战
7 节|72分钟
展开
  • 视频:
    11-1 概述 cookie、session 与t oken 的区别
    09:12
  • 视频:
    11-2 JWT--JsonWebToken 实现原理
    12:07
  • 视频:
    11-3 基于 JWT 的认证原理代码实现
    12:40
  • 视频:
    11-4 DRF-JWT 用户登录认证实现(一)
    10:57
  • 视频:
    11-5 DRF-JWT 用户登录认证实现(二)
    14:01
  • 视频:
    11-6 DRF-JWT 头信息传递的token验证
    08:32
  • 视频:
    11-7 DRF-JWT-Token 的全局配置
    04:19

本章介绍:

带你以全局视角进行开发环境的准备并完成前后端环境联调。进行基础网络请求的封装;完成路由信息的配置。

第12章 全局视角准备慕西商城前端开发环境、前后端环境联调
4 节|26分钟
展开
  • 视频:
    12-1 距离慕西商城项目的落地还有多远?
    07:48
  • 视频:
    12-2 项目资源准备与说明
    05:48
  • 视频:
    12-3 封装基础网络请求,前后端联调请求后端接口
    08:40
  • 视频:
    12-4 配置基础 router 信息
    03:08

本章介绍:

带你完成慕西商城首页的整体设计;完成头部、导航、一二级菜单等功能开发;能够引入 Element-plus 进行开发简化。

第13章 慕西商城首页开发
14 节|182分钟
展开
  • 视频:
    13-1 慕西商城首页核心功能有哪些?实现思路是什么?
    05:06
  • 视频:
    13-2 慕西商城首页顶层标题栏开发
    10:12
  • 视频:
    13-3 慕西商城首页头部结构开发
    11:32
  • 视频:
    13-4 慕西商城首页头部搜索框开发
    24:37
  • 视频:
    13-5 Element-Plus 简介与安装
    08:45
  • 视频:
    13-6 慕西商城首页头部我的购物车开发
    15:15
  • 视频:
    13-7 导航菜单栏结构代码实现
    10:08
  • 视频:
    13-8 导航菜单栏样式开发
    13:24
  • 视频:
    13-9 导航菜单栏接口数据渲染
    18:46
  • 视频:
    13-10 二级菜单栏的显示与隐藏
    13:13
  • 视频:
    13-11 二级菜单栏的代码开发骨架结构搭建
    08:00
  • 视频:
    13-12 二级菜单栏的代码开发页面样式渲染
    13:15
  • 视频:
    13-13 二级菜单栏的接口数据渲染
    21:37
  • 视频:
    13-14 首页 Banner 图效果开发
    08:00

本章介绍:

带你实战完善慕西商城首页的基本功能;能够使用 vue3-seamless-scroll 进行滚动功能开发;完成首页分类选项卡、回到顶部等功能的实现。

第14章 慕西商城首页完善、滚动翻页加载数据
11 节|128分钟
展开
  • 视频:
    14-1 发现好物场景讲解及接口实现
    09:18
  • 视频:
    14-2 发现好物后端接口数据获取
    09:35
  • 视频:
    14-3 vue3-seamless-scroll 滚动插件
    10:13
  • 视频:
    14-4 发现好物前端样式开发
    17:08
  • 视频:
    14-5 首页分类选项卡的实现思路与基本效果
    14:46
  • 视频:
    14-6 首页分类选项卡样式渲染
    20:43
  • 视频:
    14-7 首页分类选项卡商品列表数据拉取
    12:09
  • 视频:
    14-8 首页分类选项卡商品列表前端样式开发(一)
    08:40
  • 视频:
    14-9 首页分类选项卡商品列表前端样式开发(二)
    12:36
  • 视频:
    14-10 滚动翻页加载数据的实现原理及代码开发
    09:38
  • 视频:
    14-11 回到顶部功能实现
    02:34

本章介绍:

带你拓展搜索列表的设计思路;完成基于原生 sql 的执行与开发;完成商品排序、商品搜索、分页等功能的开发。

第15章 商品精准搜索、排序、分页全栈开发实现
10 节|129分钟
展开
  • 视频:
    15-1 商品搜索列表页该如何设计和实现?功能有哪些?
    10:27
  • 视频:
    15-2 基于原生 SQL 的执行开发商品搜索列表页接口
    17:58
  • 视频:
    15-3 商品搜索列表页面前端布局与基本样式实现(一)
    04:25
  • 视频:
    15-4 商品搜索列表页面前端布局与基本样式实现(二)
    12:29
  • 视频:
    15-5 多种排序的实现
    20:59
  • 视频:
    15-6 商品搜索列表页后端数据获取
    20:10
  • 视频:
    15-7 商品搜索列表页商品样式开发(一)
    05:52
  • 视频:
    15-8 商品搜索列表页商品样式开发(二)
    14:31
  • 视频:
    15-9 商品分页代码实现
    13:18
  • 视频:
    15-10 完善主页搜索功能
    08:25

本章介绍:

带你掌握商品详情的功能划分;拓展更优的实现思路;完成商品详情、评论与翻页的前后端开发。

第16章 商品详情、商品评论和评论翻页全栈开发
9 节|77分钟
展开
  • 视频:
    16-1 商品详情页功能划分与实现思路梳理
    02:30
  • 视频:
    16-2 商品详情页基本布局与商品接口数据请求
    07:41
  • 视频:
    16-3 商品详情页商品信息页面布局
    12:19
  • 视频:
    16-4 商品评论相关接口开发
    06:22
  • 视频:
    16-5 商品评论前端数据获取
    19:28
  • 视频:
    16-6 商品评论前端基本布局与数据渲染
    09:20
  • 视频:
    16-7 商品评论前端样式渲染
    11:00
  • 视频:
    16-8 评论翻页功能实现
    03:03
  • 视频:
    16-9 完善商品详情页面跳转
    04:40

本章介绍:

带你完成商城的登录页面开发;掌握 vuex 的工作流程;能够结合 localstroge 进行状态管理;完成导航守卫的权限验证。

第17章 慕西商城登录全栈开发、登录状态管理
8 节|79分钟
展开
  • 视频:
    17-1 用户登录页面骨架开发
    12:50
  • 视频:
    17-2 用户登录页面样式渲染(一)
    14:56
  • 视频:
    17-3 用户登录页面样式渲染(二)
    17:10
  • 视频:
    17-4 登录功能网络请求封装与基本实现
    07:37
  • 视频:
    17-5 vuex + LocalStroge 进行登录状态管理
    12:57
  • 视频:
    17-6 头部登录状态更新
    04:30
  • 视频:
    17-7 退出登录功能开发
    03:01
  • 视频:
    17-8 导航守卫登录权限验证与拦截器的 token 添加
    05:03

本章介绍:

带你完成电商通用的购物场景的逻辑和实现思路的落地实现;完成购物车页面的多种操作、商品选择、订单页面的全栈开发;能够进一步结合 Element-plus 的部分快捷功能实现。

第18章 电商通用的购物场景(业务逻辑、设计思路、联动功能、代码实现)全栈开发
20 节|231分钟
展开
  • 视频:
    18-1 购物车业务逻辑和实现思路该如何设计
    04:57
  • 视频:
    18-2 关于 token 认证的改造
    09:45
  • 视频:
    18-3 重写获取购物车商品接口
    14:26
  • 视频:
    18-4 购物车页面网络请求与前端骨架开发
    12:52
  • 视频:
    18-5 购物车页面数据渲染
    10:07
  • 视频:
    18-6 购物车页面样式渲染
    31:23
  • 视频:
    18-7 修改商品数量逻辑实现
    17:17
  • 视频:
    18-8 实现商品全选与取消全选的逻辑
    07:10
  • 视频:
    18-9 计算商品件数与总价格
    11:45
  • 视频:
    18-10 单个选中商品的计算逻辑
    08:23
  • 视频:
    18-11 添加购物车的逻辑实现(一)
    14:07
  • 视频:
    18-12 添加购物车的逻辑实现(二)
    03:38
  • 视频:
    18-13 购物车徽章数量变化的实现
    20:35
  • 视频:
    18-14 购物车徽章数量变化 bug 修复
    04:57
  • 视频:
    18-15 购物车商品批量删除功能的实现
    12:36
  • 视频:
    18-16 清空购物车与商品数量的计算
    10:01
  • 视频:
    18-17 购物车页面 bug 修复
    08:01
  • 视频:
    18-18 去结算--创建订单接口开发
    14:48
  • 视频:
    18-19 去结算--创建订单前端功能开发
    08:39
  • 视频:
    18-20 去结算--创建订单功能测试
    05:21

本章介绍:

带你完成个人中心页面与动态组件的开发;完成收获地址的相关功能开发;完成订单等页面的功能开发。

第19章 全栈开发慕西商城个人中心模块、三级联动省市县菜单数据加载、保存地址
22 节|242分钟
展开
  • 视频:
    19-1 为什么先开发个人中心模块?
    03:05
  • 视频:
    19-2 个人中心前端静态页面布局设计与结构开发
    16:40
  • 视频:
    19-3 个人中心分类菜单前端开发
    08:28
  • 视频:
    19-4 应用 component 动态组件进行内容切换
    17:46
  • 视频:
    19-5 component 动态组件不显示的问题解决
    04:12
  • 视频:
    19-6 个人中心基本信息页面开发
    16:18
  • 视频:
    19-7 个人中心安全设置页面开发
    03:26
  • 视频:
    19-8 个人中心地址管理页面结构开发
    06:58
  • 视频:
    19-9 个人中心地址管理页面样式渲染
    17:16
  • 视频:
    19-10 新增收获地址弹框功能开发
    08:43
  • 视频:
    19-11 新增收获地址接口功能开发
    05:10
  • 视频:
    19-12 新增收获地址前端功能开发
    09:15
  • 视频:
    19-13 收获地址列表展示前后端功能开发
    09:37
  • 视频:
    19-14 编辑收获地址信息前后端开发(一)
    08:49
  • 视频:
    19-15 编辑收获地址信息前后端开发(二)
    10:51
  • 视频:
    19-16 获取订单信息接口开发(一)
    17:30
  • 视频:
    19-17 获取订单信息接口开发(二)
    05:43
  • 视频:
    19-18 前端进行订单数据获取与基本结构开发
    13:34
  • 视频:
    19-19 完成我的订单基本结构开发
    16:09
  • 视频:
    19-20 我的订单页面样式渲染(一)
    11:03
  • 视频:
    19-21 我的订单页面样式渲染(二)
    16:10
  • 视频:
    19-22 动态行合并计算与样式完善
    15:09

本章介绍:

带你完成订单支付的全流程设计;完成支付宝的沙箱环境的对接;我的订单功能完善,打通电商核心业务闭环。

第20章 全栈开发订单与支付模块,打通电商核心业务闭环
17 节|211分钟
展开
  • 视频:
    20-1 订单支付流程设计
    06:04
  • 视频:
    20-2 订单详情接口数据请求及开发
    12:03
  • 视频:
    20-3 订单详情前端页面骨架开发(一)
    10:56
  • 视频:
    20-4 订单详情前端页面骨架开发(二)
    14:49
  • 视频:
    20-5 订单详情前端页面页面样式渲染(一)
    16:44
  • 视频:
    20-6 订单详情前端页面页面样式渲染(二)
    15:05
  • 视频:
    20-7 订单详情前端页面页面样式渲染(三)
    14:12
  • 视频:
    20-8 订单详情页收货地址切换功能完善
    09:42
  • 视频:
    20-9 初探支付宝沙箱环境,理解支付业务
    12:20
  • 视频:
    20-10 支付宝支付代码开发前的准备
    12:58
  • 视频:
    20-11 支付宝支付-提交订单逻辑代码解读
    13:40
  • 视频:
    20-12 提交订单前后端逻辑开发
    10:53
  • 视频:
    20-13 收银台前后端逻辑开发
    19:50
  • 视频:
    20-14 支付宝支付成功的回调处理
    14:45
  • 视频:
    20-15 完善我的订单--订单状态筛选功能
    07:56
  • 视频:
    20-16 完善我的订单--订单状态修改功能
    08:14
  • 视频:
    20-17 完善我的订单--再次购买及订单删除
    09:56

本章介绍:

打你完成慕西商城项目上线部署;完成 Linux 环境中的 Django 部署;完成Nginx的环境搭建与前端项目打包。

第21章 慕西商城项目上线部署
7 节|75分钟
展开
  • 视频:
    21-1 准备Linux服务器
    03:44
  • 视频:
    21-2 完成Linux服务器准备,并指定Python版本安装
    15:27
  • 视频:
    21-3 Django项目多环境配置文件说明与pip指定版本安装的补充说明
    12:53
  • 视频:
    21-4 Linux环境部署Django后端程序
    23:43
  • 视频:
    21-5 Vue项目多环境配置文件区分
    07:43
  • 视频:
    21-6 应用Nginx进行前端工程部署
    07:35
  • 视频:
    21-7 修复Nginx前端工程部署的Bug
    03:51

本章介绍:

带你总结课程中学习过的重难点,再一次查缺补漏。

第22章 课程总结
1 节|10分钟
展开
  • 视频:
    22-1 课程总结
    09:36
本课程已完结
适合人群
准备做毕设的在校大学生
想开拓服务端技术的开发者
想短期精进,快速提升项目经验的同学
技术储备
Python语法基础
前端Vue语法基础
环境参数
Python 3.11
Django 4
Vue 3
大周
全栈工程师,资深测试工程师, 已有106323个学生
不为别的,只为提升面试通过率
尽管课程时间很长,
但没关系,我们有老师的陪伴,
还有同学之间互相鼓励,彼此帮助,
完成学习后,还能获得慕课网官方认证的证书。
立即购买
本课程被纳入了《从零开始 一站搞定Python Django开发 》的学习路线中,共 4 个步骤,5 门课。
Step1: Django小白快速入门
Django入门到进阶-适合Python小白的系统课程
难度 初级
原价 ¥248.00
已有 1109 人在学
加购物车
Step2: Django企业级实战之PC端
Django+ xadmin 开发在线教育网站
难度 中级
原价 ¥369.00
已有 1911 人在学
加购物车
Step3: Django之微信小程序全栈
Django+小程序技术打造微信小程序助手
难度 中级
原价 ¥266.00
已有 989 人在学
加购物车
Step4: Python前后端分离开发,深入学习现代Web主流开发思想
Python前后端分离开发Vue+Django REST framework实战
难度 中级
原价 ¥388.00
已有 2872 人在学
加购物车
Vue3+Django4全新技术实战全栈项目
难度 中级
原价 ¥499.00
已有 143 人在学
加购物车
路线特惠价: ¥1661 5门课总价:¥1770
选择该路线学习
已有7024人在学
数据加载中...
《Vue3+Django4全新技术实战全栈项目》的真实评价
综合评分:分,共 人参与
篇幅原因,只展示最近100条评价

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题

意见反馈 帮助中心 APP下载
官方微信