|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
2 e, j& D) `/ @课程目录:
$ o! n# i2 ]) `& J$ B) q第1章 课程导学
: Z- s/ `; H+ l' @; [8 X 1-1 课程导学
2 y% g7 p) L2 J! O8 w" K. h第2章 React基础知识
/ B; }- R# H5 w 2-1 React基础介绍
: D8 _2 X8 t5 _- h 2-2 React脚手架使用
& e1 w' {0 p5 z4 N* I% S6 g 2-3 React生命周期介绍4 ~6 S+ p8 j, H( L
第3章 主页面架构设计
3 m/ B( D. {: s5 i( ` 3-1 基础插件安装(1)
5 A/ z4 B6 E! \' c) @, Q 3-2 基础插件安装(2)$ E0 T3 @3 p" I
3-3 页面结构开发(1)
3 W% i1 u; U3 E, T. ?8 X# ` 3-4 页面结构开发(2)4 X' a" o v+ V0 y8 `4 v
3-5 菜单组件开发(1)
0 T$ i- a) w0 _9 Z5 ] 3-6 菜单组件开发(2)0 [; `* J- s* M3 a7 ?
3-7 头部组件实现(1)
+ k& c7 }4 e) G6 _5 @ 3-8 头部组件实现(2)4 W6 g4 |2 D9 @! Z0 k
3-9 底部组件功能实现(1)
" m, W5 ]& ~2 |0 p0 F 3-10 底部组件功能实现(2). k7 q6 w4 {7 t) T. ~
第4章 Router 4.0路由实战演练: L9 Y% M3 \1 t# ~# D
4-1 React-Router 4.0路由基本介绍, Q& t/ m* k/ @4 C2 f( B( m
4-2 -React-Router4.0 路由Demo演示(1)
' e2 J. _- _, d* R/ x 4-3 -React-Router4.0 路由Demo演示(2)) U3 P: x0 Q: z, v
4-4 React-Router4.0 Demo2演示- q; V, P" U, a# J
4-5 React-Router4.0在项目当中的运用$ b, |: E5 N$ k5 n2 [$ T6 `! X
第5章 UI菜单各个组件使用
; Q& H k7 o9 e& r! c8 J( `0 b1 O/ G 5-1 Button按钮使用讲解(1). K1 M2 j6 h7 M: Q, D9 D! y
5-2 Button按钮使用讲解(2): f0 [: Z) I$ t1 H/ g( V9 V1 L
5-3 Modal组件使用讲解(1)
0 P2 c! s$ i. `# a 5-4 Modal组件使用讲解(2)( }+ t" M5 @) W7 V/ L; R
5-5 Loading组件使用
: s8 v! V& ?2 u: r 5-6 Notification组件使用" Z2 H5 i3 B: z3 M! D1 c
5-7 Message组件使用6 s' P( l, ?, A
5-8 Tabs组件使用(1)
5 B4 p' E# f4 U/ U8 q 5-9 Tabs组件使用(2)) ]# P8 v' H7 ^
5-10 制作Gallery图片画廊(1), a9 Y0 E% t8 T J% u
5-11 制作Gallery图片画廊(2)
2 k' b) g |% V: G3 u: K# a$ q 5-12 Carousel组件使用% H9 ^* t# I+ ^0 [; ?- `8 r
第6章 表单使用+ L2 z: I8 u2 r) N, u4 b- e
6-1 登录表单讲解(上)' M& j- k0 ?( m/ t
6-2 登录表单讲解(下). M; F9 X1 O6 e/ @; ]% P
6-3 注册表单讲解(上)! k9 ?" N8 L" ~; G2 F
6-4 注册表单讲解(下)5 q" i- d6 y' v/ L- q2 r
第7章 基础表格、高级表格使用( P; E4 F5 L x8 S9 z2 g
7-1 基础表格讲解# `+ P; G0 k0 \3 O: N
7-2 项目工程化之表格动态渲染(1)
0 y/ q7 a: x9 i 7-3 项目工程化之表格动态渲染(2)1 U% [. c% L8 |6 Y) L1 K6 s5 ?! c
7-4 项目工程化之表格动态渲染(3) E4 L7 Q( }2 `4 p* L
7-5 表格嵌套单选按钮讲解$ f6 u- b1 f0 b
7-6 表格嵌套多选按钮7 S1 j& U! A8 G& d6 J4 J
7-7 表格分页
: c7 d5 H. c3 l) r& f- H% p 7-8 高级表格讲解(1)$ d: L; ]/ c) x6 R2 H' X
7-9 高级表格讲解(2)
( e P3 C5 F+ Z6 f$ c: x: [第8章 单车业务之城市管理模块+ G- X2 J( r0 k; W7 s/ m
8-1 城市管理(上)
& j$ O$ t( b# \& L 8-2 城市管理(下)4 l7 W: Q& [" _: V8 j
8-3 开通城市实现5 s3 c- a( X& Y) D- y3 X$ @( D8 R
第9章 单车业务之订单管理模块1 [8 H0 z% d4 ^/ e( g
9-1 订单列表(上). s7 q7 A0 D4 W) Y/ f- |
9-2 订单列表(下)
; |) ]6 n4 v3 U7 e 9-3 通用页面结构设计6 B( n. A) }" z
9-4 订单基础信息实现, Q: q" z8 _8 a( g
9-5 地图功能实现(上)
) j4 q* j# Q: W2 L& W; {0 q 9-6 地图功能实现(下)
* B* s* {. f- }) c+ u f第10章 项目工程化开发; s; u' x6 Q% @, p- E
10-1 项目工程化概念理解
: V6 _3 C$ k2 B2 `% f 10-2 模块化封装-BaseForm(1)
4 I" \2 q( W% F$ [* x& a1 E 10-3 模块化封装-BaseForm(2)
7 W% c5 Y) H7 _' K- } 10-4 请求列表封装/ O7 I( n n( s% g3 |% V2 m; e- U, j
10-5 表格封装(1)! D, {. ~( T9 [% S
10-6 表格封装(2), ?+ Q. H4 ]% g: k/ ?- R8 i+ \
10-7 表格封装(3)
# a5 b) Z. p& G; }! v8 Z P第11章 员工管理菜单模块开发
& v1 {7 f) A; T. B- b0 K5 S J 11-1 员工管理列表实现" D. ~- k% E; y, U1 x6 v9 U- g
11-2 创建员工功能实现
$ e6 O- n# T6 Q! K5 B 11-3 员工编辑、详情、删除功能实现
- j. ~$ V% Y! x9 D1 Z2 s6 g: B! V第12章 车辆地图模块开发
# Z: C2 q: e/ w% B9 u 12-1 页面初始化实现
/ U. F+ z% @9 ?! u9 \+ m 12-2 地图数据渲染实现0 n, m" v2 e- B
第13章 图表模块开发
! a) P: a% Y" q" B% m 13-1 图表基础知识介绍
1 ?" X+ g0 w9 @' Q! T* d 13-2 柱形图功能实现4 a2 A" t/ A3 |: C, f" s; Y
13-3 饼图功能实现(1)2 z4 o/ W: P! g5 K
13-4 饼图功能实现(2)$ z$ ^- F4 ]: G% Q/ W
13-5 折线图功能实现% c4 N& I+ U1 r2 ^
13-6 富文本功能实现" o0 w# l" O. Y
第14章 权限设置模块开发. r- [' b2 H. _! C/ A
14-1 权限设计和功能列表实现% v$ m- f( C& n4 u1 K! G, n4 _
14-2 角色创建功能实现
; h# B, A9 y. x! h) S l 14-3 权限设置功能实现(1), `4 p" S& H! [3 Z0 f. }! K- M' U8 G
14-4 权限设置功能实现(2). M1 F/ s4 [. W1 v+ B
14-5 菜单结构调整) x( e" L5 r6 l/ D
14-6 用户授权(1)
2 x" I' o( g F 14-7 用户授权(2)9 X8 g* m7 E& S, y. h7 |! N' [% y
第15章 Redux集成开发
# \$ V; v' y) T4 T7 z7 E* l& ], C 15-1 Redux基本介绍0 D1 v4 x# V; w- j7 l6 V% }8 ?! P8 F
15-2 Redux项目集成(1)5 b+ h7 W& ]* G" e+ a' y l
15-3 Redux项目集成(2). @! R) e! D/ u5 V7 g
15-4 Redux实战开发(1)
, _, b& v" ^& @/ L" V2 B, K 15-5 Redux实战开发(2)- @; A4 R- p9 W- w0 b% Z
15-6 课程总结
3 l- R/ G/ c! }/ Y6 b. p# n3 l8 R6 _# S8 V1 i5 s9 u: ], S( U5 H
5 j* b) e) e( s8 K! d
& u/ w# E. i( a% ]+ o6 \) Z
|
|