前后端分离模式,从开发到上线,带你系统提升全栈技能,收获企业级上线项目实战经验 你将会获得: 1. 掌握全栈技术Django4+Vue3 4. 提升把控全局与架构设计能力 2. 收获企业级项目0到1实战经验 5. 掌握DRF微服务实战能力 3. 驾驭前后端分离主流开发模式 6. 具备支付类业务开发能力 本课程采用全新全栈技术Django4+Vue3,前后端分离开发模式从0到1实战全栈项目,带你系统提升全栈技能、提升把控全局能力与架构设计思维,掌握DRF微服务理念与实战能力,收获企业级上线项目实战经验。 章节目录: 第1章 课程介绍 1 节|12分钟 收起 视频: 1-1 课程介绍 试看 11:40 第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 第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 第4章 前端工程开发关联技术:Axios 网络请求库 8 节|42分钟 收起 视频: 4-1 Axios 网络请求库概述 05:09 视频: 4-2 理解 ES6 promise 原理 11:17 视频: 4-3 Axios 发送 get 请求 07:03 视频: 4-4 Axios 发送 post 请求 03:35 视频: 4-5 Axios 并发请求处理 03:29 视频: 4-6 Axios 全局配置应用 02:00 视频: 4-7 优雅的进行 Axios 实例封装 03:29 视频: 4-8 Axios 中拦截器的应用 05:20 第5章 前端工程开发关联技术:Vue 脚手架 4 节|34分钟 收起 视频: 5-1 什么是 Vue 脚手架 04:27 视频: 5-2 手动创建 Vue 项目与参数介绍 08:31 视频: 5-3 脚手架配置扩展 07:31 视频: 5-4 理解数据定义与 MVVM 模式 12:55 第6章 后端工程开发:环境搭建 9 节|61分钟 收起 视频: 6-1 Python 基础环境搭建 04:34 视频: 6-2 Pycharm的使用说明 02:09 视频: 6-3 虚拟环境的应用场景和安装方法 10:20 视频: 6-4 虚拟环境基本使用 05:46 视频: 6-5 Linux 系统安装与配置 14:00 视频: 6-6 xshell 远程连接 Linux 系统 09:31 视频: 6-7 多平台 MySQL 数据库安装 04:43 视频: 6-8 数据库连接工具 Navicat 安装 02:05 视频: 6-9 Navicat 远程连接 MySQL 数据库 07:37 第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 第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 第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 第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 第13章 慕西商城首页开发 14 节|182分钟 收起 视频: 13-1 慕西商城首页核心功能有哪些?实现思路是什么? 05:11 视频: 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分钟 收起 视频: 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分钟 收起 视频: 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分钟 收起 视频: 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分钟 收起 视频: 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章 慕西商城项目上线部署 1 节| 收起 图文: 21-1 课程持续更新中 第22章 课程总结 1 节| 收起 图文: 22-1 课程持续更新中 来源: Django4+Vue3全新技术实战全栈项目官方同步 |