|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
! V" @: y: _8 p- X课程目录:2 P7 J( q$ `% ? a: e
第1章 课程导学8 h2 T) ^* n9 k+ E7 Z7 z
1-1 课程导学
: i O% F0 f% t第2章 React基础知识
, _' ?5 |5 m6 Y8 M4 F9 s$ C& e1 H9 m 2-1 React基础介绍: `3 H( E$ r9 P" K1 Y
2-2 React脚手架使用* c$ W1 o H, d
2-3 React生命周期介绍
6 r. @$ `- [ l8 a! @第3章 主页面架构设计
7 ?. C8 ^1 ~" ?, j8 O8 ^! v& R3 {2 E 3-1 基础插件安装(1)
) r, f2 f! X& x 3-2 基础插件安装(2)5 N5 F! P4 u3 n* t- ~' g( x! |
3-3 页面结构开发(1)
) ?! h% l$ O4 d5 _ 3-4 页面结构开发(2)
Z5 N$ @; \0 Q6 p 3-5 菜单组件开发(1)
+ B! [8 | z8 S q9 [ 3-6 菜单组件开发(2)
5 I9 Z3 J; [) f/ M- a 3-7 头部组件实现(1)0 P' f# U- m) d1 f' `
3-8 头部组件实现(2)
7 i7 i Q5 B' I1 c" l3 A7 D% T 3-9 底部组件功能实现(1)
3 f0 ?& u( {- o 3-10 底部组件功能实现(2)
7 x, L+ u. w+ v第4章 Router 4.0路由实战演练3 }" j, o {5 V! U
4-1 React-Router 4.0路由基本介绍2 Y/ |4 n+ [' E: e5 E% P( q
4-2 -React-Router4.0 路由Demo演示(1), z3 l2 @5 j* y' P2 |# ~5 ?
4-3 -React-Router4.0 路由Demo演示(2) w) {) r$ J( ]- x
4-4 React-Router4.0 Demo2演示6 o) y0 l; h6 b+ q5 A# @+ T
4-5 React-Router4.0在项目当中的运用% \: W4 J& c x1 w2 P
第5章 UI菜单各个组件使用5 P+ ]0 N5 A/ V) _$ L$ e
5-1 Button按钮使用讲解(1)9 e7 d+ l1 h0 R6 c. v
5-2 Button按钮使用讲解(2)
3 U$ P( e6 n* V- t; ^ 5-3 Modal组件使用讲解(1)
5 d# J: w* K+ _' _2 e 5-4 Modal组件使用讲解(2)
2 s% }3 d3 C% W- e3 A# e 5-5 Loading组件使用
7 q( { l' a2 ^) E& j4 E/ X 5-6 Notification组件使用
+ ?8 E* k' U5 }6 \ 5-7 Message组件使用
9 t' _9 y9 n& X 5-8 Tabs组件使用(1)
9 h) _. I. o0 k; w3 O7 ?; S; a& w 5-9 Tabs组件使用(2)
; k, M+ v6 o5 {) N8 B. f 5-10 制作Gallery图片画廊(1)! x$ o$ A3 ?, H; S
5-11 制作Gallery图片画廊(2)$ S9 p# L# O4 ^
5-12 Carousel组件使用
4 ?! T9 L2 X i3 ~1 f5 @第6章 表单使用# h4 q5 l$ \, _: z- j9 x0 B
6-1 登录表单讲解(上)3 g# \ `$ F8 R1 ^7 Z
6-2 登录表单讲解(下)* a1 E3 e y: h6 N: V, b7 X/ l% D6 a. j
6-3 注册表单讲解(上)
( h. b) }" e3 o" t 6-4 注册表单讲解(下)
$ B; e; L& F b7 |) [+ u. T. X& g' B第7章 基础表格、高级表格使用- o6 j; L: n4 p0 e; x- O0 }$ E
7-1 基础表格讲解4 D; F% Q8 C0 b
7-2 项目工程化之表格动态渲染(1)
5 A' ~3 x" D! B; Y 7-3 项目工程化之表格动态渲染(2)4 f Y. {+ K7 g
7-4 项目工程化之表格动态渲染(3)* g6 b- X/ u" A/ @
7-5 表格嵌套单选按钮讲解) G) }; B- F* b9 W& f- w6 Z
7-6 表格嵌套多选按钮
+ |" W0 b4 q8 C, d( ^ 7-7 表格分页+ d H# G+ |1 I( M4 ^
7-8 高级表格讲解(1)
/ `0 [& L0 [% J% Y0 ? 7-9 高级表格讲解(2)& g ?+ j8 i# _2 k2 X$ L
第8章 单车业务之城市管理模块3 F8 G# I' t( ]# B5 W# T2 O' o
8-1 城市管理(上)1 |# x; P- U4 @
8-2 城市管理(下)4 O: \( y* L4 e g H' X" p
8-3 开通城市实现
% a8 Y% X- ?" E! c* m第9章 单车业务之订单管理模块; o) d% z: o, a7 z5 X! C
9-1 订单列表(上)
' o! }- @+ u2 J( p 9-2 订单列表(下)
0 G7 K3 F# T2 O" f: h 9-3 通用页面结构设计# u4 P& [3 u' S% z
9-4 订单基础信息实现
' ` g, j. z; Q' v2 v% j 9-5 地图功能实现(上)3 h+ k+ m: S$ P: i$ F/ H. C( {
9-6 地图功能实现(下)
0 x4 b l- u# X' C1 ? z第10章 项目工程化开发9 w* R3 V: n4 U) B! ]* r, K3 ^
10-1 项目工程化概念理解
6 `+ j/ A) K9 V u& z U# u! O 10-2 模块化封装-BaseForm(1)) ]- ~% I8 E+ F1 t+ N( C; H4 ?
10-3 模块化封装-BaseForm(2); m' B- k, v* R0 P/ b: j2 C
10-4 请求列表封装
8 F6 L/ F; F( T- q y 10-5 表格封装(1)1 ~) f8 \1 ?9 p: N k6 J
10-6 表格封装(2)7 g: j3 U9 x/ [
10-7 表格封装(3)
2 c) a" w: S7 o% @ n9 {第11章 员工管理菜单模块开发
) f9 K( W: J' t0 X* J2 d/ q* _ 11-1 员工管理列表实现
0 m3 }! R1 l( z 11-2 创建员工功能实现
* y3 j; Y' d4 j0 h3 W3 J 11-3 员工编辑、详情、删除功能实现' p+ H) q: p; Z5 R4 B9 R* t
第12章 车辆地图模块开发' Z. [; m2 J8 U- m& k( g! {6 x
12-1 页面初始化实现1 t% G5 S: A" E$ x2 q
12-2 地图数据渲染实现
* v" E+ |" w/ ?! O+ e第13章 图表模块开发% K- M/ M$ t: f u* u
13-1 图表基础知识介绍
, g4 M* R7 b9 M" V; V5 f" | 13-2 柱形图功能实现4 E) M: q& n- w; U
13-3 饼图功能实现(1)
7 x: R$ V* F% v2 m: K 13-4 饼图功能实现(2)
" F, U" [4 p9 n 13-5 折线图功能实现' v/ [+ |. }- ?# i
13-6 富文本功能实现) ^; G+ C( @" `' o( h$ ~ R
第14章 权限设置模块开发9 w) Q- _1 U4 [! [: u3 t9 n0 ^
14-1 权限设计和功能列表实现
. ?+ I9 V9 a1 v1 Y. [: Q% H 14-2 角色创建功能实现2 a" ?% S) l3 L- D: E V
14-3 权限设置功能实现(1)
) D) R. X O6 C* Q3 r8 K; p) X 14-4 权限设置功能实现(2)
+ }( s- [: G p9 x 14-5 菜单结构调整
: P4 \8 a1 m2 A- y 14-6 用户授权(1)* L" a; l% e+ x `( E0 R4 U
14-7 用户授权(2)
8 o* Z5 Q/ N0 ~+ \ N第15章 Redux集成开发
$ R+ b1 D7 c+ s 15-1 Redux基本介绍% [* s& @5 E7 m3 Q3 v, s& k
15-2 Redux项目集成(1)
8 a5 A3 S7 h e 15-3 Redux项目集成(2)
; w+ V) m- c& C 15-4 Redux实战开发(1)
2 J( |) a4 c) S: j8 w 15-5 Redux实战开发(2)
% M( N' r: S: s, @* x! S! R6 z 15-6 课程总结 Q* {5 C u" l$ k& U
! G+ A6 h7 C* Z2 I
6 b, a$ ^. p8 C1 U! B
5 S8 F/ N- }# c) C S; d
|
|