|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
6 ~7 q H' K2 [& u& g3 b课程目录:/ R/ i. W$ g3 B" s
第1章 课程导学
( o" Y7 \/ P, r9 `$ \. E4 ^ 1-1 课程导学( L0 n7 W6 V* O: W8 j' _9 @3 U/ T6 ~; z1 R
第2章 React基础知识
. X& K" \6 [! [- a& O 2-1 React基础介绍/ @4 `5 D6 i ?% S* B
2-2 React脚手架使用
/ B" I9 {. u2 F8 A K 2-3 React生命周期介绍4 x6 `, Z: m% b, F1 ^+ [
第3章 主页面架构设计1 i6 f$ E9 Q3 ?0 f
3-1 基础插件安装(1)# U. J6 i g" s
3-2 基础插件安装(2)
% s) {+ ~: d2 H+ Q& Q7 N8 ^ 3-3 页面结构开发(1)
( F( Z1 S! P/ k2 J; `# O 3-4 页面结构开发(2)& T; B( b# f* v+ L! K5 Y) O' R
3-5 菜单组件开发(1)2 s* H5 o$ A( L4 }! u; V8 [
3-6 菜单组件开发(2)
. _. f) w9 X$ u, @; f' S' ~! i 3-7 头部组件实现(1)& Q9 ?, N: c+ `( S: z
3-8 头部组件实现(2)+ f; B5 R" d4 b; j, u5 N
3-9 底部组件功能实现(1)6 q5 G( O i: v5 F
3-10 底部组件功能实现(2)
" A" K) W. I: D$ E第4章 Router 4.0路由实战演练- e3 C+ {% L l; q! w! ^/ i: J/ B3 Q
4-1 React-Router 4.0路由基本介绍
# _' I1 ?, q9 ^ 4-2 -React-Router4.0 路由Demo演示(1)
8 S# W2 S; a$ _' v! D0 P: H 4-3 -React-Router4.0 路由Demo演示(2)
) g$ J2 ^/ y) D 4-4 React-Router4.0 Demo2演示 L) G- C, ?: z7 V" s! `5 @
4-5 React-Router4.0在项目当中的运用
9 S2 ?: d6 D3 i! i第5章 UI菜单各个组件使用# e- o2 S7 K( B
5-1 Button按钮使用讲解(1), _/ ?! I& b$ `- d( j5 s) w
5-2 Button按钮使用讲解(2)" v Q. [* {2 ]: M
5-3 Modal组件使用讲解(1)- K7 K( E7 F0 ~6 x$ c
5-4 Modal组件使用讲解(2)% e# n8 \; m) F4 Z6 R
5-5 Loading组件使用" u/ h3 y5 [! `) m0 h
5-6 Notification组件使用. s+ C8 `: ^! }( c. G
5-7 Message组件使用" M2 U' F: v! V& S1 X% ?
5-8 Tabs组件使用(1)0 Z* f8 }, ?6 ]
5-9 Tabs组件使用(2) {: ]: ^" ?8 C' r) s2 K d
5-10 制作Gallery图片画廊(1)! T' W& E% K2 ]" W7 p0 T
5-11 制作Gallery图片画廊(2)7 E, I; z( ^0 G9 t# A; Q
5-12 Carousel组件使用
" V# S! s7 o4 s" c2 B7 V3 p9 P* o第6章 表单使用
0 k: V, z! a) n+ M; f9 F 6-1 登录表单讲解(上)
2 v1 N# g) i o$ F: F# r 6-2 登录表单讲解(下)( p2 t- B$ r$ B, r/ n5 J
6-3 注册表单讲解(上)
8 T5 q( `: [) G# j4 ]% l 6-4 注册表单讲解(下), E' K1 c; u! G5 P1 ?9 J+ ~
第7章 基础表格、高级表格使用
& t6 K6 a2 @% I: E; r" | 7-1 基础表格讲解
7 K3 _+ ^& B9 X2 E4 q0 _+ i* P h4 c8 T 7-2 项目工程化之表格动态渲染(1)
9 D7 f& j7 o! U) |) I. F+ g 7-3 项目工程化之表格动态渲染(2)9 P4 n( f4 M: h! i& C x
7-4 项目工程化之表格动态渲染(3); O$ u" {. ^6 t! a5 h3 P4 `& Q6 L
7-5 表格嵌套单选按钮讲解
) c) p- `; n6 `/ O- U& w6 U! {2 R 7-6 表格嵌套多选按钮
1 v u. h0 i# ]- v7 x8 i! d0 v 7-7 表格分页
], t( v5 J" [ 7-8 高级表格讲解(1)
8 e. B* R9 i/ Q 7-9 高级表格讲解(2)
$ i6 U5 @! E/ t7 n4 U( H6 W$ W第8章 单车业务之城市管理模块
" T) m4 [" y2 N% K 8-1 城市管理(上)8 a1 p5 s% }, [$ D
8-2 城市管理(下), u3 D1 n) h* \- j. S; m- _% I
8-3 开通城市实现
: J6 G3 Q% ?0 J0 {, z* G第9章 单车业务之订单管理模块
* ~# j" }& B% ^! l. y, X$ G 9-1 订单列表(上)
' a& ]- ] O) @$ L2 | 9-2 订单列表(下)
) v/ [% @' ]! ]8 D6 N$ d f4 | 9-3 通用页面结构设计2 x1 v k* t. Y0 y+ ]) n! d' f
9-4 订单基础信息实现
, M/ Y Y4 F' F& e7 b3 b, a2 u 9-5 地图功能实现(上)
" S0 C" w% m# T! [, e3 q 9-6 地图功能实现(下)
, q& c) E3 [* F0 p/ v6 P第10章 项目工程化开发; ^9 v# L7 G4 J: G" ~4 ~
10-1 项目工程化概念理解( g8 Q) E/ r/ X* J
10-2 模块化封装-BaseForm(1)
2 P- \- N6 W- z 10-3 模块化封装-BaseForm(2)9 I! U! v4 v5 j, F1 Y6 H) |1 x) C
10-4 请求列表封装
9 g) h9 a7 Z% f8 A$ ] 10-5 表格封装(1)
: @6 `8 l4 m$ R% C/ C% s9 a 10-6 表格封装(2)
; b: v( k4 k, f" M) H 10-7 表格封装(3)
; ] F* ~+ r3 r第11章 员工管理菜单模块开发7 A7 g# Q. z4 M+ V
11-1 员工管理列表实现
" S% ?2 u4 X: t% ^! d o 11-2 创建员工功能实现
7 n' x+ H% f8 j 11-3 员工编辑、详情、删除功能实现7 c1 q, o' \: X" o$ d
第12章 车辆地图模块开发
# l4 k! U9 }' u* x0 y6 g" t W, } h# S 12-1 页面初始化实现0 C* S% h/ s- k w% K' r
12-2 地图数据渲染实现
7 {9 C; M, v$ B6 A第13章 图表模块开发2 P. e2 L) J1 r- c$ L* H( S
13-1 图表基础知识介绍
( ~9 M e" F$ | 13-2 柱形图功能实现
; j2 {' _, A$ G2 H 13-3 饼图功能实现(1)
* x) P1 B# N1 d- M 13-4 饼图功能实现(2)# g( N) a j% o4 h8 ?
13-5 折线图功能实现
2 n |# k' m8 w9 j V9 x- e+ x 13-6 富文本功能实现5 u1 x5 _6 c! e+ C1 B9 j
第14章 权限设置模块开发: J7 O1 G4 m8 V
14-1 权限设计和功能列表实现6 E4 M1 D2 a* D9 N
14-2 角色创建功能实现
, U; X5 I8 m- N* ]- m+ r 14-3 权限设置功能实现(1)9 @9 j% u& k7 X! @& B, f8 {
14-4 权限设置功能实现(2)
8 [5 z% E! X) o' I 14-5 菜单结构调整+ M6 X6 u" K9 U7 {' {, z
14-6 用户授权(1)
, w, q A$ h) F. Z/ D, d# o 14-7 用户授权(2)) D4 I9 l' D* ]% z
第15章 Redux集成开发
3 ^: [* x9 f% s6 g$ r# N 15-1 Redux基本介绍! x) h F% a+ [% E) l
15-2 Redux项目集成(1)) f+ {" D' _" @$ A
15-3 Redux项目集成(2)
4 M4 p h3 }- \7 i# m. b 15-4 Redux实战开发(1)+ e- H3 F, e7 A2 q
15-5 Redux实战开发(2)3 q4 h T, U+ x
15-6 课程总结: F" k8 S; u6 r9 G; p5 C+ A3 t
2 ?! z+ N. P0 j: d) n( M) a
* \# G+ j0 D7 U! ^, x+ `
' N, B9 n1 _) @1 {5 j# K |
|