React16+React-Router4 从零打造企业级电商后台管理系统

xuenv2005

• 第1章 课程介绍

  本章整体介绍该课程的内容，让同学们了解这个课程的特点和学习方法，以及后台管理系统开发前的一些前置工作，如需求分析、技术选型和数据接口等。

  • 1-1 课程导学
  • 1-2 后台管理系统的需求分析和技术选型
  • 1-3 数据接口定义
    
  
  
• 第2章 课前知识储备

  本章介绍一些后面课程要用到的一些基础知识，为后面的开发打下基础，包括页面加载过程、ES6基础和本地存储相关的知识。

  • 2-1 课前知识储备
  • 2-2 页面加载过程
  • 2-3 ES6基础（1）
  • 2-4 ES6基础（2）
  • 2-5 本地存储
  • 2-6 总结
    + f$ K# ?+ k( c
  
  
• 第3章 前端框架的分析

  本章介绍前端框架的共性和应用场景，分析前端加载原理，并对单页和多页应用，框架和原生开发，三大主流框架之间做详细的对比。

  • 3-1 前端框架分析
  • 3-2 前端框架要解决的问题
  • 3-3 三大框架对比
  • 3-4 总结
    ( I" b! {. X( Z
  
  ( F' G' Y" ?9 ]
• 第4章 开发环境的搭建

  搭建项目依赖的开发环境，包括nodejs的安装，yarn的使用，webpack的配置，sass环境的配置以及打包工具webpack的配置方法。

  • 4-1 开发环境的搭建
  • 4-2 git的安装和项目的建立
  • 4-3 nodejs和yarn的安装
  • 4-4 Webpack配置（1）
  • 4-5 Webpack配置（2）
  • 4-6 代码提交
    " T& b4 _: T& ~1 _. B$ S( g1 h. K
  
  1 v4 O0 u/ e/ X4 l% L
• 第5章 React框架

  系统的介绍React的知识，基础部分通过代码的形式让大家加深理解。此外还有react周边的知识，比如路由工具React-Router，还有React中的几种数据处理方式。

  • 5-1 React框架基础
  • 5-2 初识React
  • 5-3 深入了解React（了解JSX语法）
  • 5-4 深入了解React（React组件）
  • 5-5 深入了解React（生命周期）
  • 5-6 Router原理及React-router
  • 5-7 React数据管理
  • 5-8 总结
    
  
  8 R3 f7 N1 I. J9 q' u3 ]
• 第6章 通用部分的开发

  本章搭建项目的通用部分，把可以抽离出来的内容用组件的形式组织起来，为业务开发打下基础。

  • 6-1 通用部分的开发
  • 6-2 通用布局的开发（1）
  • 6-3 通用布局的开发（2）
  • 6-4 头部导航的开发
  • 6-5 侧边导航的开发
  • 6-6 通用页面标题的开发
  • 6-7 代码的提交和总结
    + u8 o" [' d! |" B. U, M# f
  
  
• 第7章 基础功能模块的开发

  基础功能模块的包含了系统里作为辅助的页面，包括用户的登录退出。用户列表，以及首页和错误页这些基本的页面，零散但不可或缺。这一章会讲到用户登录原理相关的知识

  • 7-1 基础功能模块的开发
  • 7-2 登录页面的开发（1）
  • 7-3 登录页面的开发（2）
  • 7-4 登录页面的开发（3）
  • 7-5 登录状态管理
  • 7-6 首页的开发
  • 7-7 错误页面的开发
  • 7-8 用户列表的开发（1）
  • 7-9 用户列表的开发（2）
  • 7-10 代码提交及总结
    ( P4 q; i) H$ c" A5 E4 y
  
  0 d; y. Z# n8 D/ u) e3 O, b' E
• 第8章 商品模块的开发

  本章完成商品模块的开发，包括商品的列表、商品的添加编辑和商品详情，在这一章里会了解到jquery插件改造成react插件的方法

  • 8-1 商品模块的开发
  • 8-2 商品列表的开发（1）
  • 8-3 商品列表的开发（2）
  • 8-4 商品列表的开发（3）
  • 8-5 商品列表的开发（4）
  • 8-6 添加商品页面的开发（1）
  • 8-7 添加商品页面的开发（2）
  • 8-8 添加商品页面的开发（3）
  • 8-9 添加商品页面的开发（4）
  • 8-10 添加商品页面的开发（5）
  • 8-11 添加商品页面的开发（6）
  • 8-12 编辑商品页面的开发
  • 8-13 商品详情页的开发
  • 8-14 代码提交和总结
    
  
  
• 第9章 品类模块的开发

  本章完成对品类模块的开发，包括品类列表，增加品类和修改品类名称等功能。这一块重点内容是对生命周期的运用，加深对生命周期的理解。

  • 9-1 品类模块的开发
  • 9-2 品类列表页的开发
  • 9-3 添加品类页面的开发
  • 9-4 代码的提交和总结
    ' t9 ~# ]0 Y3 S! V# B& h% D5 \
  
  ! h4 r$ x; w( _8 l1 O) e: Y# d6 e9 w
• 第10章 订单模块的开发

  本章完成订单模块的开发，包括订单列表和订单详情，这时候应该对React开发比较熟悉了，这一章我们会快速的完成这个业务功能，来体会这种框架开发真正的效率体现。

  • 10-1 订单模块的开发
  • 10-2 订单列表的开发
  • 10-3 订单详情的开发
  • 10-4 代码提交及总结
    ) u4 z' c( _, G
  
  
• 第11章 后台管理系统的上线

  本章我们将会把代码发布到线上服务器，让同学们可以在外网访问。这一章主要内容就是代码的适配，代码的自动化发布，Nginx的配置和域名的解析等内容。让前端工程师也可以做发布，

  • 11-1 项目上线过程
  • 11-2 代码的上线前准备
  • 11-3 生产环境的配置
  • 11-4 代码发布过程
  • 11-5 nginx和域名的配置
  • 11-6 代码提交及总结
    / P0 ^/ i7 v: ~' m1 S
  
  : j0 B- N* t2 l) u5 l
• 第12章 课程总结

  总结本次课程的主要内容，对支持的同学表示感谢！

  • 12-1 总结
    6 j: Y" [4 G" k) b0 N6 P5 u& [
  
  $ I, x" F7 w5 r
  

# L  h, r) y' @' w8 b  \