你将学到的
  • create-react-app 的安装与使用
  • React 基本介绍
  • 状态容器 Redux
  • 使用 express 搭建后端
  • React-router 路由
  • 销售管理系统的实现
课程内容
  共10个章节
lab-classic 实验 1 环境搭建

知识点: 1.React 2.webpack 3.express

知识点: 1.React 2.Reactrouter 3.Redux

知识点: 1.React 2.Reactrouter

lab-classic 实验 4 商品选择界面

知识点: 1.React 2.Reactrouter

lab-classic 实验 5 审核记录界面

知识点: 1.React 2.Reactrouter

lab-classic 实验 6 提现界面和帮助界面

知识点: 1.React 2.Reactrouter

lab-classic 实验 7 使用 redux 管理 state

知识点: 1.React 2.Redux

lab-classic 实验 8 数据库配置和数据模型的搭建

知识点: 1.mongoDB 2.mongoose

知识点: 1.express 2.axios

课程介绍

本训练营的目标是使用 React 全家桶+ express + mongoDB 实现一个 销售管理系统,涉及到一个完整的 React 的项目开发流程。该项目主要分为前端模块和后端模块。前端模块使用 React 全家桶完成,包括 React 组件开发,React-Router 路由配置,Redux 状态管理。后端模块主要包括 mongoDB 操作,Node 模块。最终,我们可以实现以下这些功能:用户填写主界面的表单,提交到后台。审核记录界面实时更新上传的信息等。用户在填写表单的时候会有多个页面信息的填写,这涉及到的组件之间的数据保留和传递的过程,使用了 redux 。贯穿整个项目始终的是前后端分离的思想,通过前后端分离的开发模式,不仅可以深入了解开发流程,同时也可以锻炼 React 全家桶的使用。

实验任务

  • 环境的搭建。
  • 了解 React 各个重要组件。
  • 完成销售管理系统。

效果展示

销售管理系统主页面

图片描述

审核记录页面

图片描述

适合人群

  • 有一定 Web 开发基础,对 React 和 Web 开发感兴趣的同学。

课程信息

  • 学习周期:课程有效期 2 个月, 2 个月后实验文档一直可以看,但无法进行在线实验。高级会员有效期内可一直学习,高级会员到期后课程失效(不能看文档)。
  • 课程价格:当前优惠价 129 元。
  • 企业团报:可获得更多支持服务,请点击购买咨询
课程教师

firefliesx 共发布过 3 门课程

查看老师的所有课程 >
实验楼楼+
实验楼会员
会员
开通会员,即刻开始学习
公众号
实验楼学习助手 实验楼订阅号