尚硅谷Java培训

React全栈项目:谷粒后台

视频介绍

本套视频是尚硅谷前端课程推出的完整大型电商平台的前端项目视频:“React全栈SPA项目”,依托某大型企业级电商网站,使用React全家桶+AntD框架实现电商的后台管理系统。
如果你认为该视频只是在讲解一个后台项目,你可能对它还有所误会。

1、实现前后端的后台管理系统
2、灵活使用React和AntD,完善产品后台的数据管理问题
3、攻坚新的技术难点,使用React-Router新的4.0路由,使用Redux管理状态数据, 走在潮流之前
4、通过Echarts/Bizcharts图表功能实现数据可视化,构建产品运营的后台利器
5、让你的编程思维和项目实操能力得到双重提升,助你一路进阶
6、可基于此后台系统项目所学,开发更多其他项目,提高你驾驭项目的能力!
本项目涉及到的主要业务、模块、技术如下:
1.业务功能模块: 用户登陆、商品分类管理、商品管理、角色管理、用户管理、菜单权限控制、订单管理等
2.前端技术: React + React Router4 + Redux + Antd + Axios + ES6/ES8 + webpack + ECharts/Bizcharts 等
3.后端技术: NodeJS + Express + MongoDB + Mongoose + Multer 等
4.项目开发模式: 模块化、组件化、工程化的开发模式
5.深入源码: 自定义Redux库, 自定义React-Redux库

