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/JS
  • React
  • ES6

 

<


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部