|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。5 n1 T {+ C8 {& K5 w
课程目录:+ q+ W+ f( Y$ _ H6 o' M
第1章 课程导学
7 p( C {4 u4 T' S: X5 X b6 X 1-1 课程导学
: m) S f! ?7 [/ N2 n第2章 React基础知识
' y* `( `0 p% X r% P3 r3 | 2-1 React基础介绍0 y+ ?+ B# `. ]* s2 h- o) o% _
2-2 React脚手架使用/ u) F% I1 h- k# z U. v4 s. g
2-3 React生命周期介绍, m8 |! B) W$ I% h2 c4 }: W6 D
第3章 主页面架构设计0 G# D9 P( u) d4 R! m
3-1 基础插件安装(1), O) i) [$ A3 p/ K) F1 w/ M" Z( }
3-2 基础插件安装(2)$ n c& _6 N L0 s* V( m6 k: X8 S, l
3-3 页面结构开发(1)
" x5 ~4 ]: h* q 3-4 页面结构开发(2); M) L0 j3 ^! b0 w# S
3-5 菜单组件开发(1)
; w: R/ i2 e0 g! M: y9 K# \ w 3-6 菜单组件开发(2)
$ p; e4 a% V; v" x9 M% M* R4 R 3-7 头部组件实现(1)+ z K9 g g5 E/ }7 s
3-8 头部组件实现(2)0 u: H( |8 l" H* t7 h9 ?/ u% f
3-9 底部组件功能实现(1) h6 {% k+ K+ y' E R3 p
3-10 底部组件功能实现(2)& F n! k* m0 N8 l) a/ J5 B
第4章 Router 4.0路由实战演练
# F5 J" D- m: I) z0 X 4-1 React-Router 4.0路由基本介绍: U3 [3 }" U: r4 \- z
4-2 -React-Router4.0 路由Demo演示(1)
7 {( X2 r9 l+ j5 U4 K r 4-3 -React-Router4.0 路由Demo演示(2)4 j% D; `9 d9 M- g
4-4 React-Router4.0 Demo2演示
8 ]8 Y( W; H" P& S# A+ e) l! X 4-5 React-Router4.0在项目当中的运用. N( c6 K7 D4 ^. N D! r h
第5章 UI菜单各个组件使用# r8 q( Q4 t- g0 }& z5 c, M/ {
5-1 Button按钮使用讲解(1)
F6 U' b( Y4 v6 h) U 5-2 Button按钮使用讲解(2) s/ u. S0 b; x' f
5-3 Modal组件使用讲解(1)
D5 \! K; D- Z$ ~# [5 @* Z$ B 5-4 Modal组件使用讲解(2)
& t: _" h3 ]5 }2 q4 d 5-5 Loading组件使用
4 p. G& l$ y' g 5-6 Notification组件使用; v" W, b+ `' V
5-7 Message组件使用
8 T8 |8 C5 {( G2 l8 b6 c( k 5-8 Tabs组件使用(1)
( i4 a) Z" ~5 K9 e1 ]4 i 5-9 Tabs组件使用(2)
* s4 p( U- L# T. k. S 5-10 制作Gallery图片画廊(1)
& \/ {% J% B5 ^3 T0 Q 5-11 制作Gallery图片画廊(2)$ A+ ~$ t) X& c5 f& K5 `
5-12 Carousel组件使用7 i# ^. L, m, Y# N0 O* y; K
第6章 表单使用
+ t9 d% q0 H( I' [/ n$ E# \ 6-1 登录表单讲解(上)$ Q4 M( b1 q# e
6-2 登录表单讲解(下)3 W* D/ I' k7 R$ `* R6 N" L
6-3 注册表单讲解(上)
0 B8 [6 c9 G1 t1 X: @2 f 6-4 注册表单讲解(下), I( q* ?. a H A+ M4 `
第7章 基础表格、高级表格使用
5 e/ g y6 I N: a/ O8 T 7-1 基础表格讲解" C0 U7 r0 K! Y/ |# e" h L
7-2 项目工程化之表格动态渲染(1)
' o) N% t% p9 G3 _$ q8 R$ e 7-3 项目工程化之表格动态渲染(2)
4 ^# V' d5 | {& U6 ^2 J 7-4 项目工程化之表格动态渲染(3)
( c9 P( c$ t0 c# T 7-5 表格嵌套单选按钮讲解1 h) d7 |* V: i6 o
7-6 表格嵌套多选按钮! K- ~1 i! A; X9 X: }: r- L
7-7 表格分页, R9 T' p) H' g# k% ^% B N
7-8 高级表格讲解(1)
3 ~$ @# I9 E) ] 7-9 高级表格讲解(2)
5 `+ }4 d. K8 R$ W* G) R5 p第8章 单车业务之城市管理模块
) P! W7 U' J2 p7 y1 J4 ~. U 8-1 城市管理(上)5 Q1 d; ^! G& |$ P, {. m/ r
8-2 城市管理(下). R# q& S" c; Q/ Y) U- J
8-3 开通城市实现, Z0 E. L4 |- K
第9章 单车业务之订单管理模块& x" T' @0 n/ z2 L
9-1 订单列表(上)( {8 ^- |& G$ D( n7 a
9-2 订单列表(下)8 F$ R3 r# e0 n4 I; b
9-3 通用页面结构设计
; g/ t6 P6 E# q( s6 u 9-4 订单基础信息实现" ]6 O- I8 ?7 _* u1 H b o8 x
9-5 地图功能实现(上)
: {/ S0 O; R2 Y3 p7 l8 z$ O 9-6 地图功能实现(下)- @1 C3 e) S8 @
第10章 项目工程化开发. g; K% Z% z: `$ v& N
10-1 项目工程化概念理解
* A$ m% a/ k# s3 Y5 j( q) p 10-2 模块化封装-BaseForm(1)
$ D* f- N( `% y9 f8 g5 K 10-3 模块化封装-BaseForm(2)& [& n% {9 C# B3 a3 D
10-4 请求列表封装
% h$ D! I, B' O+ }' c 10-5 表格封装(1)
9 G: W" J: N8 a 10-6 表格封装(2)
6 R* s0 q" l9 [% s. Z2 m 10-7 表格封装(3)' }6 s& E1 L. ^, ~
第11章 员工管理菜单模块开发
A$ [( M) p K' }4 W' O2 u 11-1 员工管理列表实现. M% T( p( s4 i: e* h
11-2 创建员工功能实现$ V. a) b1 H2 p+ k
11-3 员工编辑、详情、删除功能实现
+ t f" k; N2 J3 v4 Q第12章 车辆地图模块开发
/ m4 \1 @$ M6 l. z6 [! Z1 U. ^ 12-1 页面初始化实现- T: t4 s; n- t; i& W
12-2 地图数据渲染实现
& w6 z8 I8 N: W x- \/ O% s. ?第13章 图表模块开发3 B" Z& s; J" d+ t4 X
13-1 图表基础知识介绍 F, D5 a/ x1 f1 A
13-2 柱形图功能实现5 W9 C1 }4 M/ w% P) H; Q
13-3 饼图功能实现(1)
7 A: ?5 K" S+ \* h; G 13-4 饼图功能实现(2)! p+ K; D/ t' R, y7 d3 G2 S5 k
13-5 折线图功能实现 b. P E9 n0 H8 d& p7 E6 h
13-6 富文本功能实现& }3 q; ]* Q4 c. o/ E: Z
第14章 权限设置模块开发
2 s3 J- {- z1 A; {6 b 14-1 权限设计和功能列表实现6 Z: G# G1 f7 h, E
14-2 角色创建功能实现& \4 ~. [; t3 M0 W( N
14-3 权限设置功能实现(1)
: e4 v! ]7 l k3 e$ K 14-4 权限设置功能实现(2)
/ L# ?% r5 D+ a4 ^ 14-5 菜单结构调整
" ]/ l/ f z$ s9 Q& w6 r 14-6 用户授权(1): J9 G! b8 v) C! \: f) T
14-7 用户授权(2)
. @9 z/ M; K- c6 O. |第15章 Redux集成开发
6 p. C4 S- }' v0 ]5 l 15-1 Redux基本介绍
" i; `, j, Y5 f* G 15-2 Redux项目集成(1)# G0 f0 w6 r G2 e( ~
15-3 Redux项目集成(2)
' X5 g# X8 i5 }6 T# G- a 15-4 Redux实战开发(1)
) k/ R2 v; e2 F F 15-5 Redux实战开发(2)
2 Y; \3 {0 ]% m* w& I' N 15-6 课程总结6 w4 p2 x" {3 \/ B9 a/ }
6 P+ F8 j* P% X0 @6 d
V( N) g: S3 \$ v
/ e t* X, p K& X8 T
|
|