课程介绍

注意0：欲购买此课程，获取安全购买链接，索要正版授权学习平台账号，务必加咨询QQ：2536379620
注意1：由于编码原因，试听课程视频画面清晰度不如最终购买的视频。最终购买视频的画面清晰度可参见以下两张图。图1   图2
注意2：正版良心视频，购买后有机会和原作者直接短暂技术交流。

注意3：感觉课程太难？没有信心？还在犹豫自己学的会学不会？我们的师傅带徒弟模式（5倍下单）会给您信心。我们承诺， 商品详情，教学大纲，视频内容，所涉及技术，可获得原创作者老师微信或QQ和针对视频范围的精心指导。线上一对一师带徒辅导问答，针对视频内代码调试，使命必达，视频之外相关技术内容，行业内信息人脉，企业内推(如有)，原创作者老师会竭诚帮助。

以上所示价格，只能自行学习视频和获取少量解答。师傅带徒弟课程（5倍下单左右，可以先和客服联系，可获得老师的联系方法和针对视频范围的精心指导。线上一对一师带徒辅导问答，针对视频内代码调试，使命必达。）

 

适用人群

有一定react基础，且对全栈开发感兴趣的小伙伴

课程目标

从零开始使用react,redux,node,express,mongoDB构建商城应用

课程大纲

第1章 课程介绍&项目效果预览

27分钟1节

1-1课程介绍&项目效果预览[27:26]
  免费试看
第2章 React商城系统——环境准备

9分钟1节

2-1环境准备—环境安装[09:09]

第3章 React商城系统——启动前端

1小时55分钟6节

3-1启动前端—创建react脚手架[18:10]
3-2启动前端—创建header和footer[22:35]
3-3启动前端—创建主页页面[20:43]
3-4启动前端—创建评分组件[19:11]
3-5启动前端—实现react路由[10:54]
3-6启动前端—创建产品详情界面[24:00]

第4章 React商城系统——搭建后端

54分钟6节

4-1搭建后端—前后端工作流程介绍[06:27]
4-2搭建后端—express搭建服务器[12:50]
4-3搭建后端—react请求后端产品数据（useEffe[14:44]
4-4搭建后端—安装nodemon & Concurren[07:06]
4-5搭建后端—设置环境变量[06:59]
4-6搭建后端—nodejs的ES模块[05:57]

第5章 React商城系统——MongoDB数据库入门

2小时12分钟9节

5-1MongoDB数据库——MongoDB Atlas[13:06]
5-2MongoDB数据库——连接数据库[12:02]
5-3MongoDB数据库——安装Colors软件包[05:16]
5-4MongoDB数据库——创建数据模型[27:38]
5-5MongoDB数据库——准备样本数据[07:46]
5-6MongoDB数据库——创建seeder脚本[25:05]
5-7MongoDB数据库——请求数据库产品数据[14:56]
5-8MongoDB数据库——初始化Postman工具[10:38]
5-9MongoDB数据库——自定义错误处理中间件[15:59]

第6章 React商城系统——redux状态管理

1小时26分钟6节

6-1redux状态管理—redux工作原理[10:45]
6-2redux状态管理—创建redux store[13:21]
6-3redux状态管理—产品列表reducer&acti[20:21]
6-4redux状态管理—主页面获取redux产品状态[17:59]
6-5redux状态管理—创建消息组件&加载组件[08:54]
6-6redux状态管理—产品详情reducer&acti[15:25]

第7章 React商城系统——添加购物车

1小时21分钟5节

7-1添加购物车—数量下拉框&添加购物按钮[14:26]
7-2添加购物车—购物车reducer&添加到购物车act[24:43]
7-3添加购物车—实现添加到购物车功能[11:53]
7-4添加购物车—创建购物车页面[24:16]
7-5添加购物车—移除购物车产品[06:12]

第8章 React商城系统——后端用户认证

1小时13分钟7节