视频目录 选集

  • 001.尚硅谷_React全栈项目_最终版项目_启动和功能说明
  • 002.尚硅谷_React全栈项目_开发准备_项目描述
  • 003.尚硅谷_React全栈项目_开发准备_技术选型
  • 004.尚硅谷_React全栈项目_开发准备_API接口
  • 005.尚硅谷_React全栈项目_开发准备_其它
  • 006.尚硅谷_React全栈项目_使用脚手架创建项目并运行
  • 007.尚硅谷_React全栈项目_使用git管理项目
  • 008.尚硅谷_React全栈项目_项目源码基本目录设计
  • 009.尚硅谷_React全栈项目_引入antd
  • 010.尚硅谷_React全栈项目_引入路由
  • 011.尚硅谷_React全栈项目_Login组件_布局
  • 012.尚硅谷_React全栈项目_Login组件_Form表单
  • 013.尚硅谷_React全栈项目_Login组件_收集表单数据
  • 014.尚硅谷_React全栈项目_高阶函数与高阶组件
  • 015.尚硅谷_React全栈项目_Login组件_Form的声明式验证
  • 016.尚硅谷_React全栈项目_Login组件_Form的自定义验证
  • 017.尚硅谷_React全栈项目_Login组件_Form的统一验证
  • 018.尚硅谷_React全栈项目_复习&总结
  • 019.尚硅谷_React全栈项目_启动后台应用&使用postman测试接口
  • 020.尚硅谷_React全栈项目_封装axios定义ajax请求函数模块
  • 021.尚硅谷_React全栈项目_根据接口文档定义接口请求函数模块
  • 022.尚硅谷_React全栈项目_配置代理解决ajax请求跨域问题
  • 023.尚硅谷_React全栈项目_使用async和await简化promise的使用
  • 024.尚硅谷_React全栈项目_优化ajax请求函数模块_统一处理请求异常
  • 025.尚硅谷_React全栈项目_实现简单的登陆请求功能
  • 026.尚硅谷_React全栈项目_优化登陆功能_内存中保存user
  • 027.尚硅谷_React全栈项目_维持登陆与自动登陆
  • 028.尚硅谷_React全栈项目_Admin组件_搭建整体界面结构
  • 029.尚硅谷_React全栈项目_LeftNav组件_静态界面
  • 030.尚硅谷_React全栈项目_Admin的二级子路由
  • 031.尚硅谷_React全栈项目_通过左侧菜单跳转路由
  • 032.尚硅谷_React全栈项目_动态显示菜单列表_map()和递归
  • 033.尚硅谷_React全栈项目_动态显示菜单列表_reduce()和递归
  • 034.尚硅谷_React全栈项目_LeftNav组件_自动选中当前菜单项
  • 035.尚硅谷_React全栈项目_LeftNav组件_自动打开当前子列表
  • 036.尚硅谷_React全栈项目_复习&总结
  • 037.尚硅谷_React全栈项目_Header组件_静态界面
  • 038.尚硅谷_React全栈项目_定义jsonp请求的接口请求函数
  • 039.尚硅谷_React全栈项目_jsonp解决ajax跨域的原理
  • 040.尚硅谷_React全栈项目_动态显示当前时间和天气
  • 041.尚硅谷_React全栈项目_动态显示当前标题
  • 042.尚硅谷_React全栈项目_退出登陆功能
  • 043.尚硅谷_React全栈项目_LinkButton组件
  • 044.尚硅谷_React全栈项目_复习&总结
  • 045.尚硅谷_React全栈项目_Home组件_简单界面
  • 046.尚硅谷_React全栈项目_Category组件_静态界面
  • 047.尚硅谷_React全栈项目_Category组件_接口请求函数
  • 048.尚硅谷_React全栈项目_Category组件_异步显示一级分类列表
  • 049.尚硅谷_React全栈项目_Category组件_异步显示二级分类列表
  • 050.尚硅谷_React全栈项目_Category组件_完善列表显示
  • 051.尚硅谷_React全栈项目_Category组件_显示隐藏添加或更新的界面
  • 052.尚硅谷_React全栈项目_Category组件_添加和更新的静态界面
  • 053.尚硅谷_React全栈项目_Category组件_更新分类
  • 054.尚硅谷_React全栈项目_复习&总结
  • 055.尚硅谷_React全栈项目_Category组件_添加分类1
  • 056.尚硅谷_React全栈项目_Category组件_添加分类2
  • 057.尚硅谷_React全栈项目_Category组件_表单验证
  • 058.尚硅谷_React全栈项目_搭建商品的整体路由
  • 059.尚硅谷_React全栈项目_productHome组件_静态界面
  • 060.尚硅谷_React全栈项目_ProductHome组件_2种类型的分页技术
  • 061.尚硅谷_React全栈项目_ProductHome组件_异步分页列表
  • 062.尚硅谷_React全栈项目_ProductHome组件_搜索分页
  • 063.尚硅谷_React全栈项目_ProductDetial组件_静态界面
  • 064.尚硅谷_React全栈项目_ProductDetial组件_动态显示商品信息
  • 065.尚硅谷_React全栈项目_ProduectDetail组件_异步显示分类名称
  • 066.尚硅谷_React全栈项目_ProductHome组件_更新商品状态
  • 067.尚硅谷_React全栈项目_复习&总结
  • 068.尚硅谷_React全栈项目_LeftNav组件_解决不选中和不展开的bug
  • 069.尚硅谷_React全栈项目_ProductAddUpdate组件_静态界面(部分)
  • 070.尚硅谷_React全栈项目_ProductAddUpdate组件_表单验证
  • 071.尚硅谷_React全栈项目_ProductAddUpdate组件_商品分类界面
  • 072.尚硅谷_React全栈项目_ProductAddUpdate组件_级联显示一级列表
  • 073.尚硅谷_React全栈项目_ProductAddUpdate组件_级联显示二级列表
  • 074.尚硅谷_React全栈项目_ProductAddUpdate组件_显示默认分类1
  • 075.尚硅谷_React全栈项目_ProductAddUpdate组件_显示默认分类2
  • 076.尚硅谷_React全栈项目_PicturesWall组件_图片上传分析
  • 077.尚硅谷_React全栈项目_PicturesWall组件_上传图片
  • 078.尚硅谷_React全栈项目_PicturesWall组件_读取上传图片数据
  • 079.尚硅谷_React全栈项目_PicturesWall组件_删除图片
  • 080.尚硅谷_React全栈项目_PicturesWall组件_显示更新商品的图片
  • 081.尚硅谷_React全栈项目_复习&总结
  • 082.尚硅谷_React全栈项目_RichTextEditor组件_编辑富文本
  • 083.尚硅谷_React全栈项目_RichTextEditor组件_添加本地图片
  • 084.尚硅谷_React全栈项目_AddUpdateProduct组件_添加&更新商品
  • 085.尚硅谷_React全栈项目_角色和用户分析
  • 086.尚硅谷_React全栈项目_Role组件_静态界面
  • 087.尚硅谷_React全栈项目_Role组件_动态显示角色列表
  • 088.尚硅谷_React全栈项目_Role组件_显示添加的界面
  • 089.尚硅谷_React全栈项目_Role组件_添加角色
  • 090.尚硅谷_React全栈项目_Role组件_显示设置权限界面
  • 091.尚硅谷_React全栈项目_Role组件_设置角色权限
  • 092.尚硅谷_React全栈项目_Role组件_解决权限列表显示的bug
  • 093.尚硅谷_React全栈项目_复习&总结
  • 094.尚硅谷_React全栈项目_setState()的使用
  • 095.尚硅谷_React全栈项目_setState()的异步与同步
  • 096.尚硅谷_React全栈项目_setState()多次调用的问题
  • 097.尚硅谷_React全栈项目_setState()面试题
  • 098.尚硅谷_React全栈项目_shouldComponentUpdate的使用
  • 099.尚硅谷_React全栈项目_PureComponent的使用和原理
  • 100.尚硅谷_React全栈项目_User组件_用户分页列表
  • 101.尚硅谷_React全栈项目_User组件_删除用户
  • 102.尚硅谷_React全栈项目_User组件_添加的静态界面
  • 103.尚硅谷_React全栈项目_User组件_添加用户
  • 104.尚硅谷_React全栈项目_User组件_更新用户
  • 105.尚硅谷_React全栈项目_菜单权限管理
  • 106.尚硅谷_React全栈项目_复习&总结
  • 107.尚硅谷_React全栈项目_解决2个功能bug
  • 108.尚硅谷_React全栈项目_将dev分支合并到master分支
  • 109.尚硅谷_React全栈项目_redux理解
  • 110.尚硅谷_React全栈项目_counter应用_react版本
  • 111.尚硅谷_React全栈项目_counter应用_redux版本
  • 112.尚硅谷_React全栈项目_redux流程图
  • 113.尚硅谷_React全栈项目_react-redux使用
  • 114.尚硅谷_React全栈项目_复习&总结
  • 115.尚硅谷_React全栈项目_connect函数使用
  • 116.尚硅谷_React全栈项目_使用redux-thunk实现异步redux
  • 117.尚硅谷_React全栈项目_使用redux调试工具
  • 118.尚硅谷_React全栈项目_使用combineReducers整合多个reducer
  • 119.尚硅谷_React全栈项目_搭建redux环境
  • 120.尚硅谷_React全栈项目_使用redux管理头部标题
  • 121.尚硅谷_React全栈项目_使用redux管理用户数据1
  • 122.尚硅谷_React全栈项目_使用redux管理用户数据2
  • 123.尚硅谷_React全栈项目_自定义redux_语法功能分析
  • 124.尚硅谷_React全栈项目_自定义redux_整体结构
  • 125.尚硅谷_React全栈项目_自定义redux_实现createStore函数
  • 126.尚硅谷_React全栈项目_自定义redux_实现combineReducers函数
  • 127.尚硅谷_React全栈项目_自定义react-redux_语法功能分析
  • 128.尚硅谷_React全栈项目_自定义react-redux_context的理解和使用
  • 129.尚硅谷_React全栈项目_自定义react-redux_整体结构
  • 130.尚硅谷_React全栈项目_自定义react-redux_Provider组件类
  • 131.尚硅谷_React全栈项目_自定义react-redux_connect函数
  • 132.尚硅谷_React全栈项目_自定义react-redux_connect函数2
  • 133.尚硅谷_React全栈项目_复习&总结
  • 134.尚硅谷_React全栈项目_数据可视化相关库说明
  • 135.尚硅谷_React全栈项目_echarts_柱状图
  • 136.尚硅谷_React全栈项目_使用bizCharts实现首页
  • 137.尚硅谷_React全栈项目_前台404组件界面
  • 138.尚硅谷_React全栈项目_使用HashRouter_并解决2个bug
  • 139.尚硅谷_React全栈项目_生产环境打包项目运行_无跨域
  • 140.尚硅谷_React全栈项目_生产环境打包项目运行_有跨域_使用nginx
  • 141.尚硅谷_React全栈项目_解决BrowserRouter生产环境404的问题