收藏

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

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

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

优惠到手 399
原价¥499.00
满1788减540 满1188减320 满888减220 满688减150 满488减100 满288减50 满188减20

更多

已完结 难度 中级 时长 34小时40分钟 学习人数 161 综合评分 8.00
  • 第1章 课程介绍 试看 1 节 | 12分钟

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

    收起列表

    • 视频: 1-1 课程介绍 (11:40) 试看
  • 第2章 前端工程开发:环境搭建 试看 5 节 | 42分钟

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

    收起列表

    • 视频: 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)
  • 第3章 前端工程开发关联技术:webpack 构建工具 7 节 | 81分钟

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

    收起列表

    • 视频: 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)
  • 第4章 前端工程开发关联技术:ES6 与 Axios 网络请求库 12 节 | 66分钟

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

    收起列表

    • 视频: 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)
  • 第5章 前端工程开发关联技术:Vue 脚手架 6 节 | 52分钟

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

    收起列表

    • 视频: 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)
  • 第6章 后端工程开发:环境搭建 11 节 | 61分钟

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

    收起列表

    • 视频: 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数据库
  • 第7章 后端工程开发:Django 框架与第一个 Django 程序 3 节 | 22分钟

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

    收起列表

    • 视频: 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)
  • 第9章 DjangoRestFramework 快速开发商品分类和购物车接口 10 节 | 126分钟

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

    收起列表

    • 视频: 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)
  • 第10章 DjangoRestFramework 演变进阶,开发订单、收货地址、评论接口 13 节 | 138分钟

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

    收起列表

    • 视频: 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)
  • 第11章 token 认证原理与实战 7 节 | 72分钟

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

    收起列表

    • 视频: 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)
  • 第13章 慕西商城首页开发 14 节 | 182分钟

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

    收起列表

    • 视频: 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)
  • 第14章 慕西商城首页完善、滚动翻页加载数据 11 节 | 128分钟

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

    收起列表

    • 视频: 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)
  • 第15章 商品精准搜索、排序、分页全栈开发实现 10 节 | 129分钟

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

    收起列表

    • 视频: 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)
  • 第17章 慕西商城登录全栈开发、登录状态管理 8 节 | 79分钟

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

    收起列表

    • 视频: 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)
  • 第18章 电商通用的购物场景(业务逻辑、设计思路、联动功能、代码实现)全栈开发 20 节 | 231分钟

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

    收起列表

    • 视频: 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)
  • 第21章 慕西商城项目上线部署 7 节 | 75分钟

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

    收起列表

    • 视频: 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)
本课程已完结

试看

全部试看小节



讲师

大周 全栈工程师

资深互联网技术老兵,慕课网精英讲师,8年授课经验,在慕课网拥有近万名 学员“铁粉”,值得信赖。精通多语言开发、架构设计、团队管理、职业规划等。讲课风趣幽默、内容细致、深入浅出,深受大家喜爱。

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

学习咨询

选课、学习遇到问题?

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

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