|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
) E4 x3 S* p/ w$ h, ]4 k- ]% i课程目录:6 w; W) n1 B9 E. e- U I0 a
第1章 课程导学5 { n# ~! V7 X0 D4 x" s
1-1 课程导学
+ ^" O4 i- v7 V第2章 React基础知识2 e Z+ a! F0 z
2-1 React基础介绍$ @1 M* S2 A9 _& E' ~0 x
2-2 React脚手架使用# Z, @- u) h3 G
2-3 React生命周期介绍
3 g; N8 O9 l! I' l' |; ?, f$ z第3章 主页面架构设计
" D& ?- d5 W, v 3-1 基础插件安装(1)
+ M [1 L% X) @& x 3-2 基础插件安装(2)
" _$ c" g6 v: ]4 _' m$ v- ^2 s 3-3 页面结构开发(1)
! ]( P! a9 |0 k4 K p: U, S 3-4 页面结构开发(2)
) w& M: q1 C) }, {# p7 B1 }+ B- j/ o& A) n 3-5 菜单组件开发(1)
+ Y ?' S5 T6 D' s/ ` 3-6 菜单组件开发(2)- L* Y j. Y4 p" y. a. x; |
3-7 头部组件实现(1). h0 R: b7 m4 ?" ~, R1 r
3-8 头部组件实现(2)
7 ^5 ^" k* u3 h. w 3-9 底部组件功能实现(1)! s. } S; W& k: j
3-10 底部组件功能实现(2)/ F8 a) s( }5 e5 o" d2 z
第4章 Router 4.0路由实战演练
) c; W+ ^4 o$ {" i 4-1 React-Router 4.0路由基本介绍! c' ]: i# W6 U: m# b3 O: D- \' N
4-2 -React-Router4.0 路由Demo演示(1) ]# z, X/ o0 w, d# v' `
4-3 -React-Router4.0 路由Demo演示(2)4 C' g! b3 A, p) `9 U* A
4-4 React-Router4.0 Demo2演示
' S4 v: h* C4 C! b; g0 j 4-5 React-Router4.0在项目当中的运用
& E5 t/ g: r9 m0 a( A) K- j第5章 UI菜单各个组件使用9 p0 E1 c, L# q; R; g4 q6 y; S
5-1 Button按钮使用讲解(1)
4 X* i7 B8 c9 k( j6 S8 ^6 p 5-2 Button按钮使用讲解(2)
$ W. g7 o3 m& Q# A* A 5-3 Modal组件使用讲解(1)9 v' P( W( f1 q) O, N
5-4 Modal组件使用讲解(2)
+ Y2 w$ C3 v( x3 d; f/ D 5-5 Loading组件使用
+ H! t* }2 @. v8 G0 Q0 D5 I. l9 A 5-6 Notification组件使用9 q- j+ X& j1 S
5-7 Message组件使用! g F$ \( P) X2 `
5-8 Tabs组件使用(1)
) h. D& Y4 `0 t. |( d7 \( `. _& l& j, ^9 R 5-9 Tabs组件使用(2)( U; @$ u; e) F1 L
5-10 制作Gallery图片画廊(1)
# q8 y, s0 w1 Y8 l! y* m 5-11 制作Gallery图片画廊(2)
( k# P, b' t5 {$ V! L- X 5-12 Carousel组件使用
* v% x) L. l8 O7 G2 \# T. Q) s) l第6章 表单使用 o, k0 l% O' V' X
6-1 登录表单讲解(上)
6 J* h( Y& M% u( J8 O }9 h 6-2 登录表单讲解(下)& ]& ^+ V* I6 ?( l0 `) k6 a
6-3 注册表单讲解(上)
& q5 u; j6 ?7 l' O 6-4 注册表单讲解(下)0 K9 a( |8 N$ l8 b5 A8 p& F
第7章 基础表格、高级表格使用
7 L# m8 \- c2 H% [% B 7-1 基础表格讲解
s) }" S) h' M2 e7 F, q" R. t* ~ 7-2 项目工程化之表格动态渲染(1)
% O- W! H; P% M$ S1 U+ I 7-3 项目工程化之表格动态渲染(2)
4 H$ r/ b/ {, }& x+ q. }/ Z1 H2 } 7-4 项目工程化之表格动态渲染(3)
: C4 i% b9 j# O& j9 m 7-5 表格嵌套单选按钮讲解
. |$ j& B* Y8 B2 k" N 7-6 表格嵌套多选按钮5 `/ X$ O1 t' G5 d7 f
7-7 表格分页
* i% A% I# A6 O' p) m3 l( _ w/ P& Y 7-8 高级表格讲解(1)% E- S3 z/ Y9 E7 a2 K" p
7-9 高级表格讲解(2)
% ~+ _& r% g" b* ~3 d第8章 单车业务之城市管理模块
4 F) ?# W0 v1 [) i: Z/ t 8-1 城市管理(上)
$ \; K7 w0 f+ R: V% Q 8-2 城市管理(下)
- R! l( Z% v2 B$ e2 g0 E. E. W 8-3 开通城市实现8 l( f0 r% z4 J, Y
第9章 单车业务之订单管理模块' D. D7 U3 n% c, M# m' C# I
9-1 订单列表(上)
# `6 J& u5 m7 N1 W- R" u. M- R' e 9-2 订单列表(下)" }% I. w( I% z$ l, X# S9 s
9-3 通用页面结构设计4 r. `; P2 T1 D/ S! a- m, [! n% J! h/ c
9-4 订单基础信息实现
( R$ q4 _1 ? S' E; j! c 9-5 地图功能实现(上)
" f; a& N! w: d4 l% } 9-6 地图功能实现(下)
D: ^0 ~5 R4 s- z+ ~- i- o第10章 项目工程化开发
( h! L+ I7 @8 _5 t8 F* c* f; R. q 10-1 项目工程化概念理解6 P1 x- _3 U3 S% ~0 p
10-2 模块化封装-BaseForm(1)
8 s/ ^5 @# D* c. ? 10-3 模块化封装-BaseForm(2). q. i' S8 J! C: a
10-4 请求列表封装6 E" Q4 t9 ~2 N) k+ f ]5 U
10-5 表格封装(1)
) d/ J6 l& N0 b6 ?; s( k+ o( P 10-6 表格封装(2)
- \8 b- R- \9 V0 C- ~ 10-7 表格封装(3)* R4 X, n+ i' |0 x
第11章 员工管理菜单模块开发
, o$ P1 g5 {' h7 M: s# K! u4 T 11-1 员工管理列表实现6 h6 Y5 c2 k! F7 s
11-2 创建员工功能实现9 H, K2 ]+ P9 L2 J4 n+ Y
11-3 员工编辑、详情、删除功能实现
% E& v1 t7 s( O) Z第12章 车辆地图模块开发- I, `$ `$ K7 y; {
12-1 页面初始化实现
$ p! n" P3 m8 h6 L 12-2 地图数据渲染实现
2 x2 N5 d5 e+ ^第13章 图表模块开发
# D, k/ e/ A. C+ ~! S 13-1 图表基础知识介绍0 \, D# a: {7 W2 R6 g) _1 s
13-2 柱形图功能实现" [9 e1 l- g; O4 W3 F
13-3 饼图功能实现(1)% I S, Q" n( t; }7 o* }
13-4 饼图功能实现(2)3 O8 z5 p: X( q1 p
13-5 折线图功能实现
* H* B- u6 m" `$ o4 L 13-6 富文本功能实现0 A9 f2 g5 R; T4 O0 q4 {. l
第14章 权限设置模块开发2 I! d, K {8 H* A% L( e- a3 r
14-1 权限设计和功能列表实现: b: ^8 R8 y; W8 {0 B* b7 M
14-2 角色创建功能实现% L! _, D& g" c @4 Q7 L
14-3 权限设置功能实现(1)0 v/ u( ]. [$ Z
14-4 权限设置功能实现(2)
: S9 Y- ^! @; u' f6 f 14-5 菜单结构调整: z7 Y7 I) h" \, q/ q+ c) x
14-6 用户授权(1)- I# @1 d, g5 H( j+ e
14-7 用户授权(2)* X* o9 S+ b/ b
第15章 Redux集成开发. D" r# K2 {. V9 ? H' R
15-1 Redux基本介绍
' m: m$ N1 E6 _+ T& m6 K 15-2 Redux项目集成(1)3 `7 Y3 a& p/ O! o% R2 Y% k
15-3 Redux项目集成(2)1 `3 b+ h& e' y* R* J. o! Z# i2 u
15-4 Redux实战开发(1)
8 y; t/ G" L9 c; o' N 15-5 Redux实战开发(2)& a7 {; t2 P" ]- O, G$ H
15-6 课程总结4 t8 ?4 _$ {# V: N. A' l0 R; T$ g
* D% {4 U0 u' ]( O. U/ F 6 q y. F( @$ N; M$ @
. m/ I, P0 t' Y6 m |
|