|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
. I$ T! w$ O; G$ A课程目录:
5 F9 K: N2 F/ Z8 I第1章 课程导学
* v9 Z/ b" C( ^5 G 1-1 课程导学
/ e2 s6 @* o9 x. S第2章 React基础知识! J/ w% N* q; D$ ~& m) k' y) _8 O Q
2-1 React基础介绍# G+ H/ x8 n9 L2 r
2-2 React脚手架使用
% d+ D) a' r! s 2-3 React生命周期介绍, g/ ]1 w0 T2 w0 h
第3章 主页面架构设计# R# d/ f0 J9 O! {7 _
3-1 基础插件安装(1)
r8 Y2 M9 U$ t1 I: R/ D& c 3-2 基础插件安装(2)+ r% ~* s8 d$ U7 a" a
3-3 页面结构开发(1): G$ H8 M: P& ~! C7 j
3-4 页面结构开发(2). H; ]$ r2 ]$ q+ H" \
3-5 菜单组件开发(1)8 j/ q+ V: F; g# y
3-6 菜单组件开发(2)
$ g/ m' q+ _5 v: b+ ^- M2 R 3-7 头部组件实现(1)
/ w+ [' l* X" k+ I6 V/ ~$ | 3-8 头部组件实现(2)+ v8 Z# l+ q' U2 E6 L' _
3-9 底部组件功能实现(1)
6 F. a- h9 A1 b$ b 3-10 底部组件功能实现(2)
, L$ C: C6 G* M第4章 Router 4.0路由实战演练# f4 ^7 N& h3 |) M+ Y( b
4-1 React-Router 4.0路由基本介绍
' j/ \% L, l L0 Q- \ E p 4-2 -React-Router4.0 路由Demo演示(1)
& _/ Y1 g: r* l* z 4-3 -React-Router4.0 路由Demo演示(2)" }1 a+ g. u0 i& ~1 Q/ M
4-4 React-Router4.0 Demo2演示1 h) S- {7 e/ B8 V
4-5 React-Router4.0在项目当中的运用( H& `) b6 O2 K$ _" O
第5章 UI菜单各个组件使用
! i% V9 S1 G7 z8 U( I# J9 z( Q6 U6 ~ 5-1 Button按钮使用讲解(1)
$ f; C4 y/ ?, w- _1 ^9 o 5-2 Button按钮使用讲解(2)
3 l) W# m" T6 o, M9 Q; i9 a 5-3 Modal组件使用讲解(1)
: [. q5 |- J3 t7 Y- G! B. V 5-4 Modal组件使用讲解(2)5 p& u0 `+ k4 e9 m8 X
5-5 Loading组件使用
" j+ }' J" g: z5 w 5-6 Notification组件使用8 T; U3 k4 Q3 I* S7 l" H% P
5-7 Message组件使用
8 A& e" K8 f5 h) F' ~) A 5-8 Tabs组件使用(1)6 D. @3 \) p) r4 k' ]
5-9 Tabs组件使用(2)6 h2 I8 y( W& L U
5-10 制作Gallery图片画廊(1)
6 N5 ~ |0 Y' \6 y4 T& F 5-11 制作Gallery图片画廊(2)% q* i6 S( a' x& f. M
5-12 Carousel组件使用5 L$ r" B; C; T8 {9 l
第6章 表单使用% J2 _. B: v. g+ Q
6-1 登录表单讲解(上)
% P4 g* U* y3 {: E; W+ ` 6-2 登录表单讲解(下)1 G8 W$ v0 H7 L8 Y1 v1 i: R
6-3 注册表单讲解(上)
) b: o' b' n( d2 [ 6-4 注册表单讲解(下)4 a! E. q& n) Y6 y
第7章 基础表格、高级表格使用
( A! h. h8 C6 g' e, O& ~ 7-1 基础表格讲解8 L2 P( y: O% G" E" } k# _+ t
7-2 项目工程化之表格动态渲染(1)
' H4 R/ s3 o9 r1 N9 p+ q 7-3 项目工程化之表格动态渲染(2)
0 I/ d4 \# { F+ K1 n" E h# g 7-4 项目工程化之表格动态渲染(3)
8 P- }8 v* L% h5 n' o 7-5 表格嵌套单选按钮讲解
, C7 m$ ^6 i7 ]3 q% z6 d 7-6 表格嵌套多选按钮' Z' Y& ~* C6 q+ b
7-7 表格分页/ }1 o8 Q3 n7 y
7-8 高级表格讲解(1)* S: M$ \$ w1 D% P
7-9 高级表格讲解(2)6 C: T" ], `8 n" x2 o, _
第8章 单车业务之城市管理模块
8 R# G" n6 G, r) z 8-1 城市管理(上)( a5 ?) x( o# [0 A' D
8-2 城市管理(下)( M2 n' w, X/ K7 `
8-3 开通城市实现* W: Q+ q8 I5 l1 J9 U
第9章 单车业务之订单管理模块; ?+ y% b" b' d4 ?' A8 F
9-1 订单列表(上); M* S( @# E% E9 ?2 K
9-2 订单列表(下)
/ z+ E% s/ ~: @/ K, I 9-3 通用页面结构设计9 m7 \* K8 b. v5 b5 Y7 j+ n1 M
9-4 订单基础信息实现: z: g, N' T8 `8 z+ t8 F. V3 T
9-5 地图功能实现(上)
9 x9 c y# ]1 a) c( A 9-6 地图功能实现(下)4 I9 L" c/ h3 G# d- \4 A# e
第10章 项目工程化开发. G- z5 g- W2 V6 ^: M+ q( G
10-1 项目工程化概念理解
/ r/ _$ A; R: @$ W4 L4 W 10-2 模块化封装-BaseForm(1)
; ]; _+ _. N2 `# o 10-3 模块化封装-BaseForm(2)
9 f1 X- D5 T7 W- z: ? 10-4 请求列表封装. C- c. d; R1 s+ z+ j# |/ I
10-5 表格封装(1)
+ I8 T# r3 C# `6 A' D5 ] 10-6 表格封装(2)6 J4 ^3 E8 V0 T6 y& R" m) [
10-7 表格封装(3)) x2 h( O2 Y' Q. B a. }
第11章 员工管理菜单模块开发
- \ L7 `2 g5 d2 M 11-1 员工管理列表实现( ~6 B# p) J/ d# |9 O
11-2 创建员工功能实现6 m7 M/ Y% d/ p8 k( j
11-3 员工编辑、详情、删除功能实现& B$ Y5 F, f9 d$ B" g) `/ ^
第12章 车辆地图模块开发6 r. C' h( q) [( k N
12-1 页面初始化实现
5 p% V) E8 e; g k. V$ a) p 12-2 地图数据渲染实现 L- d+ p& D; M
第13章 图表模块开发
t5 g/ e$ v; e. _1 J 13-1 图表基础知识介绍
2 J3 [! F/ d4 k: z: A! l& e$ V 13-2 柱形图功能实现2 H) z; e( T5 h& N3 W
13-3 饼图功能实现(1)
: A9 x$ T8 d! ~ 13-4 饼图功能实现(2)
% l* d" z. W( S! C0 F7 i 13-5 折线图功能实现
1 r3 z; C1 |- \" U% C- b* }0 e6 N% A. ? 13-6 富文本功能实现
& }5 c6 w, n" @$ f8 N; R# {# E第14章 权限设置模块开发5 B. N" c! n1 K& |
14-1 权限设计和功能列表实现
; H' ]! e# R3 l) [ 14-2 角色创建功能实现
% Q; Z' z# o# }) O 14-3 权限设置功能实现(1)
; V$ H/ _2 O4 P& n 14-4 权限设置功能实现(2)
0 j7 p& n! o6 O1 ?6 u& y 14-5 菜单结构调整
" v$ M# u) q( K" n8 ] 14-6 用户授权(1)
9 R3 K9 q* x+ i+ ]: O$ j% W 14-7 用户授权(2)
7 C4 m, h T7 m( B第15章 Redux集成开发
& l Q; V9 Q; ]* T" z7 \ 15-1 Redux基本介绍
! ?1 q+ M6 @' b5 D0 I 15-2 Redux项目集成(1)
7 q( a& `+ u2 w( V/ u8 Q 15-3 Redux项目集成(2)
( t& A% l, h0 {6 r 15-4 Redux实战开发(1)
2 q( x. S2 p* m# c 15-5 Redux实战开发(2)) S5 o+ Z8 |! j# k1 R/ ^
15-6 课程总结( M3 `5 W3 M7 t$ ^2 s5 r0 S) v. _' ~! R
. G; |( s4 k! Q: P& C: J7 Z 7 g( `& t) {$ C9 o& m
3 G0 ]/ @+ c4 r0 ^5 S9 G$ B0 |
|
|