|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
- H# r. t' P S; B+ \* R: `7 a3 g课程目录:; c4 q+ c0 Z+ Y, Y
第1章 课程导学
) V; n1 b% H% k' D5 S 1-1 课程导学# z6 S/ q N9 r8 M7 i
第2章 React基础知识
2 e( h. z- O6 F/ o- y* e 2-1 React基础介绍
/ P% h3 ^/ }+ g9 P0 h 2-2 React脚手架使用" ~+ a8 |, i9 K3 E& `% ^% _) N5 D* `
2-3 React生命周期介绍0 v. |8 u+ s% l( q" |2 c; T
第3章 主页面架构设计. A4 x8 r) k3 |
3-1 基础插件安装(1)8 B* n: y' Z, ~. y' U; c- Z
3-2 基础插件安装(2)7 V5 W3 v# Z s: o' q
3-3 页面结构开发(1)
6 R. G) A, d, M. b9 }' B3 M 3-4 页面结构开发(2)2 R2 v \2 i$ S
3-5 菜单组件开发(1)
- H4 {8 Y' @0 I6 m( T$ h! H 3-6 菜单组件开发(2)# S9 L$ l; [2 F; y( _
3-7 头部组件实现(1)
% T" e% T: @% i& |5 ^) R 3-8 头部组件实现(2)/ {7 \+ Y: q- k7 x
3-9 底部组件功能实现(1)- E6 r- t4 A# [& E5 F
3-10 底部组件功能实现(2)( s% ~* E0 n' s
第4章 Router 4.0路由实战演练( |1 W1 P/ }2 E) A! H F/ e
4-1 React-Router 4.0路由基本介绍
0 J- ?; V, T( U# T8 W1 U 4-2 -React-Router4.0 路由Demo演示(1)) V6 a! r# w7 ?+ Z
4-3 -React-Router4.0 路由Demo演示(2), c2 h& I# A3 {- D. O8 l% H
4-4 React-Router4.0 Demo2演示& p3 F. y& J) n/ E
4-5 React-Router4.0在项目当中的运用
' M5 k6 L& {/ u i7 e5 o第5章 UI菜单各个组件使用
9 `1 J9 g1 W- [ 5-1 Button按钮使用讲解(1)
9 C, q/ d7 {3 C* z 5-2 Button按钮使用讲解(2)
( k2 Q. V1 K; K v2 z 5-3 Modal组件使用讲解(1)& R7 e6 T- k; r V* I p
5-4 Modal组件使用讲解(2)
6 ]% K: }1 ?& o 5-5 Loading组件使用
" W; p6 u: r+ C' r) x( t$ ] 5-6 Notification组件使用0 M. B: {4 Z! N% E7 R- q% T. M3 g) O
5-7 Message组件使用# V* o! b2 [5 i
5-8 Tabs组件使用(1)
& \ M2 P7 }4 S, d" S9 G 5-9 Tabs组件使用(2)
" d, ` H5 {+ O% G 5-10 制作Gallery图片画廊(1)
* B% c6 @3 `/ v* w' p# e2 B% l 5-11 制作Gallery图片画廊(2)
6 F* G* H+ a6 _ 5-12 Carousel组件使用
1 s7 I+ d* E J. I/ S" \第6章 表单使用# M% R1 X0 t) _7 x4 a7 ?' K
6-1 登录表单讲解(上). f* v- o+ ?2 z0 |8 @' u
6-2 登录表单讲解(下)
+ p$ [4 k1 B ?3 K 6-3 注册表单讲解(上)
8 U& O% u' A: r7 c0 ] 6-4 注册表单讲解(下)3 v- I4 s1 T+ q% p
第7章 基础表格、高级表格使用
; J' i" M9 r7 H; L/ O# ` 7-1 基础表格讲解
+ R7 Y' ~; m8 D* D- k' y9 H) [) O 7-2 项目工程化之表格动态渲染(1)1 [" g. g+ }3 _* P1 a
7-3 项目工程化之表格动态渲染(2)% M' o/ U, a+ W7 `$ v9 x
7-4 项目工程化之表格动态渲染(3)
+ K3 w) y* W/ U! J) I1 m" ` 7-5 表格嵌套单选按钮讲解
9 p. i4 E& k# @ 7-6 表格嵌套多选按钮! X+ Y* `8 m( t: S8 |) i- O [
7-7 表格分页; d; b; R& l9 \! s
7-8 高级表格讲解(1)7 t" u$ v7 C4 g! j' d
7-9 高级表格讲解(2)9 m$ {* S/ O6 }; L, E
第8章 单车业务之城市管理模块
: ^2 p/ z. W0 K 8-1 城市管理(上)5 r, ^1 L$ J* g( r% v& C
8-2 城市管理(下)$ {0 a5 i6 j" z+ J
8-3 开通城市实现5 g% C2 C( c7 D6 |
第9章 单车业务之订单管理模块6 f% W$ C- m# [. O
9-1 订单列表(上)2 w9 \3 f' S7 W- m
9-2 订单列表(下)
/ u; Y5 m/ L' l# P* l; j 9-3 通用页面结构设计
0 d# g7 k! Y/ `* J" w% b: }6 k 9-4 订单基础信息实现
( ]; H% }( I5 U/ B* e 9-5 地图功能实现(上)$ h$ z# o( T* C; n
9-6 地图功能实现(下)+ y( q; U5 D$ W% F9 W7 F8 A
第10章 项目工程化开发9 E) v+ h% ~% X$ ~3 B7 l& c
10-1 项目工程化概念理解
; v* b+ f6 r0 I0 C) `) ` 10-2 模块化封装-BaseForm(1)' m9 N$ `: @; @6 M
10-3 模块化封装-BaseForm(2): e$ z% h1 ^+ O
10-4 请求列表封装- H- r* @4 D; t, |/ J. B
10-5 表格封装(1)# L( r' E' _5 W7 b
10-6 表格封装(2)
' S) P" P3 d& X 10-7 表格封装(3)( _4 X& c3 U* S8 z( P
第11章 员工管理菜单模块开发& l0 e5 D3 W1 z$ ?* G3 H
11-1 员工管理列表实现
1 ?# k7 U7 E3 `' ~) v; @8 {1 ^ 11-2 创建员工功能实现& j4 K2 E7 X. i
11-3 员工编辑、详情、删除功能实现0 L* m8 U" w# y- W; A6 x
第12章 车辆地图模块开发
) q. \% e9 B9 O 12-1 页面初始化实现# X1 q1 P& T* e4 C0 F
12-2 地图数据渲染实现
/ r: ]( {4 L1 \0 U, p. c ^第13章 图表模块开发- L8 y F" ~( q% S
13-1 图表基础知识介绍! L4 q$ a; T$ t, A( m3 e- y! [' x
13-2 柱形图功能实现9 W/ X4 e7 h. h) y) P0 u
13-3 饼图功能实现(1)
$ M' d1 r A4 M9 d {7 K* ] 13-4 饼图功能实现(2)4 t+ S7 f* I# I, {( F
13-5 折线图功能实现4 ]3 h2 n# b. x: o# V
13-6 富文本功能实现8 w9 r9 `" k3 _
第14章 权限设置模块开发
! R0 a0 L4 K# n, m# p 14-1 权限设计和功能列表实现
4 D V1 s" u/ D3 ` 14-2 角色创建功能实现
4 l2 @2 o @' R* M 14-3 权限设置功能实现(1)
8 H( o( W3 ?& Y+ S6 [, T 14-4 权限设置功能实现(2)
& i) a X, A( J8 W% M$ u 14-5 菜单结构调整
: h" T0 A! Q# s% P0 C 14-6 用户授权(1)
9 W% p! A, v" i% y2 O% { 14-7 用户授权(2)
$ g- g$ h7 v6 I9 d, \: _2 S第15章 Redux集成开发1 ]5 k' |/ i8 W1 D/ m
15-1 Redux基本介绍
3 d9 ^/ w' \* G c: b 15-2 Redux项目集成(1)6 v1 ?( ~' Y( r: v) {
15-3 Redux项目集成(2)
[# M' \( I; ]' z- d 15-4 Redux实战开发(1)- [# n; g# f+ M1 x% \/ [) q
15-5 Redux实战开发(2)
" I% ]$ a+ |9 K7 x' x" M 15-6 课程总结, I' ]$ a. i- U% x2 R/ }: S# T
3 i1 ]% r2 E* [6 `$ E
: z+ t# ?* x+ I& V
5 @4 U4 L$ {$ F1 K/ t |
|