8-1后端用户认证—创建Controller控制器[06:44]
8-2后端用户认证—用户认证路径（Endpoint）[19:33]
8-3后端用户认证—JWT介绍[05:14]
8-4后端用户认证—生成JWT令牌[06:30]
8-5后端用户认证—自定义认证中间件[19:36]
8-6后端用户认证—postman中保存token令牌[03:06]
8-7后端用户认证—用户注册&密码加密[12:57]

第9章 React商城系统——前端用户认证

2小时17分钟8节

9-1前端用户认证—用户登录Reducer&action[18:13]
9-2前端用户认证—用户登录页面&登录功能[28:13]
9-3前端用户认证—导航显示登录用户信息&退出[12:25]
9-4前端用户认证—用户注册reducer&action[21:45]
9-5前端用户认证—后端创建更新用户资料路径[12:51]
9-6前端用户认证—用户资料页面&获取用户详情[22:08]
9-7前端用户认证—更新用户资料[13:42]
9-8前端用户认证—重置更新用户资料[08:00]

第10章 React商城系统——结账流程（一）

1小时56分钟6节

10-1结账流程（一）—收货地址页面&保存地址[25:22]
10-2结账流程（一）—创建结账步骤组件[07:45]
10-3结账流程（一）—支付方法页面&保存支付[19:32]
10-4结账流程（一）—确认订单页面[30:17]
10-5结账流程（一）—创建订单Controller &路由[11:59]
10-6结账流程（一）—实现创建订单功能[21:21]

第11章 React商城系统——结账流程（二）

38分钟3节

11-1结账流程（二）—通过ID获取订单路径[10:21]
11-2结账流程（二）—订单详情reducer&action[05:50]
11-3结账流程（二）—订单页面[22:25]

第12章 React商城系统——后台管理员界面（一）

1小时53分钟7节

12-1后台管理员界面（一）— 管理员中间件[13:11]
12-2后台管理员界面（一）— 管理用户列表01-30-路由[29:16]
12-3后台管理员界面（一）— 安全访问后台页面[08:02]
12-4后台管理员界面（一）—管理员实现用户删除[17:36]
12-5后台管理员界面（一）—依据id获取用户[11:45]
12-6后台管理员界面（一）—用户资料编辑页面[17:08]
12-7后台管理员界面（一）—实现更新用户资料[16:08]

第13章 React商城管理系统——后台管理员界面（二）

3小时2分钟9节

13-1后台管理员界面（二）— 管理产品列表[16:07]
13-2后台管理员界面（二）—管理员实现删除产品[18:04]
13-3后台管理员界面（二）—创建&更新产品路径[20:08]
13-4后台管理员界面（二）—管理员创建产品[20:14]
13-5后台管理员界面（二）—编辑产品页面[25:01]
13-6后台管理员界面（二）—管理员更新产品[14:18]
13-7后台管理员界面（二）—图片上传配置&路径[26:21]
13-8后台管理员界面（二）—前端上传图片[20:18]
13-9后台管理员界面（二）—管理订单列表[21:58]

第14章 React商城系统——实现支付

2小时48分钟9节

14-1实现支付—添加微信支付弹出框[20:00]
14-2实现支付—实现微信支付[20:31]
14-3实现支付—微信扫一扫实现原理[07:48]
14-4实现支付—更新支付订单路径[13:53]
14-5实现支付—支付页面状态更新[17:36]
14-6实现支付—PayPal支付[29:10]
14-7实现支付—获取个人用户创建的订单[27:14]
14-8实现支付—重置个人用户详情&订单页面[07:02]
14-9实现支付—管理员更新发货状态[25:43]

第15章 React商城系统——扩展功能

2小时53分钟7节

15-1扩展功能—安装morgan&创建评论路径[23:36]
15-2扩展功能—实现评论功能[36:36]
15-3扩展功能—产品搜索[22:11]
15-4扩展功能—分页导航[36:38]
15-5扩展功能—轮播图[19:01]
15-6扩展功能—自定义页面标题[12:51]
15-7扩展功能—添加重置[22:53]

第16章 React商城系统——部署

32分钟3节

16-1部署—部署准备[10:20]
16-2部署—实现部署[21:44]
16-3课程代码[说明]