|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
1 b9 Y9 Q7 B+ ]! J h课程目录:
2 T. ~3 H: Q1 q* ]5 ]6 W* {3 ?第1章 课程导学
p9 a+ Y# X$ Q# R- R# j e b" Z 1-1 课程导学% B+ _4 j: n* H$ h s" U' w
第2章 React基础知识- m7 x2 E+ Y0 c: m; r
2-1 React基础介绍
( q! y0 Q( ~, q# c7 C. u: i 2-2 React脚手架使用
' ^6 T; n. R4 X1 K) M9 | 2-3 React生命周期介绍& ? F3 t E0 ]5 b5 n5 v7 y
第3章 主页面架构设计" O9 P' t" L6 T. n4 R
3-1 基础插件安装(1) V9 d, i' o4 k; Y
3-2 基础插件安装(2)
% g" P% @ x: B' h0 d7 h# M8 `: P 3-3 页面结构开发(1)6 v7 \. M, E7 o6 ?
3-4 页面结构开发(2)( t! o+ q1 o- M# j. Q" n) Y
3-5 菜单组件开发(1)
5 D, V0 O* B( [ 3-6 菜单组件开发(2)
8 i% Z$ t4 P- }/ F' c 3-7 头部组件实现(1)4 O* D+ H' x4 `0 T7 P, U* F* s1 L. W
3-8 头部组件实现(2)" s ~. d2 b. Y# }+ C8 _9 y
3-9 底部组件功能实现(1)
+ E! Z2 \4 U/ i" `% q2 S: m5 c2 X3 | 3-10 底部组件功能实现(2)
5 R( l, q; \, m( l第4章 Router 4.0路由实战演练
/ u. D" C* Q5 G# I- i. o) g: i 4-1 React-Router 4.0路由基本介绍 o5 X8 w" J" c9 z3 P
4-2 -React-Router4.0 路由Demo演示(1)4 x6 v7 P$ Q8 t2 z) }, H6 N9 G a
4-3 -React-Router4.0 路由Demo演示(2) O# R( P; U3 F
4-4 React-Router4.0 Demo2演示
# T N* T& |0 X% H 4-5 React-Router4.0在项目当中的运用 K$ B2 @# H& J* t6 k
第5章 UI菜单各个组件使用
: p; D+ Y* n8 Y3 \1 c- N, T; x 5-1 Button按钮使用讲解(1)
6 l7 W, w% f: u: I; q6 M8 Q 5-2 Button按钮使用讲解(2)# Z {3 n% E. \. N7 P( m
5-3 Modal组件使用讲解(1)
+ J" X4 V8 N8 z J1 p; Z 5-4 Modal组件使用讲解(2)0 r8 s7 F8 n& B9 ]1 K
5-5 Loading组件使用1 N# `) P9 }; Q3 a) b
5-6 Notification组件使用
1 }" n2 k, t* W/ x5 ~5 b 5-7 Message组件使用
* x7 j$ p7 m. J% I1 n. L# Z5 O 5-8 Tabs组件使用(1): D% G8 o' b3 I$ x7 S
5-9 Tabs组件使用(2)
6 j% m0 |: R7 N- u$ g 5-10 制作Gallery图片画廊(1)
0 l# }* v& W' A2 O. Q. t. v5 e7 U 5-11 制作Gallery图片画廊(2)
* N( a: q% ?3 m/ B r 5-12 Carousel组件使用" [: u0 _8 y; h1 i) O" G
第6章 表单使用* o% A1 V T; E' r5 a" e9 {
6-1 登录表单讲解(上)
2 v" Q+ Y* R: d2 d& b2 a8 H5 B- D 6-2 登录表单讲解(下) Z+ b: F, W2 T4 w
6-3 注册表单讲解(上)
, }/ \7 \+ g; X# _8 C1 v- b 6-4 注册表单讲解(下)
& n0 I2 h+ `% L第7章 基础表格、高级表格使用0 V: i9 T# m# c$ n7 y) t
7-1 基础表格讲解9 ]6 b( G2 Y# O) c+ ~) l
7-2 项目工程化之表格动态渲染(1)* |4 c( g5 d; U! U
7-3 项目工程化之表格动态渲染(2)
% X0 s7 I$ `( R0 B1 L1 r" r% s6 A 7-4 项目工程化之表格动态渲染(3)
- ^9 P h: ~. [/ P) b5 M+ D 7-5 表格嵌套单选按钮讲解: L" O: v& E, Y! t
7-6 表格嵌套多选按钮
& Z, @# z3 d& |4 f* X. E3 X9 g 7-7 表格分页
. v1 m: R6 {( Y, D% s# _ 7-8 高级表格讲解(1)1 g3 Z: P# J! v9 A
7-9 高级表格讲解(2)
$ ~+ ?5 [# h5 `9 k3 k6 _第8章 单车业务之城市管理模块- i# L+ G( {6 v& C1 j# K3 R# Q
8-1 城市管理(上)% J# }) ?5 d- \' O+ P; F) q
8-2 城市管理(下)
0 _: H; _4 d2 h3 d; }1 S, ? 8-3 开通城市实现
: k( @ c1 t M, O- W2 Y* f第9章 单车业务之订单管理模块
2 t) g1 {/ O; O2 Z& L( I 9-1 订单列表(上)
* x$ h9 c2 ? \# w0 L/ I 9-2 订单列表(下)
" F, u$ `5 R0 V* ^0 Z 9-3 通用页面结构设计
; L' i) U( {' _+ U! k5 Y" E- T 9-4 订单基础信息实现3 \5 p8 t' y% h* M
9-5 地图功能实现(上)
, }3 b9 q4 R2 c1 T7 U* e 9-6 地图功能实现(下)6 A. J+ P- W- J; O
第10章 项目工程化开发
% r ^ X5 H! D3 f% a2 P7 A" [ 10-1 项目工程化概念理解! T* r# a3 B6 Z1 B
10-2 模块化封装-BaseForm(1)
! c$ ^7 l) H6 Z0 q 10-3 模块化封装-BaseForm(2)
0 R' B( S" f' _8 p 10-4 请求列表封装
/ ^% [3 s( O* W) e) x' E 10-5 表格封装(1)
; S/ x) [, G' G* f# B7 y4 |( h 10-6 表格封装(2), x' f' m6 L2 ^7 p0 S
10-7 表格封装(3)
, Y9 F5 d; m/ ^5 Z第11章 员工管理菜单模块开发
+ f: ~; U8 S# j 11-1 员工管理列表实现
; A$ s/ u9 H+ ]$ v8 ?* v$ n 11-2 创建员工功能实现
! p8 Y9 h" w8 {0 j- m2 b 11-3 员工编辑、详情、删除功能实现# I/ m3 d" M' R. v% O
第12章 车辆地图模块开发( F) B3 `4 V! h8 q% r- r
12-1 页面初始化实现" d. Z+ B7 Z$ \! E& J; z
12-2 地图数据渲染实现
+ `! _* z/ a$ E, P5 d- u2 \8 X4 i) j5 i第13章 图表模块开发
( v! ?( l$ o3 x 13-1 图表基础知识介绍
& y7 _2 e. j& u) l) L 13-2 柱形图功能实现! t5 H! L. R9 K+ ^9 q
13-3 饼图功能实现(1)" P2 V1 D. q) `% g' f$ N
13-4 饼图功能实现(2)
' Z& v' y; o0 h/ x, E 13-5 折线图功能实现
5 q" A, A% s+ M- F 13-6 富文本功能实现
' h% u5 P& v( H$ a第14章 权限设置模块开发' Q' o; J* M7 ~% H
14-1 权限设计和功能列表实现
/ \, k/ [- u- `+ M! a0 O; W 14-2 角色创建功能实现
0 U" V0 |. Z8 H" e/ P+ i l n 14-3 权限设置功能实现(1)9 v* _* [9 O, U a# {$ E) F
14-4 权限设置功能实现(2)
" J) H2 s5 p* F/ ]/ x 14-5 菜单结构调整3 l& d5 X& m4 m' N9 A% U4 ~. f n
14-6 用户授权(1)' x0 S3 f+ A9 c9 @; q: z
14-7 用户授权(2)
9 N) X2 z. \. p- `% N第15章 Redux集成开发1 j( t& f' ~/ z3 P9 p, `; X
15-1 Redux基本介绍+ Z' T1 N! _9 D5 C, T
15-2 Redux项目集成(1)8 W! V. c& I! i8 c2 ^
15-3 Redux项目集成(2)1 R- z f: g* n- A ?
15-4 Redux实战开发(1)! c4 R! y: \$ }. K! |
15-5 Redux实战开发(2)
( w. J$ }& b4 e0 T 15-6 课程总结0 V% L6 a, U2 _9 y3 }/ o" m
7 Y: j) ]- B2 X! q/ n' H% J
" r" s8 N) R- i+ n( s! z( J6 U
+ v. e) p( A, k1 I' Z |
|