|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。. g9 H- ]3 N2 s1 x8 Y7 A
课程目录:
, p! D. g4 h( X' ?第1章 课程导学& p8 U( j! P5 @' n4 V r$ L
1-1 课程导学
& x& e9 f1 u' @% t; T; f第2章 React基础知识" \$ e2 C! Q! C* _& s3 r
2-1 React基础介绍
6 T' b6 I% w- ]$ b 2-2 React脚手架使用4 c& a- q) `" m3 Z3 A! I0 I4 {
2-3 React生命周期介绍
' {" F0 Z: m N4 Y: x% p第3章 主页面架构设计7 F% f+ C1 F% C
3-1 基础插件安装(1)* n8 a O& f% k% F6 D* I$ w
3-2 基础插件安装(2)
+ b) R$ b1 H8 c/ `6 d 3-3 页面结构开发(1)' o/ {+ I$ i( N% Y
3-4 页面结构开发(2)$ Q1 |) S3 H, R% S. p+ c& b
3-5 菜单组件开发(1)& l7 u' r9 U3 t+ K- A4 s
3-6 菜单组件开发(2), S! J2 W; T8 z
3-7 头部组件实现(1)
# \+ w$ e* p/ R0 S1 p 3-8 头部组件实现(2)
/ R) T9 ]; X6 A, d 3-9 底部组件功能实现(1)
. g, F0 {0 S) g+ s8 r! A0 F" r 3-10 底部组件功能实现(2)$ i6 h* r. v4 T' Q3 Y7 n; C
第4章 Router 4.0路由实战演练
) o/ g) z) ^! f+ I& {+ l 4-1 React-Router 4.0路由基本介绍. M R+ L1 X+ M# t" Q
4-2 -React-Router4.0 路由Demo演示(1)6 J7 c9 M( F# K3 b" G7 Q: a2 c/ `
4-3 -React-Router4.0 路由Demo演示(2)
$ h- v: G- x+ T 4-4 React-Router4.0 Demo2演示5 D" } w1 U' N
4-5 React-Router4.0在项目当中的运用3 `. E( N9 j1 I2 o/ g
第5章 UI菜单各个组件使用
# a/ ? F- _/ i# S5 p- c, L' M 5-1 Button按钮使用讲解(1)
, C1 N8 x. N. o( b4 W 5-2 Button按钮使用讲解(2)2 r2 `* C7 J6 z. X$ H! |: n1 x
5-3 Modal组件使用讲解(1)" ]/ Z: Z% k2 J' H
5-4 Modal组件使用讲解(2)+ M1 E1 ]9 g" f3 e0 u: }8 Q
5-5 Loading组件使用1 E3 l7 q e2 C5 `* k6 N0 V
5-6 Notification组件使用
( z& C3 o3 Y+ P- l# v5 q 5-7 Message组件使用- C$ }2 }# ` A5 l9 E' n
5-8 Tabs组件使用(1)
! d" `7 h# V0 z' A5 M: j 5-9 Tabs组件使用(2)
5 h; E4 @4 K; C) m/ ~/ w8 O 5-10 制作Gallery图片画廊(1)# A! D, g, v* H8 c. E, i0 r
5-11 制作Gallery图片画廊(2)0 r ?0 s% I, n9 ?6 o! ]
5-12 Carousel组件使用
' V4 w3 \' o% \9 h) r第6章 表单使用/ @" T5 l6 \/ U! m0 u8 A5 \: ?- p
6-1 登录表单讲解(上). b' w* o6 k, B$ n
6-2 登录表单讲解(下)
5 @' f1 W; {; t1 u 6-3 注册表单讲解(上)- a5 ]; A& f2 E: ^4 r7 a4 h. Q
6-4 注册表单讲解(下): ]$ P; x& p+ H
第7章 基础表格、高级表格使用; ^, x+ o- S$ @, o: K
7-1 基础表格讲解" @4 x5 q- X- ~
7-2 项目工程化之表格动态渲染(1)
! w2 Y/ a5 A0 W5 [2 ^; J 7-3 项目工程化之表格动态渲染(2)
7 y- q2 ^* G; ]" U2 C 7-4 项目工程化之表格动态渲染(3) W9 R8 B& O4 _' u& P% N1 d
7-5 表格嵌套单选按钮讲解1 m, z* b ^% N/ _
7-6 表格嵌套多选按钮- i8 ~. }3 r1 u A5 ]1 U E& t
7-7 表格分页* E& x! F5 \. {/ k4 X* r0 u2 a! S
7-8 高级表格讲解(1)" O$ ^8 }( V$ `! P7 b
7-9 高级表格讲解(2)
0 ~6 u8 X/ j" L, S9 Q0 b0 ]第8章 单车业务之城市管理模块* h" y0 J- [! ^
8-1 城市管理(上); p4 v: C+ L: W4 J& W0 R% G( N
8-2 城市管理(下)
0 o! T `! w" q+ d$ U( g3 k 8-3 开通城市实现
% |. k9 |3 Q9 I第9章 单车业务之订单管理模块
: ]# G' Y& m$ x2 S 9-1 订单列表(上)" B( P: Z$ b0 X; s+ T- l1 p7 F
9-2 订单列表(下)
! V& |- W" W: X0 @6 m 9-3 通用页面结构设计
& O6 f- k2 A6 `* T# | w+ d8 ?) Y 9-4 订单基础信息实现: c* R/ ?- n% c, D5 T8 `- r
9-5 地图功能实现(上)
% |5 x1 `8 N0 }/ E 9-6 地图功能实现(下)/ o: c ^7 V3 B" d" y# f7 I5 t) f
第10章 项目工程化开发. A6 w; d% a3 m9 x, r k% h1 K
10-1 项目工程化概念理解2 J/ R Y3 w4 U' K; p' ~8 G
10-2 模块化封装-BaseForm(1)$ P% D8 b2 r* e' Z! T+ O3 C
10-3 模块化封装-BaseForm(2)( v- b, R; |( ~5 d5 [" b
10-4 请求列表封装+ n9 @( G5 J( j5 R) J: r' b ^
10-5 表格封装(1): s* ]: h8 E- W
10-6 表格封装(2)/ a, o' K: k, w$ i V4 H0 h& q
10-7 表格封装(3)7 C5 Y# h, ]) Z$ Y
第11章 员工管理菜单模块开发4 q4 g6 M; b1 ~0 U7 g/ X" n8 @
11-1 员工管理列表实现
}* K( v* e# q* I 11-2 创建员工功能实现
: O s2 c( ~3 H4 c' H4 [7 d- V1 t 11-3 员工编辑、详情、删除功能实现
+ }- F7 L5 L& d# i! `+ \- _7 O2 `. ^第12章 车辆地图模块开发
, c- b/ [* C- ~6 r2 d& h4 f8 O7 y 12-1 页面初始化实现4 `0 @9 m. f/ `$ o$ {
12-2 地图数据渲染实现
# h) B$ R. y8 V1 ]/ q0 H第13章 图表模块开发& X! e! f [; P- l! q& t
13-1 图表基础知识介绍* d& w* Q" u, F K
13-2 柱形图功能实现8 w/ a9 `8 K! _" u' ]" c
13-3 饼图功能实现(1)
* X- ~5 p6 l' ^) d+ O C. }/ D 13-4 饼图功能实现(2)
% r! Z% _. l+ K4 K" w9 X 13-5 折线图功能实现
; r+ o3 ~0 x- m/ ^7 X, L- S 13-6 富文本功能实现
2 e }( L/ Q7 ]* p) K' o. F3 T第14章 权限设置模块开发, f3 o3 G" a: n s2 r+ K% E
14-1 权限设计和功能列表实现( q0 u @1 t! B4 O( y
14-2 角色创建功能实现3 q' k% b* z y$ A( h' F
14-3 权限设置功能实现(1)- U( `% V% F b; Q0 ?1 q$ S: R! k6 G4 H9 a
14-4 权限设置功能实现(2)8 p+ l& S1 f- i G; c, H
14-5 菜单结构调整
& ?: w8 q1 o# [6 y7 l, w 14-6 用户授权(1)1 I/ w7 u5 }) x0 w% H' [% n7 t
14-7 用户授权(2)2 `# e& D% v6 k8 k; q A
第15章 Redux集成开发) E) R# m7 h `0 g1 K
15-1 Redux基本介绍
; t' @$ ~$ x: L% G5 u2 q: P& w 15-2 Redux项目集成(1)
- L0 r y/ y W 15-3 Redux项目集成(2)
; D9 {& X. B: b$ k) j 15-4 Redux实战开发(1)
( J9 m, r9 \6 }3 g# Z 15-5 Redux实战开发(2)* X/ f6 K5 ? [
15-6 课程总结8 G. I: ^! d# U* c
6 X; A$ ^# Y3 e$ T5 I& ~8 G0 ?' `
1 p/ q6 m: |+ Z" A; _; N5 B0 E
( k) N* q; Z8 A+ ?9 E2 ^
|
|