|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
" X+ `2 E8 x) f9 m4 ~ _" |课程目录:
5 N; n1 x! o0 q4 d第1章 课程导学+ S, E, \( P$ U" y" J' w
1-1 课程导学
9 u. A% ` L, S/ |6 R1 c6 F第2章 React基础知识" {: o {& H8 v( @7 Q: x9 b
2-1 React基础介绍$ w; E8 x) D5 {( Z( x2 G4 a+ y
2-2 React脚手架使用
, d. I" K6 B" U) E 2-3 React生命周期介绍
; Q7 o$ S' P/ C& T第3章 主页面架构设计: r4 F6 L* H+ V1 T7 C+ c. T
3-1 基础插件安装(1)
. \ {2 t0 M, r9 ? 3-2 基础插件安装(2)
! l2 h, j) M( o# v5 C4 o, y2 l 3-3 页面结构开发(1)
$ t( K7 ?& B* i; o: u& ^4 y) R 3-4 页面结构开发(2); g; W1 d, W. K5 g1 _4 M
3-5 菜单组件开发(1) a; f: s# M8 L+ h$ g. s
3-6 菜单组件开发(2)9 B. g. m" Z& x; A" L, q" {; e+ p
3-7 头部组件实现(1)3 C# h4 I) S. `7 Q* B4 h
3-8 头部组件实现(2)
# p+ p0 @8 @1 @) I6 b 3-9 底部组件功能实现(1)
9 }( } {) b1 r$ Y% B! D 3-10 底部组件功能实现(2), _( k0 u0 |' W; [& Y V; t8 B
第4章 Router 4.0路由实战演练+ ]$ H5 ]( B8 h8 m( U7 V
4-1 React-Router 4.0路由基本介绍
. ~1 r) |, W1 {; V6 b6 O# a: g 4-2 -React-Router4.0 路由Demo演示(1)
$ p+ D3 p" x" u1 U 4-3 -React-Router4.0 路由Demo演示(2)
1 o. x3 Y) l0 k+ r2 | 4-4 React-Router4.0 Demo2演示
3 Z$ ^! j3 N, } 4-5 React-Router4.0在项目当中的运用
. I1 ~# I4 c: R# d/ N6 F2 M* {第5章 UI菜单各个组件使用6 Z% C5 W% w: |2 O3 P
5-1 Button按钮使用讲解(1)) U7 q% w2 f }) G, r/ H. P4 }! N
5-2 Button按钮使用讲解(2)6 J' J$ b$ v4 r' x; Z4 T
5-3 Modal组件使用讲解(1)
+ J2 f# e+ D. _3 @2 R/ r6 w* U' \, M 5-4 Modal组件使用讲解(2)9 {. f8 z4 [% C+ N# h/ \. U* l) }
5-5 Loading组件使用2 n8 n5 j& L& y- Q3 g; Q6 |
5-6 Notification组件使用
8 m' e9 }) g) w7 \7 } A7 j 5-7 Message组件使用
' [, p. N l" D% g* e) V* l 5-8 Tabs组件使用(1)! E- Q. M/ e8 ^! c4 r1 p
5-9 Tabs组件使用(2)- N! S4 y' c' Q2 T
5-10 制作Gallery图片画廊(1)
/ @7 C2 l r' I. e0 \& n 5-11 制作Gallery图片画廊(2)/ L2 d! h/ p c
5-12 Carousel组件使用% r/ h2 q& z* B! \
第6章 表单使用
4 V' A# j: I5 D7 [ 6-1 登录表单讲解(上)
+ Y( ^$ _: w( J7 x 6-2 登录表单讲解(下)5 c. c3 V) I- j0 D7 ]
6-3 注册表单讲解(上)
9 | F4 Z# `7 L: U 6-4 注册表单讲解(下)4 C5 h8 I8 V. N7 ~3 a* K; a
第7章 基础表格、高级表格使用! G; D0 o/ K5 F4 ~' ^
7-1 基础表格讲解
* K& C+ d; D! O- s" n/ b* l' N9 G# M 7-2 项目工程化之表格动态渲染(1)
3 A9 ~" d! }' ?3 T3 n$ z 7-3 项目工程化之表格动态渲染(2)
' v1 T; z; q# ]; `# q 7-4 项目工程化之表格动态渲染(3)
* r( k3 A0 ~+ T3 Q3 L! L 7-5 表格嵌套单选按钮讲解
8 x; R, |2 |% [9 @2 I: p' B" O 7-6 表格嵌套多选按钮# W1 E" A; S0 W) }( s# m% v
7-7 表格分页4 [ r( j) u/ U u7 \
7-8 高级表格讲解(1), M: K2 s/ M- N4 O2 Y+ i- t& H
7-9 高级表格讲解(2)
* X. L5 U1 V& s' s( d5 s第8章 单车业务之城市管理模块
: j$ x2 q5 n8 h$ |0 j: X 8-1 城市管理(上)
3 j; V0 S, O! ^( I& S 8-2 城市管理(下); `" K6 w3 Z/ A, q3 X
8-3 开通城市实现
' |9 c- W$ i4 N% |9 X第9章 单车业务之订单管理模块
* Y3 S$ U, e7 T 9-1 订单列表(上); V% E9 H7 | T+ ]0 a
9-2 订单列表(下)$ L2 ^& \7 R, F" L0 i
9-3 通用页面结构设计; r1 j; [2 `% u, }
9-4 订单基础信息实现; r' r. ~6 Q6 M: f
9-5 地图功能实现(上)
2 E$ ~6 [9 `* S& A; a 9-6 地图功能实现(下)
7 E3 f! F6 _. g5 {+ J2 f) h第10章 项目工程化开发
* `+ Z5 V6 Z7 S; ^7 D+ U 10-1 项目工程化概念理解
H7 T- N% S- G 10-2 模块化封装-BaseForm(1)% {% s1 Q& e6 {* z. Q- ^, I
10-3 模块化封装-BaseForm(2)* c% ?& w- L6 J6 A1 ?8 Q- ?( l
10-4 请求列表封装9 S! ?- z# [3 v) G4 n* Y
10-5 表格封装(1)
% ~4 Q7 i0 {* g, a% n9 v% `9 i' @' L6 F 10-6 表格封装(2)
6 l4 Y. y2 d) q% M2 W1 `) @ 10-7 表格封装(3)' J" ]! K. {9 c) c) @
第11章 员工管理菜单模块开发
% P2 r5 D! ~1 }* n9 E1 J 11-1 员工管理列表实现
/ z& z: ?; Y; i8 j( M1 ] 11-2 创建员工功能实现8 s* Y1 x8 ?( m8 R
11-3 员工编辑、详情、删除功能实现
- L0 K; U9 z8 C第12章 车辆地图模块开发
) i( o+ D: p- s3 X9 m* v9 B2 C* R! j 12-1 页面初始化实现
& q: z* j. B2 W8 I 12-2 地图数据渲染实现
, T( z% ~/ S; I. B7 Z5 H, o第13章 图表模块开发
5 R; M1 H2 I8 l, }- g$ N 13-1 图表基础知识介绍 ?. U$ Z+ t& b
13-2 柱形图功能实现
" p. Q3 J% C% z+ d, q 13-3 饼图功能实现(1). O3 k* m, n! |1 Z6 ]
13-4 饼图功能实现(2)
1 k- F# o y" S7 s 13-5 折线图功能实现
9 r% G8 i- f: r$ h% Z 13-6 富文本功能实现
' l$ L: _* f* D/ M: g2 w' g& G第14章 权限设置模块开发3 i4 @# ~% h! z! U0 q" h
14-1 权限设计和功能列表实现. S* @! l' ?- Z( r5 r1 O) c* b
14-2 角色创建功能实现% C+ v7 n0 d5 d7 l
14-3 权限设置功能实现(1)
( e$ E1 m) V# b6 B6 z& ?; L$ z% K! q; S 14-4 权限设置功能实现(2)) A. w9 q/ G) ~, t- T5 x, W
14-5 菜单结构调整
, a5 F" n* o4 p0 e6 x; _ 14-6 用户授权(1)* [2 s6 }/ c4 `8 [9 m5 m& U
14-7 用户授权(2)! R- g. u, F- C$ }0 A. I
第15章 Redux集成开发: U9 `) Z- ? y/ c0 s
15-1 Redux基本介绍; W8 K0 B& b$ ~
15-2 Redux项目集成(1)* G4 z9 \6 h; |. @; ?
15-3 Redux项目集成(2). y0 H! G% V7 W* R7 O* w C3 e( W
15-4 Redux实战开发(1)
" [9 f$ [( V) }4 |- @0 j 15-5 Redux实战开发(2)
" r: c8 v' l; N z, I. k 15-6 课程总结
+ P& @) l& S3 P3 k p
; h- V7 w" U1 w6 i2 p: |% u; Q+ p
( E3 r$ R6 p* e" ?& y# l" j
* u1 t# y- q* ^" H" _ |
|