|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。* i0 J t; ^* a8 A
课程目录:
4 Q; v5 t" H+ g- K! v3 b! x第1章 课程导学
& [9 v( g- [9 N* l% _) h' N) ?# n 1-1 课程导学& u7 v3 A- J7 Z" |5 N% f' D. x2 Z' u
第2章 React基础知识
* ?& r: Q+ `$ N9 _2 t. E' O! [/ \ 2-1 React基础介绍
; a t7 r& p3 P" E) Z4 z( @ 2-2 React脚手架使用
; {4 {% V7 S6 g. N ~0 f0 s; p: l: W 2-3 React生命周期介绍; _. q; }* @4 n7 {! V
第3章 主页面架构设计
1 f* }- u$ G3 t- t- D 3-1 基础插件安装(1)% _/ r1 q% R: {# d/ T7 I/ b: h
3-2 基础插件安装(2)1 n/ \8 |% {7 E0 h( t; R: W: {+ T
3-3 页面结构开发(1)
1 V( k3 x: S- R% @' r+ C 3-4 页面结构开发(2)
- N5 v: l( q K/ @ 3-5 菜单组件开发(1)* D4 ~, b9 ]. z' }
3-6 菜单组件开发(2)
3 `# q2 V) m# h* n0 T# M; K 3-7 头部组件实现(1)
3 o+ s& F' x3 G5 { 3-8 头部组件实现(2)3 J& J% _+ k" l& m7 \6 A
3-9 底部组件功能实现(1) U: U' B0 o, F `
3-10 底部组件功能实现(2)
" L0 z8 C9 `' @7 y5 N; K- H第4章 Router 4.0路由实战演练
1 I l9 s' r5 O# Z' a! f 4-1 React-Router 4.0路由基本介绍$ n* V2 V) G4 [8 j! K
4-2 -React-Router4.0 路由Demo演示(1)) E' c8 D9 r( }' s. r' Q" z0 R3 W
4-3 -React-Router4.0 路由Demo演示(2), U# Z. }8 y: C0 s6 W: x
4-4 React-Router4.0 Demo2演示( m) @4 z* H" _; e" |% i1 A4 h7 e
4-5 React-Router4.0在项目当中的运用' ^9 y3 i- D2 @6 o) E* H1 x' }6 A
第5章 UI菜单各个组件使用6 z2 `' H# x/ W5 H0 Y5 q
5-1 Button按钮使用讲解(1)
' V! k7 m4 i X$ m& | 5-2 Button按钮使用讲解(2)
% ]4 W0 D, U0 g 5-3 Modal组件使用讲解(1)
2 U3 W' h8 u! `1 a+ E 5-4 Modal组件使用讲解(2)9 I, q* A$ E& A$ o
5-5 Loading组件使用/ z, t$ a7 G5 X
5-6 Notification组件使用
1 T- s) S+ H! [# u 5-7 Message组件使用
* ^! Q" z$ C7 j' P5 V7 C: v 5-8 Tabs组件使用(1)
+ r9 _+ l4 x4 K' u; i( f ~ 5-9 Tabs组件使用(2)
8 x. S, n' {- X1 G! Y, n 5-10 制作Gallery图片画廊(1)
" N4 V' J0 [4 S* }) G: e 5-11 制作Gallery图片画廊(2)3 P" c e) T- a5 r- C1 a
5-12 Carousel组件使用
( E1 A6 H, P9 {第6章 表单使用
$ X+ Q9 K# P. N1 a) E 6-1 登录表单讲解(上)5 i2 c8 N2 G$ s) U2 W
6-2 登录表单讲解(下)
$ B# m) Y& Z2 [5 g2 H0 ^3 T+ N 6-3 注册表单讲解(上)* @+ }0 D; c5 b) ]6 y
6-4 注册表单讲解(下)
2 ~; L: q( t- |9 C# l第7章 基础表格、高级表格使用
2 j+ E( v2 ~: z$ Y% N+ o 7-1 基础表格讲解7 _( C, J& Q& I& A( U; M j& n
7-2 项目工程化之表格动态渲染(1)# g; W. R" L% i; t2 w9 W* o+ z
7-3 项目工程化之表格动态渲染(2)" F4 [# q* W3 }. R
7-4 项目工程化之表格动态渲染(3)
9 a" }! E- z4 b. k1 J* j9 F8 \ 7-5 表格嵌套单选按钮讲解 k/ f, G+ u/ G( r$ f/ z
7-6 表格嵌套多选按钮
9 f7 Y/ i% f' r) h 7-7 表格分页, b4 U. W5 x- `% b2 P- u
7-8 高级表格讲解(1)* g8 C+ z" Y: K: ? K X& F; W H
7-9 高级表格讲解(2)$ P6 W0 ^! \: r/ d8 R% {
第8章 单车业务之城市管理模块
9 ?1 n+ k0 A5 [4 |1 Y5 c, k 8-1 城市管理(上); v/ V- O$ V) }# T; L3 C! Z
8-2 城市管理(下)
0 v( c, o9 M! E F, W( t$ Y& n 8-3 开通城市实现% p! m# r5 [1 [. u: P
第9章 单车业务之订单管理模块) @! f: q& N! x1 h3 ]8 C
9-1 订单列表(上)# Z. H* V# ^8 P: Q8 ?& R$ e
9-2 订单列表(下)3 h5 t2 {# P+ J. b7 \% p
9-3 通用页面结构设计
, z& _' @0 Y: i0 a+ e; ]4 J 9-4 订单基础信息实现0 n+ Y! N$ N o a
9-5 地图功能实现(上)
: }" h2 ?; X# d1 S 9-6 地图功能实现(下)+ j% f/ Y& T4 j
第10章 项目工程化开发
/ i9 v H7 v( i# E 10-1 项目工程化概念理解9 `& s2 P1 k5 h
10-2 模块化封装-BaseForm(1)
9 L( {0 w( p- ~( | 10-3 模块化封装-BaseForm(2)+ B/ X4 p- J$ H# }
10-4 请求列表封装 P9 i* J, z( P: X7 L: |
10-5 表格封装(1)9 S! s& Z$ x/ Y1 z" |
10-6 表格封装(2)* c. ?7 v9 x9 ?0 z/ G S
10-7 表格封装(3)
/ J7 Y5 f% K& [ Q. I第11章 员工管理菜单模块开发
2 q* k. w* ?' E6 y( q/ g3 f9 v 11-1 员工管理列表实现
+ n1 F8 V5 E; i! [. }9 G. @ 11-2 创建员工功能实现
! D% A# N$ W0 m- x5 x 11-3 员工编辑、详情、删除功能实现( P; z' |) @7 C, M0 z+ ^4 t
第12章 车辆地图模块开发$ D6 _& i# c# J ]" u
12-1 页面初始化实现
* X4 i4 i3 A2 T6 t8 X6 I 12-2 地图数据渲染实现
7 z( F! O Z) S& Q. `# d4 H+ ]* U第13章 图表模块开发7 @1 m' D: Q& G2 Q! O% n7 D1 `
13-1 图表基础知识介绍/ t" O+ h& Y4 H8 V1 ]9 n- Z
13-2 柱形图功能实现" M0 @: R& M( n1 A* s
13-3 饼图功能实现(1)
, h+ M0 m; b* ?: i# l1 a 13-4 饼图功能实现(2)! v9 y* i! ?! Z6 q
13-5 折线图功能实现. U; d6 m+ Y7 L* v4 d. Q' R) j: q4 L
13-6 富文本功能实现
. J0 ^8 \! D! W7 ^0 {第14章 权限设置模块开发
& K) b0 G8 T2 U; v: r. B# @ 14-1 权限设计和功能列表实现$ m/ s) v$ t: ], a/ g
14-2 角色创建功能实现
7 k+ n* f" T2 p3 W% Y 14-3 权限设置功能实现(1)9 m, |; K# J. z( Q3 ?! L ~* b0 d
14-4 权限设置功能实现(2)9 c* m s4 G w U* b
14-5 菜单结构调整0 ]9 w5 d9 ]$ W% z* o; ~1 Y" A" i
14-6 用户授权(1)
3 ~6 ]& f" R: t( C 14-7 用户授权(2)
: n: |) t1 e' E3 k$ d6 A# `第15章 Redux集成开发. f8 ~( j; U2 U* @+ W& w5 j
15-1 Redux基本介绍
* N" Q6 [ Z: S, q7 g 15-2 Redux项目集成(1)
% e, m4 o" a& T+ @/ [# M 15-3 Redux项目集成(2)# F9 B2 S7 ?, E1 w" `9 M
15-4 Redux实战开发(1)" @: {- d! z' n% Y
15-5 Redux实战开发(2)6 Y) k' H8 l6 H
15-6 课程总结* w% l& W4 K! U- H+ G: l
8 Z0 M5 Q* N. T$ z& g
8 _' w; m& D; T' ?% x" v% J' s
l! H( z) a5 h4 E0 H3 o |
|