|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
6 T1 z& [" c' h6 H课程目录:, N+ w$ m8 P R& h, I( o" m
第1章 课程导学7 L6 \0 b' o( }2 e( L' u' j, `0 J
1-1 课程导学3 `5 h" v# }. ^0 N$ a7 j. S
第2章 React基础知识3 \) `6 i. m( H
2-1 React基础介绍5 p" p; N4 D$ K6 J; {* r9 E) l
2-2 React脚手架使用8 S+ ^/ e9 ^: K8 }, c
2-3 React生命周期介绍
, `; U; L* c9 U0 {第3章 主页面架构设计
7 ~+ L9 {) Y- j 3-1 基础插件安装(1)1 N* B: ?7 C. J; T5 ` p
3-2 基础插件安装(2)- p/ O! q$ b7 z9 B1 H. A3 N9 I
3-3 页面结构开发(1)/ A8 s( r: j; f# {; _* b* y
3-4 页面结构开发(2)1 z3 U; x4 q! A' K |% D- |
3-5 菜单组件开发(1)( M% m. ^1 {& Z" H: g6 g
3-6 菜单组件开发(2)
( a, Y, k- _# U, S 3-7 头部组件实现(1)
/ f6 i) I. v4 s) y) G' J5 r 3-8 头部组件实现(2)
% O- I& k" }7 e% ]% y6 r$ Q) Y- T0 c 3-9 底部组件功能实现(1)) G6 a. q+ a5 f& l4 }
3-10 底部组件功能实现(2)
) L) D7 }% U, u/ z. f第4章 Router 4.0路由实战演练1 o( z( Y* c" [% z& t4 z6 P
4-1 React-Router 4.0路由基本介绍. V. P. Y' |2 ?5 n4 u5 e/ s! i! T
4-2 -React-Router4.0 路由Demo演示(1)
3 |' X: F- a1 q" }, a 4-3 -React-Router4.0 路由Demo演示(2)8 O" H9 I. @0 b$ J
4-4 React-Router4.0 Demo2演示- g2 p4 V! S. j8 @
4-5 React-Router4.0在项目当中的运用
0 l/ E2 s/ v" Q5 b/ D( M8 ^第5章 UI菜单各个组件使用6 y5 Q V5 C8 @) B/ B, x. |
5-1 Button按钮使用讲解(1) x/ X% v1 C: S$ y6 v8 v4 y3 c
5-2 Button按钮使用讲解(2)
7 U! f/ O" z# T, a0 h* w 5-3 Modal组件使用讲解(1)8 `( N( J& s* U1 p4 n' L+ H
5-4 Modal组件使用讲解(2)
% y R8 U2 G- S, E) E/ P 5-5 Loading组件使用; s- I' y2 D5 Y, z- K4 B
5-6 Notification组件使用0 [/ j- ?' z1 A" ]( `$ _3 J
5-7 Message组件使用2 i5 t) X4 N6 p+ K+ X# ^
5-8 Tabs组件使用(1) r3 `4 x# K8 C, F4 q9 i
5-9 Tabs组件使用(2)
% c4 y3 f' A( z3 p U( q 5-10 制作Gallery图片画廊(1)
3 Y) S+ ]* o' f) x( ]9 ` [ 5-11 制作Gallery图片画廊(2)
7 N- J$ L+ N2 ]. K: F5 H 5-12 Carousel组件使用
! D; \/ K" {9 l3 |& Y1 L5 g% U第6章 表单使用" x6 B5 A/ ?0 U9 R7 o3 U4 x9 L
6-1 登录表单讲解(上) Y: c) X: M+ h
6-2 登录表单讲解(下)
, U1 O2 z9 s6 z& f! l$ Y 6-3 注册表单讲解(上)
3 d9 T: o: c( z C 6-4 注册表单讲解(下)
0 t& w; K3 a9 i- E第7章 基础表格、高级表格使用
! E' f6 Z; L: w% | 7-1 基础表格讲解5 _1 g; u, _' b
7-2 项目工程化之表格动态渲染(1): s+ A ]5 d: }% T C `
7-3 项目工程化之表格动态渲染(2)
w- S5 a/ {, t/ M$ o# c% [ 7-4 项目工程化之表格动态渲染(3)5 X3 k3 D( `2 h* l/ q! v* t7 k
7-5 表格嵌套单选按钮讲解
6 y' P% v( @! Y1 p6 }6 u/ I 7-6 表格嵌套多选按钮
/ \$ ?& P' h" `0 Y; _ 7-7 表格分页
! y% n0 u& Q7 h& v% p8 }5 _$ H9 R 7-8 高级表格讲解(1)
0 e2 z7 T/ T* x% m6 L: ] 7-9 高级表格讲解(2)
& t5 I4 V# V0 y第8章 单车业务之城市管理模块$ z9 F8 `7 h- C0 f1 U+ P0 t
8-1 城市管理(上), o" Z' J6 S9 I5 Q
8-2 城市管理(下)
, z# K8 X& s, \! s 8-3 开通城市实现- @. ` A k& M. b
第9章 单车业务之订单管理模块8 X" y" \$ w0 M
9-1 订单列表(上) }! f+ ?0 o2 ?- B
9-2 订单列表(下)
" B( [3 U& n) c 9-3 通用页面结构设计
2 B' c' B0 \/ X/ ? 9-4 订单基础信息实现' O6 ]' D7 i: Q6 h
9-5 地图功能实现(上)
9 M5 G. G, u* [5 X; b3 {. E, i 9-6 地图功能实现(下); W2 O0 g5 j. ~: F. c! O1 Z: {
第10章 项目工程化开发9 Z) B5 m3 _ F+ U# L, D
10-1 项目工程化概念理解1 \+ D" X1 O3 I
10-2 模块化封装-BaseForm(1)2 e2 w: x x9 W' V
10-3 模块化封装-BaseForm(2)
1 y; K: h: L& ^5 P9 E* z( i 10-4 请求列表封装! ?: S# J1 O5 N" W- o
10-5 表格封装(1)
/ X" r6 ~9 ?2 f: R2 C 10-6 表格封装(2)
4 H* p. S. @6 E 10-7 表格封装(3)
T- o5 Z9 j# i( P B: b( p! y# j9 H" D第11章 员工管理菜单模块开发
/ }7 b- L' L7 w2 Y7 s- `8 u 11-1 员工管理列表实现
7 o3 v' h; h% Y5 y% f: U 11-2 创建员工功能实现
" _) P+ E9 [ J( ?& _" t 11-3 员工编辑、详情、删除功能实现
+ m3 v. P1 B+ x7 I9 G/ l第12章 车辆地图模块开发
! ^# d6 X( x x4 u* { 12-1 页面初始化实现
, r, V8 q" \( p* e& z. w, V 12-2 地图数据渲染实现
\" V" m$ m6 @: q* k, i! n1 v6 r( Z第13章 图表模块开发
4 o& i1 N) z; `5 J s& }8 y$ k 13-1 图表基础知识介绍
# \$ h2 E* b# Y0 w- B) f% | 13-2 柱形图功能实现
5 o4 q7 i: b" n7 A, M 13-3 饼图功能实现(1)
9 `* V5 x; _& r) ~* o+ q, d& p* ] 13-4 饼图功能实现(2)
# Q) T2 Z' J' A- t0 | 13-5 折线图功能实现: O: P6 P# y( c2 _6 `$ c4 ?. N
13-6 富文本功能实现
+ s6 a! {9 W9 A) e4 T第14章 权限设置模块开发
; p6 s# Z# u+ L$ N. [3 F4 E. Y6 {+ R 14-1 权限设计和功能列表实现
4 S" ^1 l9 W g" i 14-2 角色创建功能实现
6 G7 D0 X2 j# \8 H$ L, O( b" F 14-3 权限设置功能实现(1)1 x2 Y: s& I) I2 c
14-4 权限设置功能实现(2)- n" p, b+ }- ?0 X+ I$ }2 ?
14-5 菜单结构调整. l0 u2 W0 P4 S" N$ |; I% S
14-6 用户授权(1)0 |1 M; i6 _- V3 N* D
14-7 用户授权(2)
4 T; A! S. `) \! F# w第15章 Redux集成开发
# c; q1 H+ A; b 15-1 Redux基本介绍9 `+ s2 f( t; I% V& |7 F2 T2 F
15-2 Redux项目集成(1)6 v& [/ f9 M) o3 i
15-3 Redux项目集成(2)
+ U! I2 a B: K1 A 15-4 Redux实战开发(1)
2 Z1 ^# Z8 p7 ~1 M! Y- E* F1 [1 @ 15-5 Redux实战开发(2)
/ m5 p B0 T6 d0 C" P6 [4 ]5 m 15-6 课程总结 {0 k' t0 U9 N
4 E3 z. s9 }/ L8 N
" ?$ T4 T. v" ]' _2 d) h) m; L
& t A) l7 {9 R6 `& {9 T$ H |
|