这门课的主题很明确:用 Vue 做前端、用 Django REST framework 做后端,从零搭出一个生鲜电商的完整前后端分离项目。它解决的不是"我不会写 Python"或"我不会写 JavaScript"这类基础问题,而是很多人卡住的那一步——前后端各自都能写点东西,但不知道怎么把它们接起来,怎么设计接口、怎么让前端拿到数据后正确渲染、怎么处理登录状态。
它适合什么基础的人
如果你完全没碰过 Python 或 Vue,直接上手会比较吃力,课程节奏偏快,环境搭建部分虽然讲了 PyCharm、MySQL、虚拟环境、Vue 开发环境这些,但默认你能看懂基本的命令行操作和代码结构。比较合适的起点是:写过一点 Python,知道函数和类是怎么回事;或者做过简单的前端页面,能看懂 HTML 和基本的 JS。转行者如果已经学完 Python 基础语法,拿这个项目当第一个完整实战是可行的;纯零基础建议先补语法再来。
建议先看哪几块
不要按顺序从头刷到尾。先看开发环境搭建那部分,把 Python 虚拟环境、MySQL 和 Vue 环境跑通,这是后面所有内容的前提,环境不通会浪费大量时间在报错上。接着重点看 model 设计和资源导入这一块,它决定了整个商品数据结构长什么样,理解了 model,后面的接口和前端展示才有依据。然后看 RESTful API 的介绍部分,这是这门课的核心思路——为什么要用 DRF、序列化器在做什么、接口怎么定义。商品列表页、商品类别数据与 Vue 展示这两块是前后端真正对接的地方,建议边看边自己敲一遍。用户登录和手机注册放在后面看,它涉及状态保持和验证逻辑,等前面的数据流理顺了再处理会更清楚。
学完能独立做什么,资料怎么配合练习
跟完之后,你应该能独立完成一个带商品展示、分类筛选、用户注册登录的前后端分离项目,并且能把这个结构迁移到其他类似的电商或内容展示类需求上——比如换一套商品数据、改一个业务场景,你知道该动 model、该改序列化器、该调前端请求。练习方式上,不要只看视频。每看完一个模块,把代码关掉自己重写一遍,尤其是接口部分,试着自己定义 URL、写视图、用 DRF 的调试页面验证返回结果。前端部分重点练数据绑定和请求发送,理解 Vue 怎么拿到接口数据再渲染到页面上。资料里的代码可以当参考,但直接复制粘贴学不到东西,遇到报错先自己查,这本身就是这门课要练的能力。
整体来说,这是一门偏实战的拼接型课程,价值在于把前后端两条线串成一个能跑起来的项目。如果你正卡在"学了很多但没做过完整东西"的阶段,它值得花时间;如果你还在补语言基础,先放一放更稳妥。
课程目录
课程目录11 条
- 课程介绍 Vue+Django REST framework 打造生鲜电商项目 是一份体系课学习资料,内容围绕 Go、Vue 展开。 内容涵盖:开发环境搭建、model设计和资源导入、vue的结构和restful api介绍、商品列表页、商品类别数据和vue展示、用户登录和手机注册 等主题。 适合对 Go、Vue 有需求、希望一次性拿到完整资料的同学。 下方为完整资料与目录,可先看目录判断是否符合需要。 第1章 课程介绍 1-1 课程导学 (22:44) 第2章 开发环境搭建 2-1 pycharm的安装和简单使用 (08:17) 2-2 mysql和navicat的安装和使用_1 (16:20) 2-3 windows和linux下安装python2和python3_1 (06:49) 2-4 虚拟环境的安装和配置 (29:59) 2-5 vue开发环境搭建 (06:38) 2-6 django2.0升级步骤 (10:33) 2-7 资源获取方式和提问方式 (05:37) 第3章 model设计和资源导入 3-1 项目初始化 (25:02) 3-2 user models设计 (25:17) 3-3 goods的model设计 (25:11) 3-4 trade交易的model设计 (12:46) 3-5 用户操作的model设计 (07:23) 3-6 migrations原理及表生成 (11:35) 3-7 xadmin后台管理系统的配置 (19:24) 3-8 导入商品类别数据 (16:21) 3-9 导入商品和商品类别数据-2 (14:48) 第4章 vue的结构和restful api介绍 4-1 restful api介绍 (24:29) 4-2 vue的基本概念介绍 (16:54) 4-3 vue源码结构介绍 (07:28) 第5章 商品列表页 5-1 django的view实现商品列表页 (19:10) 5-2 django的serializer序列化model (12:46) 5-3 apiview方式实现商品列表页-1 (16:28) 5-4 apiview方式实现商品列表页-2 (12:03) 5-5 drf的modelserializer实现商品列表页功能 (14:43) 5-6 GenericView方式实现商品列表页和分页功能详解 (19:00) 5-7 viewsets和router完成商品列表页 (09:29) 5-8 drf的Apiview、GenericView、Viewset和router的原理分析 (14:18) 5-9 drf的request和response (06:19) 5-
- 10 drf的过滤 (15:23) 5-
- 11 drf的搜索和排序 (15:36) 5-
- 12 总结 (03:42) 第6章 商品类别数据和vue展示 6-1 商品类别数据接口-1 (11:20) 6-2 商品类别数据接口-2 (11:04) 6-3 vue展示商品分类数据 (18:15) 6-4 vue展示商品列表页数据-1 (18:19) 6-5 vue展示商品列表页数据 (17:57) 6-6 vue的商品搜索功能 (05:08) 第7章 用户登录和手机注册 7-1 drf的token登录和原理-1 (18:12) 7-2 drf的token登录和原理-2 (20:48) 7-3 viewsets配置认证类 (05:10) 7-4 json web token的原理 (21:20) 7-5 json web token方式完成用户认证 (07:20) 7-6 vue和jwt接口调试 (11:24) 7-7 云片网发送短信验证码 (17:41) 7-8 drf实现发送短信验证码接口-1 (14:22) 7-9 drf实现发送短信验证码接口-2 (10:50) 7-
- 10 user serializer和validator验证-1 (15:27) 7-
- 11 user serializer和validator验证-2 (18:44) 7-
- 12 django信号量实现用户密码修改 (24:47) 7-
- 13 vue和注册功能联调 (11:23) 第8章 商品详情页功能 8-1 viewsets实现商品详情页接口 (09:05) 8-2 热卖商品接口实现 (05:49) 8-3 用户收藏接口实现 (19:32) 8-4 drf的权限验证 (15:24) 8-5 用户收藏功能和vue联调 (14:16) 第9章 个人中心功能开发 9-1 drf的api文档自动生成和功能详解 (14:00) 9-2 动态设置serializer和permission获取用户信息 (21:02) 9-3 vue和用户接口信息联调 (03:18) 9-4 用户个人信息修改 (03:46) 9-5 用户收藏功能 (07:18) 9-6 用户留言功能 (15:48) 9-7 用户收货地址列表页接口开发 (10:45) 9-8 vue和收货地址接口联调 (04:39) 第10章 购物车、订单管理和支付功能 10-1 购物车功能需求分析和加入到购物车实现 (24:16) 10-2 修改购物车数量 (07:21) 10-3 vue和购物车接口联调 (14:29) 10-4 订单管理接口-1_1 (11:54) 10-5 订单管理接口-2 (10:16) 10-6 vue个人中心订单接口调试 (11:10) 10-7 pycharm远程代码调试-1 (16:24) 10-8 pycharm远程代码调试-2_1 (13:36) 10-9 支付宝公钥、私钥和沙箱环境的配置 (12:43) 10-
- 10 支付宝开发文档解读 (18:45) 10-
- 11 支付宝支付源码解读 (17:41) 10-
- 12 支付宝通知接口验证 (09:33) 10-13 django集成支付宝notify_url和return_url接口-1 (14:29) 10-14 django集成支付宝notify_url和return_url接口-2 (09:26) 10-15 支付宝接口和vue联调-1 (15:57) 10-16 支付宝接口和vue联调-2 (14:01) 第11章 首页、商品数量、缓存、限速功能开发 11-1 轮播图接口实现和vue调试 (10:44) 11-2 新品功能接口开发 (03:45) 11-3 首页商品分类显示功能-1 (14:31) 11-4 首页商品分类显示功能-2 (14:25) 11-5 商品点击数、收藏数修改 (12:12) 11-6 商品库存和销量修改 (10:42) 11-7 drf的缓存设置 (12:22) 11-8 drf配置redis缓存 (09:31) 11-9 drf的throttle设置api的访问速率 (09:36) 第12章 第三方登录 12-1 第三登录开发模式以及oauth2.0简介 (10:37) 12-2 oauth2.0获取微博的access_token (15:22) 12-3 social_django集成第三方登录-1 (16:20) 12-4 social_django集成第三方登录-2 (17:34) 第13章 sentry实现错误日志监控 13-1 sentry的介绍和通过docker搭建sentry (22:04) 13-2 sentry的功能 (17:51) 13-3 sentry 集成到django rest framework中-1 (17:35) 13-4 sentry 集成到django rest framework中-2 (10:45)






