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

第一章 课程导学

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

1-1 导学

焦虑：技术不足+经验不足

产品需求

1、技术选型
2、项目架构
3、项目规范
4、封装项目公共机制
5、提高开发效率

课程概述

React全家桶

• React基础知识、生命周期
• Router4.0语法讲解：某些公司使用Router3.0，语法与Router4.0有很大差别
• Redux集成开发：状态的管理，多页面的数据存储

AntD UI组件

• 最实用集成组件：基础组件包括Form，input组件、button组件、日期控件、树形结构等等，同时包含实用型的Model框
• AntD栅格系统：响应式布局
• Etable组件封装：划分到公共机制，基于table组件二次封装，为了让系统的table组件保存统一风格
• BaseForm组件封装
• 表格内嵌单选、复选封装：提供复用性

公共机制封装

体现一个项目是否健全，体现一个开发者能力水平。
稳定性，版本迭代的效率和速度。

• Axios请求插件封装：错误处理和拦截(拦截器)
• API封装：对整个项目服务端请求的url地址做统一的集中管理，替换url可以批量替换
• 错误拦截
• 权限、菜单封装：方便管理
• 日期、金额、手机号封装...
• Loading、分页、Mock...

项目特色

• 前沿的技术栈
• 健全的架构
• 丰富UI组件
• 共享单车项目

项目整体架构

课程安排

• 第一章主要介绍React基础知识
• 第二章讲解主页面架构设计
• 第三章讲解Router4.0路由实战演练
• 第四-六章讲解常用UI组件
• 第七、八章讲解单车业务基础功能开发
• 第九章讲解项目工程化开发
• 第十至十三章讲解单车业务核心模块开发
• 第十四章讲解Redux集成

前置知识

• H5/C3/J