|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
# m- ?. N4 A0 w) \6 C6 J课程目录:+ K( a3 T6 y. b3 \) v& q
第1章 课程导学
7 ~+ ?) Y. a; d0 u2 g& g% N 1-1 课程导学8 P5 C, A w" b% ?! n
第2章 React基础知识/ a% z1 n6 d$ H* z& Q- Z7 v1 j
2-1 React基础介绍. e* f% P( I5 P/ n- t
2-2 React脚手架使用6 W/ S8 ^ j( _; v& t" i+ B
2-3 React生命周期介绍0 H+ X0 q) K3 x! h" z* s4 `
第3章 主页面架构设计1 a5 C, g: _! [- c$ ~4 u! ~
3-1 基础插件安装(1)) O( B) ~: X$ @! J
3-2 基础插件安装(2)0 q T1 ` I: p5 s% y, U) `
3-3 页面结构开发(1)
8 y/ E! c% ?1 K+ g# Y6 y2 s" U% \ 3-4 页面结构开发(2); @- Y: d" ]8 @' t( g; f* i! H/ x
3-5 菜单组件开发(1)$ d1 h5 D( u# i9 C$ g. K2 r
3-6 菜单组件开发(2) \; _. w8 L/ S0 b3 m" K
3-7 头部组件实现(1)
5 v% X5 i8 s6 N. ?8 ]/ i. V, ?6 R 3-8 头部组件实现(2)# I+ N) N2 o$ I# D
3-9 底部组件功能实现(1)
& U% A- {! I" O0 P& g 3-10 底部组件功能实现(2)5 G, {+ x: h* w) X! S& K" h
第4章 Router 4.0路由实战演练
% f3 ~1 z) j0 B3 F5 R 4-1 React-Router 4.0路由基本介绍, D* \5 D6 K, V5 h Y- ]7 k% g
4-2 -React-Router4.0 路由Demo演示(1)
- {& k; Z( n' J* C3 b/ n 4-3 -React-Router4.0 路由Demo演示(2)! _! Q3 @4 f E$ R& ^9 [. I
4-4 React-Router4.0 Demo2演示% U- {' h+ b1 I
4-5 React-Router4.0在项目当中的运用: V8 x' [8 D. k) k( x
第5章 UI菜单各个组件使用 P" Z# l% U. X4 d% }
5-1 Button按钮使用讲解(1)
6 M8 j& Q/ l4 n 5-2 Button按钮使用讲解(2)
1 N$ |: _$ h# H; v; X 5-3 Modal组件使用讲解(1)
8 ]5 U: C. o4 ~* z1 v 5-4 Modal组件使用讲解(2)
6 M5 t& u! X1 H7 g2 A 5-5 Loading组件使用1 @' X% o& [7 H5 ~' e
5-6 Notification组件使用/ j( }8 G8 A7 d: K9 i
5-7 Message组件使用
P, v) T; O+ B/ ] 5-8 Tabs组件使用(1)& H3 ^* G$ t) L
5-9 Tabs组件使用(2)
0 t- p2 T( l- s2 g" y2 z! K 5-10 制作Gallery图片画廊(1)
5 T5 E3 L( I: D b5 }5 G6 p* u 5-11 制作Gallery图片画廊(2)
4 C- u" S; _/ |) I. q3 k- M 5-12 Carousel组件使用
4 a. L$ m: p& ^2 x' Q5 M% d; g第6章 表单使用
7 k3 k G6 {3 l4 F1 y 6-1 登录表单讲解(上)
J9 j$ n. |: S5 U 6-2 登录表单讲解(下)8 ~ B" G( N; r# e0 i4 d* s
6-3 注册表单讲解(上)
; A* N4 y# C8 V: y* ~9 l* ? 6-4 注册表单讲解(下)
# j( A3 T9 l2 L; \第7章 基础表格、高级表格使用$ t; j/ L' ~) x4 y8 o. ?
7-1 基础表格讲解
3 K8 v5 I% o; J7 X: v 7-2 项目工程化之表格动态渲染(1)2 C& D5 p8 A4 d: M; P! B8 I- U* j
7-3 项目工程化之表格动态渲染(2)( ~; H. q6 w& l2 Y" E4 p
7-4 项目工程化之表格动态渲染(3)
' B% J0 L( \3 @3 s* Z2 Y2 P" m 7-5 表格嵌套单选按钮讲解) i9 u+ a9 B/ d9 l/ ?4 t' B. j" q6 F
7-6 表格嵌套多选按钮
1 ?. t! s7 }- A9 N. n$ A6 ]. F: t- O 7-7 表格分页$ N' }1 m, n- [: S: d* U
7-8 高级表格讲解(1)
' j7 R/ K5 `3 p7 ^ 7-9 高级表格讲解(2)2 A i1 |( @% u* ?1 ~0 r
第8章 单车业务之城市管理模块
7 [7 T+ R% ?/ m( S; s 8-1 城市管理(上)6 y- V9 {. I. g V9 S
8-2 城市管理(下)$ n4 o+ h5 a; x
8-3 开通城市实现' o9 V, E2 U, L7 z0 N, I
第9章 单车业务之订单管理模块
z( X# O' Q$ h( W# u: A' z9 X 9-1 订单列表(上)4 w. P1 h% n8 {2 G! V! s
9-2 订单列表(下)2 O$ A* I: i# ^5 s4 M8 w
9-3 通用页面结构设计2 [2 X$ p' T/ k8 i
9-4 订单基础信息实现
5 X3 @' p- F% Q 9-5 地图功能实现(上)1 W. o, g! S, u) P, ^! K0 w
9-6 地图功能实现(下)# n& @( \2 v A, [$ ]1 P
第10章 项目工程化开发
2 c' a$ |- ] M- v2 V 10-1 项目工程化概念理解
% t0 B$ ~- |7 \1 E! X) [ 10-2 模块化封装-BaseForm(1)
8 o- a w; E: g2 u0 c 10-3 模块化封装-BaseForm(2)
6 h" h# n, q7 n) j, b( C# t 10-4 请求列表封装: M5 t/ M$ X# C/ W
10-5 表格封装(1): E% K% ^/ g; M3 o& I# p- q' f' {1 j
10-6 表格封装(2). V0 A" A0 }5 }7 \
10-7 表格封装(3)9 M3 g4 ]. S# {# H( f; g
第11章 员工管理菜单模块开发 }/ z4 L% O) p
11-1 员工管理列表实现
y& B5 |! z2 |0 t, C* i, m/ C 11-2 创建员工功能实现( ?% O( p d* g' d I
11-3 员工编辑、详情、删除功能实现
3 W; e$ _' s" K4 _8 _第12章 车辆地图模块开发
. L. U. Y. f. C* Y8 J 12-1 页面初始化实现# M( l+ r4 C/ }0 \6 `
12-2 地图数据渲染实现
+ Q6 v# n/ O/ {$ l第13章 图表模块开发
; j. v# x# h) ^" w' d' J$ N1 R3 p- i 13-1 图表基础知识介绍- H$ a( s4 P Z8 [1 d
13-2 柱形图功能实现
6 B" d( Q/ C2 o' C2 | k 13-3 饼图功能实现(1)
+ C8 {( X+ ^3 {3 U' F 13-4 饼图功能实现(2)/ |# t, W7 P9 X" ?" N8 ~
13-5 折线图功能实现6 P3 S9 x4 \2 D h( |- f
13-6 富文本功能实现 e+ L- H( F/ a% M! k
第14章 权限设置模块开发* p0 h; Z' F0 m) z7 U+ r% p$ `
14-1 权限设计和功能列表实现 ?$ l! k# @/ ]7 g) f
14-2 角色创建功能实现
O5 j: Y5 P1 @4 N; Q3 h 14-3 权限设置功能实现(1)( Q0 m0 O5 r3 H
14-4 权限设置功能实现(2)/ C% ~. x5 ]) f
14-5 菜单结构调整
; H' Q) C( X8 Y4 I. {! J 14-6 用户授权(1)
0 A) J/ V, I1 f 14-7 用户授权(2)+ t: k2 K. F: j
第15章 Redux集成开发
3 Y% z' J$ e$ p 15-1 Redux基本介绍6 B; g1 }" T# C& |% U' r
15-2 Redux项目集成(1)
5 r: P2 H7 b- Z6 K& a# `: `+ ] 15-3 Redux项目集成(2)! M9 j3 y. x& P) d8 `; _; y& S3 L
15-4 Redux实战开发(1)
6 i; i# G7 s# k/ T$ z 15-5 Redux实战开发(2)
9 }8 J5 k7 ]# O9 A1 d8 G/ X 15-6 课程总结( {6 E: d5 Y& h
' Z* X! x% I4 y9 _: Q) x 5 A& {& M# n% h8 U' m( v/ F
2 c3 g" [: ?, w. H
|
|