|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
: K9 [7 f& c; B, U4 S课程目录:
6 S& d# W+ P# y" s3 |: ?第1章 课程导学
+ W% Y' k' ]3 n 1-1 课程导学
* {* h! X+ l# x! T9 m+ d% h7 x第2章 React基础知识
8 H9 q) P, d& {+ Q0 J6 A& G% r 2-1 React基础介绍) i3 i8 B1 w+ c# G5 W
2-2 React脚手架使用
+ Y+ G* |5 } ~1 W, C 2-3 React生命周期介绍
4 c4 N# B2 i& _3 z* T3 Q第3章 主页面架构设计
4 h5 ]+ u* [* N4 ?5 O% Z- f 3-1 基础插件安装(1); Y5 S: C$ j8 j& ^" H3 a5 U
3-2 基础插件安装(2); E0 C$ E1 ~: q! s
3-3 页面结构开发(1)0 {+ P6 k, Q8 n7 r/ Y: y, u
3-4 页面结构开发(2)
$ |0 E- p! h8 t: E7 S 3-5 菜单组件开发(1): Q2 [! J' l8 R, A
3-6 菜单组件开发(2)
* N! s( v5 t! ?2 v7 L% m% G6 @: L 3-7 头部组件实现(1)+ V- z* r8 x- ^( ^3 l5 O" S
3-8 头部组件实现(2)
+ V' d* [$ H9 p4 z$ V. A e 3-9 底部组件功能实现(1)2 H1 l5 a O& \6 \6 g
3-10 底部组件功能实现(2)
) o: T9 U6 @5 c( h- ?1 a% e0 O第4章 Router 4.0路由实战演练* @: B3 s" f! @* O5 j
4-1 React-Router 4.0路由基本介绍& y7 `/ l/ `# V: M8 W1 s: L( L, R
4-2 -React-Router4.0 路由Demo演示(1)
, I3 Y+ X" n5 [1 j! Y' h' y 4-3 -React-Router4.0 路由Demo演示(2)0 q# V. I I* |$ F$ H3 l. N
4-4 React-Router4.0 Demo2演示
5 l( |8 w6 S B: r. m 4-5 React-Router4.0在项目当中的运用
3 m$ |7 y$ N. |! o) O1 e第5章 UI菜单各个组件使用5 \7 e+ i$ q0 f' |3 Q1 _( r
5-1 Button按钮使用讲解(1)
( I1 g( z6 E4 |- e9 b2 C 5-2 Button按钮使用讲解(2)
: j1 X e$ k) k 5-3 Modal组件使用讲解(1)
- L! @# V# W/ `" Q% F* m 5-4 Modal组件使用讲解(2)0 k- E3 s5 ~6 |" ~- Z
5-5 Loading组件使用, z7 p. x! _% m& ^- y( o
5-6 Notification组件使用; w; o. J. s5 w! v, k
5-7 Message组件使用
6 l+ |' h) C* D( N O U 5-8 Tabs组件使用(1)
; U# m" b8 Y7 U; p z9 c1 F 5-9 Tabs组件使用(2)
% B( d: N3 P: b7 [; X: s 5-10 制作Gallery图片画廊(1)
% j& k5 f& i% R' Y$ u 5-11 制作Gallery图片画廊(2)3 s, o' v7 ]9 I0 }0 _: |# }
5-12 Carousel组件使用
& W: d1 E1 [& S* n4 y第6章 表单使用+ G; ~9 j- ^+ i6 D' A: n
6-1 登录表单讲解(上)
9 \: z8 m5 o6 _4 E3 [. V 6-2 登录表单讲解(下)6 G6 T/ Z# Y: c4 C+ l A
6-3 注册表单讲解(上) q: R |* X1 v/ I! i, ^+ z$ y
6-4 注册表单讲解(下)& m: }! r3 T8 n- E0 L% [- X5 Q
第7章 基础表格、高级表格使用
. m# h* c/ Q- e# V$ C8 G8 E8 l1 D# R 7-1 基础表格讲解" O+ @. ^& ]& C6 U; i
7-2 项目工程化之表格动态渲染(1)8 @1 a" W+ M1 K% ?3 O S4 Y3 L
7-3 项目工程化之表格动态渲染(2)
. u6 U0 Q' m, m' ^ 7-4 项目工程化之表格动态渲染(3) U6 t: o" M0 P9 b. n# P! H' r* r
7-5 表格嵌套单选按钮讲解5 Y* Y5 j1 q+ p$ s+ C) m
7-6 表格嵌套多选按钮0 y6 f- q0 W' G/ d! ^
7-7 表格分页6 N1 `) I5 m5 {9 \$ _
7-8 高级表格讲解(1) f$ J5 z* }) t; b
7-9 高级表格讲解(2)
/ b1 Y' @7 N, G) I( f3 W6 f! H5 m( I第8章 单车业务之城市管理模块! ~# s: b+ W7 g5 P* Q
8-1 城市管理(上); G6 h6 n b7 j# R! O2 W' @, @6 t
8-2 城市管理(下)
8 M; v7 E5 Z1 | 8-3 开通城市实现
. x; W# \" }8 B( @2 a第9章 单车业务之订单管理模块% P1 Y. [# I( W, t& h* t
9-1 订单列表(上)+ z+ ^! q$ @' T5 C& ?' N% a1 ~, i
9-2 订单列表(下)
: [ v+ B! x! T1 A, q3 { 9-3 通用页面结构设计& ^+ b! U$ h/ U7 R$ u: x4 h) T
9-4 订单基础信息实现
" T, B' q( p* W! ^ 9-5 地图功能实现(上)
6 Z/ n; |. f3 Y 9-6 地图功能实现(下), h' C+ X3 z0 x& l9 V4 @. K
第10章 项目工程化开发
8 \ y5 [4 @# Y, b- y 10-1 项目工程化概念理解& J+ V5 ~5 ]( a7 Q* @1 z0 H
10-2 模块化封装-BaseForm(1)& L' H; z6 ^1 P( }9 I
10-3 模块化封装-BaseForm(2)0 _$ I6 I) O9 p( \) ]1 [* _8 m. I
10-4 请求列表封装
8 d( W* B* G0 e5 D 10-5 表格封装(1)
# t3 r* c* x* D5 r2 H 10-6 表格封装(2)
. K" C" K4 }8 `/ ] 10-7 表格封装(3)" Q- g" F; z! D, |+ Q9 e/ b9 P
第11章 员工管理菜单模块开发
) Z, i6 O$ `( _' r 11-1 员工管理列表实现
7 m' A; _1 C' I5 m; @: j. i/ `6 j4 E 11-2 创建员工功能实现- ?# l5 r9 H- z; d: [2 ?
11-3 员工编辑、详情、删除功能实现: p9 f+ i3 r# j' x+ F0 H- V) O5 n" c+ t
第12章 车辆地图模块开发8 l- V; N1 B6 {% F) H, A& N
12-1 页面初始化实现. i$ o* z. j; A B8 O
12-2 地图数据渲染实现 D& n2 M. |- }, V3 U
第13章 图表模块开发# P3 |, t, F% c0 A
13-1 图表基础知识介绍# d5 Z! i: f# Z; [: Y) s2 F0 T
13-2 柱形图功能实现/ i I3 e! K- ?
13-3 饼图功能实现(1)
% Q/ y; k( D: L 13-4 饼图功能实现(2)
8 y: b6 P Q! v% c5 I+ q 13-5 折线图功能实现
; |; r: s: X: v8 E$ D4 M. s- e. o 13-6 富文本功能实现
K3 {8 W2 [' `0 M第14章 权限设置模块开发
4 I w" H; R6 @; L* I* j5 h P9 U 14-1 权限设计和功能列表实现
, i# ^, k: r& B8 i7 O 14-2 角色创建功能实现
W( k7 s3 y# Z1 |3 k5 D 14-3 权限设置功能实现(1)
$ R4 I9 J3 U- ~ 14-4 权限设置功能实现(2)
9 ~% N- V+ M$ K# x: L 14-5 菜单结构调整
( d+ h; k" @: ] 14-6 用户授权(1)) s" W9 W, Q) ? ~. Y) b2 n
14-7 用户授权(2)
K# h) [+ Q) F' l, f第15章 Redux集成开发. s+ M, Y) R0 x9 t8 b
15-1 Redux基本介绍% `* c" x. C: w4 ]3 j# K* o$ Y1 k
15-2 Redux项目集成(1)% Q6 l6 c3 K/ P9 j+ j. Y: J5 ^- _
15-3 Redux项目集成(2)
3 A2 y- w0 w( W1 _ 15-4 Redux实战开发(1)
; G a7 d9 } r9 {5 U5 g& ^- A 15-5 Redux实战开发(2)
' j& F1 }8 ]' u- Q8 z 15-6 课程总结9 A0 | Y- T, }: N: o' X2 j
. T5 F& @; r: C % k6 [$ h4 f6 L2 B7 D$ Z4 o' m+ K
^- T9 N' c1 d+ M# {% d |
|