React全家桶+AntD 共享单车后台管理系统开发

xuenv2005

• 第1章 课程导学

  对课程整体进行介绍，并且说明学习的必要性。

  • 1-1 课程导学
    
  
  
• 第2章 React基础知识

  React基础知识以及生命周期的介绍，并使用React官方脚手架初始化基础项目，同时介绍了新一代打包工具Yarn。

  • 2-1 React基础介绍
  • 2-2 React脚手架使用
  • 2-3 React生命周期介绍
    ' L9 R$ v5 P; r5 e- S/ p
  
  - D$ h( J2 C$ I( e8 t" T
• 第3章 主页面架构设计

  详细介绍了初始项目的插件安装、主题定制以及主页面结构设计。

  • 3-1 基础插件安装（1）
  • 3-2 基础插件安装（2）
  • 3-3 （安装课程中Webpack版本的用户请忽略这一小节）Webpack4.19.1版本文件合并后配置按需加载
  • 3-4 页面结构开发（1）
  • 3-5 页面结构开发（2）
  • 3-6 菜单组件开发（1）
  • 3-7 菜单组件开发（2）
  • 3-8 头部组件实现（1）
  • 3-9 头部组件实现（2）
  • 3-10 底部组件功能实现（1）
  • 3-11 底部组件功能实现（2）
    
  
  
• 第4章 Router 4.0路由实战演练

  主要介绍Router 4.0 路由的使用，从Demo讲解到实战演练，一应俱全。

  • 4-1 React-Router 4.0路由基本介绍
  • 4-2 -React-Router4.0 路由Demo演示（1）
  • 4-3 -React-Router4.0 路由Demo演示（2）
  • 4-4 React-Router4.0 Demo2演示
  • 4-5 React-Router4.0在项目当中的运用
    
  
  
• 第5章 UI菜单各个组件使用

  详细介绍了UI菜单下各个组件的使用，包括了Button、Modal、Loading、Notification、Message、Tab、Gallery、Carousel组件。

  • 5-1 Button按钮使用讲解（1）
  • 5-2 Button按钮使用讲解（2）
  • 5-3 Modal组件使用讲解（1）
  • 5-4 Modal组件使用讲解（2）
  • 5-5 Loading组件使用
  • 5-6 Notification组件使用
  • 5-7 Message组件使用
  • 5-8 Tabs组件使用（1）
  • 5-9 Tabs组件使用（2）
  • 5-10 制作Gallery图片画廊（1）
  • 5-11 制作Gallery图片画廊（2）
  • 5-12 Carousel组件使用
    
  
  % |5 s  y% ]: K! v1 S  \
• 第6章 表单使用

  常用表单组件的使用介绍，涵盖几乎所有常用表单组件。

  • 6-1 登录表单讲解（上）
  • 6-2 登录表单讲解（下）
  • 6-3 注册表单讲解（上）
  • 6-4 注册表单讲解（下）
    
  
  
• 第7章 基础表格、高级表格使用

  基于AntD的表格使用介绍，从初级到高级，包含了大部分开发中常用的表格知识和技巧 。

  • 7-1 基础表格讲解
  • 7-2 项目工程化之表格动态渲染（1）
  • 7-3 项目工程化之表格动态渲染（2）
  • 7-4 项目工程化之表格动态渲染（3）
  • 7-5 表格嵌套单选按钮讲解
  • 7-6 表格嵌套多选按钮
  • 7-7 表格分页
  • 7-8 高级表格讲解（1）
  • 7-9 高级表格讲解（2）
    
  
  0 }0 j; c6 @- n" S! N
• 第8章 单车业务之城市管理模块

  电单车业务菜单介绍，主要讲解了城市管理菜单的模块开发。

  • 8-1 城市管理（上）
  • 8-2 城市管理（下）
  • 8-3 开通城市实现
    0 B. f2 t( W7 b9 L+ @- l) u
  
  
• 第9章 单车业务之订单管理模块

  主要讲解了单车订单模块的开发，同时讲解了如何制定通用页面结构，囊括了地图业务、单车基础业务知识。

  • 9-1 订单列表（上）
  • 9-2 订单列表（下）
  • 9-3 通用页面结构设计
  • 9-4 订单基础信息实现
  • 9-5 地图功能实现（上）
  • 9-6 地图功能实现（下）
    
  
  
• 第10章 项目工程化开发

  主要介绍了项目工程化，通过对一系列模块的封装来提升开发效率。

  • 10-1 项目工程化概念理解
  • 10-2 模块化封装-BaseForm（1）
  • 10-3 模块化封装-BaseForm（2）
  • 10-4 请求列表封装
  • 10-5 表格封装（1）
  • 10-6 表格封装（2）
  • 10-7 表格封装（3）
    $ y; s! _2 _) J" H9 h% J+ _
  
  
• 第11章 员工管理菜单模块开发

  详细介绍了员工模块的功能开发，主要功能是针对员工的增删改查。

  • 11-1 员工管理列表实现
  • 11-2 创建员工功能实现
  • 11-3 员工编辑、详情、删除功能实现
    
  
  
• 第12章 车辆地图模块开发

  主要讲解了车辆地图服务，通过城市、时间等条件可筛选出符合条件的车辆地图分布。

  • 12-1 页面初始化实现
  • 12-2 地图数据渲染实现
    ) ~. t$ {) ~9 C6 v; k( P# M% K' P
  
  3 h, l9 @, C: M# A) s( u
• 第13章 图表模块开发

  主要讲解了Echarts和React的结合使用，如何通过Echart开发出绚丽的图表功能，涵盖了柱形图、饼图和折线图以满足基本的业务需要。

  • 13-1 图表基础知识介绍
  • 13-2 柱形图功能实现
  • 13-3 饼图功能实现（1）
  • 13-4 饼图功能实现（2）
  • 13-5 折线图功能实现
  • 13-6 富文本功能实现
    
  
  # s/ D: o9 t5 o/ W3 j
• 第14章 权限设置模块开发

  主要讲解了目前实战课程的权限管理模块，如何能够设置不同用户加载不同的菜单，实现权限的动态分配。

  • 14-1 权限设计和功能列表实现
  • 14-2 角色创建功能实现
  • 14-3 权限设置功能实现（1）
  • 14-4 权限设置功能实现（2）
  • 14-5 菜单结构调整
  • 14-6 用户授权（1）
  • 14-7 用户授权（2）
    
  
  
• 第15章 Redux集成开发

  主要讲解了如何将Redux集成到项目中，并加以运用，如何教会大家来运用redux知识。

  • 15-1 Redux基本介绍
  • 15-2 Redux项目集成（1）
  • 15-3 Redux项目集成（2）
  • 15-4 Redux实战开发（1）
  • 15-5 Redux实战开发（2）
  • 15-6 课程总结