世界上最伟大的投资就是投资自己的教育
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程
97 个视频
mern 架构零基础开发完整电商网站
畅销
已完结
preview: http://react-redux-shopping.qiuzhi99.com/
或者 https://shop-mern-dqwjs8knu-hfpp20121.vercel.app/ 或 https://shop-mern.vercel.app/
登录： admin@example.com 密码：123456
商城功能特性
- 全功能购物车
- 产品评论和评级
- 顶级产品轮播
- 商品分页
- 商品搜索
- 用户配置页面与订单
- 后台商品管理
- 后台用户管理
- 后台订单详情页面
- 将订单标记为交付选项
- 结帐流程 (发货、付款方式等)
- PayPal / credit card integration
- Database seeder (products & users) 等
适宜人群
React 初学者，前端程序员，后端程序员
你需要准备什么？
了解过 React, JavaScript，Nodejs 即可
一台电脑一杯咖啡
电脑上装有 Nodejs 和一个你所喜欢的编辑器
一颗热爱编程的心
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #01 项目介绍02:21
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #02 实战，创建项目04:56
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #03 写好基础页面 - React-Bootstrap - Footer - Header10:45
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #04 响应式页面 - 产品列表08:08
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #05 评星组件06:29
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #07 商品详情页08:55
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #08 第二部分 - 搭建后端 - 构建路由 - 响应产品数据08:05
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #09 第二部分 - 用 useEffect 从 React 中得到产品数据08:28
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #10 第二部分 - Nodemon & Concurrently 设置 - 多条命令执行07:11
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #11 第二部分 - 环境变量配置05:50
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #12 第二部分 - 用 ES Modules 来组织代码 - 将进入第三部分04:45
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #13 第三部分 - 安装 mongodb 数据库02:04
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #14 第三部分 - 连接数据库04:32
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #15 第三部分 - 给终端添上颜色（选学）02:32
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #16 第三部分 - 建立用户、产品、订单模型09:28
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #17 第三部分 - 准备好产品和用户数据03:13
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #18 第三部分 - 数据种子脚本08:47
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #19 第三部分 - 后端从数据库中得到产品数据10:16
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #20 第三部分 - 使用 api 测试工具 insomnia02:23
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #21 第三部分 - 全局错误处理 - 将进入第四部分06:34
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #22 第四部分 - 状态管理 - redux03:15
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #23 第四部分 - 状态管理 - 创建 redux store05:40
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #24 第四部分 - 状态管理 - 产品列表 reducer07:25
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #25 第四部分 - 状态管理 - 产品列表 action05:15
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #27 第四部分 - 状态管理 - 用组件显示错误信息02:36
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #28 第四部分 - 状态管理 - Loader 组件02:29
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #29 第四部分 - 状态管理 - 产品详情页处理完成 - 准备进入第五部分06:11
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #30 第五部分 - 购物车 - 处理商品数量07:50
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #31 第五部分 - 购物车 - 购物车 reducer 和 action11:41
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #32 第五部分 - 购物车 - 添加购物车06:43
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #33 第五部分 - 购物车 - 完成购物车页面12:22
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #34 第五部分 - 购物车 - 从购物车中删除商品 - 将进入第六部分03:08
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #35 第六部分 - 后端用户认证 - 把路由改造成控制器03:55
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #36 第六部分 - 后端用户认证 - 登录功能09:21
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #37 第六部分 - 后端用户认证 - 讲解 json web token04:04
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #38 第六部分 - 后端用户认证 - 如何生成 json web token04:49
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #39 第六部分 - 后端用户认证 - 自定义的认证中间件12:13
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #40 第六部分 - 后端用户认证 - 注册功能 - 准备进入第七部分09:06
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #41 第七部分 - 前端用户登录注册和个人信息 - 用户登录 reducer & action07:52
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #42 第七部分 - 前端用户登录注册和个人信息 - 完成用户登录功能12:19
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #43 第七部分 - 前端用户登录注册和个人信息 - 在导航条显示用户信息 - 退出登录06:05
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #44 第七部分 - 前端用户登录注册和个人信息 - 完成注册功能08:12
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #45 第七部分 - 前端用户登录注册和个人信息 - 后端个人信息更新 api04:13
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #47 第七部分 - 前端用户登录注册和个人信息 - 个人信息页面09:51
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #48 第七部分 - 前端用户登录注册和个人信息 - 更新个人页面信息08:13
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #49 第八部分 - 支付流程 - 保存收货地址15:03
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #50 第八部分 - 支付流程 - Checkout Steps Component06:01
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #51 第八部分 - 支付流程 - 选择支付方法11:56
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #52 第八部分 - 支付流程 - 订单确认页面 part 108:36
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #53 第八部分 - 支付流程 - 订单确认页面 part 210:54
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #54 第八部分 - 支付流程 - 后端创建订单05:16
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #55 第八部分 - 支付流程 - 完成创建订单11:29
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #56 第八部分 - 支付流程 - 后端显示订单详情06:08
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #57 第八部分 - 支付流程 - 前端订单详情 - reducer - action03:37
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #58 第八部分 - 支付流程 - 前端订单详情页面15:23
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #59 第八部分 - 支付流程 - 让订单支付完成（后端）05:50
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #60 第八部分 - 支付流程 - 订单支付 reducer & action06:34
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #61 第八部分 - 支付流程 - 集成 paypal 支付 part 113:12
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #62 第八部分 - 支付流程 - 集成 paypal 支付 part 213:30
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #63 第八部分 - 支付流程 - 集成 paypal 支付 part 312:43
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #65 第八部分 - 支付流程 - 个人用户界面显示订单列表09:09
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #66 第九部分 - 后台管理 - 获取所有用户 Api & admin 中间件06:32
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #67 第九部分 - 后台管理 - 用户管理11:49
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #68 第九部分 - 后台管理 - 删除用户09:27
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #69 第九部分 - 后台管理 - 更新用户 api04:25
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #70 第九部分 - 后台管理 - 更新用户 api14:43
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #71 第九部分 - 后台管理 - 更新用户完成12:48
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #72 第十部分 - 后台管理 - 产品列表07:11
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #73 第十部分 - 后台管理 - 删除商品08:31
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #74 第十部分 - 后台管理 - 添加和修改商品 api06:42
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #75 第十部分 - 后台管理 - 添加商品完成10:22
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #76 第十部分 - 后台管理 - 编辑商品页面09:36
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #77 第十部分 - 后台管理 - 更新商品完成07:20
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #78 第十部分 - 后台管理 - 文件上传 api11:25
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #79 第十部分 - 后台管理 - 完成图片上传15:53
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #80 第十部分 - 后台管理 - 订单列表08:31
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #81 第十部分 - 后台管理 - 商品设置为运送状态11:46
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #82 第十一部分 - 商品评论与搜索 - 日志插件 morgan02:28
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #83 第十一部分 - 商品评论与搜索 - 后端创建商品评论09:01
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #84 第十一部分 - 商品评论与搜索 - 解决一个 bug03:30
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #85 第十一部分 - 商品评论与搜索 - 前端商品评论 p109:16
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #86 第十一部分 - 商品评论与搜索 - 前端商品评论 p2 react-helmet06:56
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #87 第十一部分 - 商品评论与搜索 - 前端商品评论 p315:20
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #88 第十一部分 - 商品评论与搜索 - 商品搜索 p109:12
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #89 第十一部分 - 商品评论与搜索 - 商品搜索 p210:54
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #90 第十一部分 - 商品评论与搜索 - 后端实现分页05:18
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #91 第十一部分 - 商品评论与搜索 - 分页08:08
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #92 第十一部分 - 商品评论与搜索 - 完成分页08:34
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #93 第十一部分 - 商品评论与搜索 - 产品轮播图10:30
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #94 第十二部分 - 部署 - 前端08:40
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #95 第十二部分 - 部署 - 后端11:06
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #96 第十二部分 - 部署 - 完结06:08
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #97 补充篇 - 使用 axios 来优化重构代码19:31
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #03 写好基础页面 - React-Bootstrap - Footer - Header
免费10:45
2943 次点击资源下载
Pro04:39
4615 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #08 第二部分 - 搭建后端 - 构建路由 - 响应产品数据
Pro08:05
1519 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #09 第二部分 - 用 useEffect 从 React 中得到产品数据
Pro08:28
1373 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #10 第二部分 - Nodemon & Concurrently 设置 - 多条命令执行
Pro07:11
1760 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #12 第二部分 - 用 ES Modules 来组织代码 - 将进入第三部分
Pro04:45
1203 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #23 第四部分 - 状态管理 - 创建 redux store
Pro05:40
3219 次点击资源下载
Pro09:45
1045 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #29 第四部分 - 状态管理 - 产品详情页处理完成 - 准备进入第五部分
Pro06:11
1085 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #31 第五部分 - 购物车 - 购物车 reducer 和 action
Pro11:41
1108 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #34 第五部分 - 购物车 - 从购物车中删除商品 - 将进入第六部分
Pro03:08
1100 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #37 第六部分 - 后端用户认证 - 讲解 json web token
Pro04:04
1075 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #38 第六部分 - 后端用户认证 - 如何生成 json web token
Pro04:49
1150 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #40 第六部分 - 后端用户认证 - 注册功能 - 准备进入第七部分
Pro09:06
1077 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #41 第七部分 - 前端用户登录注册和个人信息 - 用户登录 reducer & action
Pro07:52
1283 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #42 第七部分 - 前端用户登录注册和个人信息 - 完成用户登录功能
Pro12:19
1353 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #43 第七部分 - 前端用户登录注册和个人信息 - 在导航条显示用户信息 - 退出登录
Pro06:05
1016 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #44 第七部分 - 前端用户登录注册和个人信息 - 完成注册功能
Pro08:12
1041 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #45 第七部分 - 前端用户登录注册和个人信息 - 后端个人信息更新 api
Pro04:13
1051 次点击
Pro05:43
1109 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #47 第七部分 - 前端用户登录注册和个人信息 - 个人信息页面
Pro09:51
1029 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #48 第七部分 - 前端用户登录注册和个人信息 - 更新个人页面信息
Pro08:13
1091 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #50 第八部分 - 支付流程 - Checkout Steps Component
Pro06:01
1241 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #57 第八部分 - 支付流程 - 前端订单详情 - reducer - action
Pro03:37
1324 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #60 第八部分 - 支付流程 - 订单支付 reducer & action
Pro06:34
944 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #61 第八部分 - 支付流程 - 集成 paypal 支付 part 1
Pro13:12
957 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #62 第八部分 - 支付流程 - 集成 paypal 支付 part 2
Pro13:30
915 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #63 第八部分 - 支付流程 - 集成 paypal 支付 part 3
Pro12:43
962 次点击资源下载
Pro07:57
950 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #66 第九部分 - 后台管理 - 获取所有用户 Api & admin 中间件
Pro06:32
987 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #74 第十部分 - 后台管理 - 添加和修改商品 api
Pro06:42
871 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #82 第十一部分 - 商品评论与搜索 - 日志插件 morgan
Pro02:28
783 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #83 第十一部分 - 商品评论与搜索 - 后端创建商品评论
Pro09:01
795 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #85 第十一部分 - 商品评论与搜索 - 前端商品评论 p1
Pro09:16
792 次点击资源下载
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #86 第十一部分 - 商品评论与搜索 - 前端商品评论 p2 react-helmet
Pro06:56
791 次点击
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程 #87 第十一部分 - 商品评论与搜索 - 前端商品评论 p3
Pro15:20
851 次点击资源下载
368 位学员学过
▬▬▬▬▬▬ 联系我 👋 ▬▬▬▬▬▬
微信：qiuzhi99pro
b 站：https://space.bilibili.com/31152817
知乎：https://www.zhihu.com/people/rails365
Youtube：https://www.youtube.com/channel/UCA-Jkgr40A9kl5vsIqg-BIg
© 汕尾市求知科技有限公司 | Rails365 Gitlab | 知乎 | b 站 | csdn
粤公网安备 44152102000088号
| 粤ICP备19038915号
您好，有没有在线地址可以看网站效果的呀
到时会加上地址的
请问这个项目的 source code 在哪
在最后一节，资源下载 里