|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
7 C8 ?# |, h0 L/ `9 U8 K课程目录:+ B& M: p9 \+ K. s2 a n3 H% V
第1章 课程导学
) m" L) e8 e n! Q7 ]( T. u 1-1 课程导学
9 o. I, }" _) o: B6 a第2章 React基础知识$ O+ m- O. T/ l" V6 U4 Q
2-1 React基础介绍/ M |2 s# S, T( s
2-2 React脚手架使用: X% d4 ?6 D# r- X
2-3 React生命周期介绍
: V5 g3 I! o! ^0 Y; H/ q2 E& N6 e- j8 H第3章 主页面架构设计
/ F4 x; L7 O: n) ~2 |3 A# o7 z+ } 3-1 基础插件安装(1)* P. o% O9 ^5 E4 b) j7 N8 Z! n
3-2 基础插件安装(2)
+ |+ i3 D. @+ j 3-3 页面结构开发(1)% s# ], [( r* V+ n( n, C
3-4 页面结构开发(2) X- l6 H" X' |% I: ^
3-5 菜单组件开发(1)
0 z( y" h+ T; |3 ~2 ^ 3-6 菜单组件开发(2)9 e, ?6 p3 l4 U
3-7 头部组件实现(1)/ t. A9 |+ h! K$ Q. _7 d
3-8 头部组件实现(2)! Q6 t6 O* a: I( E4 f; s; {( d" P; ^
3-9 底部组件功能实现(1)0 c; B6 O. |! d$ {" n: \) P7 i
3-10 底部组件功能实现(2)) H) L' m; F7 _* W X
第4章 Router 4.0路由实战演练
; k, Y6 X0 S) B% j1 Y( T 4-1 React-Router 4.0路由基本介绍
! A' P* h7 K/ c# f3 U* g 4-2 -React-Router4.0 路由Demo演示(1)
8 D3 @0 u1 X2 ^ ~0 l. o& D 4-3 -React-Router4.0 路由Demo演示(2)
5 D- W6 u0 u' ?! `; j 4-4 React-Router4.0 Demo2演示0 y% S6 ]! @; w7 R$ E' Q7 \
4-5 React-Router4.0在项目当中的运用
! ]) ` X$ V1 {0 j& X第5章 UI菜单各个组件使用
9 A! I! @, y$ O" h 5-1 Button按钮使用讲解(1)
! \, C/ m; {! k4 Q+ t- N9 q! T 5-2 Button按钮使用讲解(2)
* V/ l5 o' u) m5 {3 r0 G9 H% u3 S1 U$ H 5-3 Modal组件使用讲解(1)" K m: f' ^; g P" L3 Z7 Y( o2 B
5-4 Modal组件使用讲解(2)
' Y/ z4 P. |# h9 o3 ` 5-5 Loading组件使用
1 i2 I# s% e" x- F- z 5-6 Notification组件使用
8 X% h& P! y: ]# @+ M# N& t6 P3 D 5-7 Message组件使用
! ~/ ^; v% i# R$ ~4 s 5-8 Tabs组件使用(1)
% p1 ~ k6 q" z0 P2 }( v 5-9 Tabs组件使用(2)
6 C! s+ M' P6 P# A* F1 { m 5-10 制作Gallery图片画廊(1)& R+ S: M* x5 w2 [* L
5-11 制作Gallery图片画廊(2)" R5 X8 V, y7 K6 h" ~
5-12 Carousel组件使用
' z# A& e! c1 P& i, o4 K第6章 表单使用2 g* R h2 N% s8 J( F! B
6-1 登录表单讲解(上)/ B1 _: K0 J: d4 |
6-2 登录表单讲解(下)
7 ?6 K+ D! f7 F 6-3 注册表单讲解(上)3 h# a0 z% U' u1 H6 Y6 U+ S; _1 p
6-4 注册表单讲解(下)
9 c- G9 K0 n$ n; }& W第7章 基础表格、高级表格使用
+ Q& c' d. C, h 7-1 基础表格讲解1 d% t" U; d9 T
7-2 项目工程化之表格动态渲染(1): P4 {+ H$ s2 V5 a+ R4 `7 I
7-3 项目工程化之表格动态渲染(2)& g4 Q/ H# H0 K6 y9 |
7-4 项目工程化之表格动态渲染(3)
+ D1 _6 i; ?$ t m% R' w" B 7-5 表格嵌套单选按钮讲解
; \5 e: E7 ^: O/ k9 ^# d, G 7-6 表格嵌套多选按钮- d4 d z" b. R# x6 s! v
7-7 表格分页- s9 q/ q: B- l5 h0 \# O
7-8 高级表格讲解(1)" ^; m! @8 Y/ R! E
7-9 高级表格讲解(2)
; ^2 y7 v5 @+ ? e% w# j, G第8章 单车业务之城市管理模块
) G) I0 E& m) V) u 8-1 城市管理(上)
% e3 R/ L8 `9 [( p4 O! i1 {6 V8 \1 E 8-2 城市管理(下)
( y4 n Z% ]( x- f% |) z 8-3 开通城市实现6 q! f ]1 p+ h' c1 I+ h5 A
第9章 单车业务之订单管理模块5 j. D2 t" c/ p4 F2 H0 F
9-1 订单列表(上)
8 O$ x! u6 a$ n% l. I 9-2 订单列表(下)* N3 X& f; U7 a+ k! D+ W2 `$ I) z# X- B
9-3 通用页面结构设计
. d% a3 P# s2 ]( |0 ` 9-4 订单基础信息实现- e1 _+ G- K- F+ p3 r) l
9-5 地图功能实现(上)- r, A2 R/ ]3 ?' g4 t
9-6 地图功能实现(下)
k5 ?& T3 H% n( M% y6 i9 d第10章 项目工程化开发7 ]) S. t9 m" @9 V8 A
10-1 项目工程化概念理解1 u% y4 L% Q8 m. a4 i7 X5 U7 G
10-2 模块化封装-BaseForm(1)
0 \8 C$ E5 V0 u( ~ 10-3 模块化封装-BaseForm(2)! ?5 z( J/ R7 h {5 l" Q5 T# d
10-4 请求列表封装
. K: m( I) \( i4 w/ w1 P 10-5 表格封装(1)" T- B5 k/ Z& d- x1 C" L+ a
10-6 表格封装(2)6 Q) L( r9 W8 _8 t" i
10-7 表格封装(3)- C8 q2 E7 {7 b+ O4 c$ v& v7 G
第11章 员工管理菜单模块开发1 |. H& w5 N! t! b1 `5 n2 m
11-1 员工管理列表实现
+ ?5 i0 M5 B/ |# w 11-2 创建员工功能实现 x$ A% w C( n+ ]
11-3 员工编辑、详情、删除功能实现
0 E2 P1 y& D) g9 n/ v第12章 车辆地图模块开发7 B9 ]; Q: F2 f% S- I W; i
12-1 页面初始化实现
! u9 S. x1 d, O! L% E 12-2 地图数据渲染实现% Z3 {" {3 c8 C( d; v* e
第13章 图表模块开发
! R4 Y! ~ m8 W! R: r 13-1 图表基础知识介绍0 N( ~, z% u$ y! G3 G
13-2 柱形图功能实现
/ G" p2 I. u& w8 P7 Y 13-3 饼图功能实现(1)4 J% m: \7 _. x! s) R( j+ W
13-4 饼图功能实现(2)
. m9 J1 T* c0 h) C 13-5 折线图功能实现9 S) t& _' e' ]( E# H4 m
13-6 富文本功能实现
* `0 E& t4 ^( C第14章 权限设置模块开发
: V: T7 g* ]* w$ _ 14-1 权限设计和功能列表实现
3 [1 o) z( c1 k 14-2 角色创建功能实现& ?9 L K/ G% G$ b; v
14-3 权限设置功能实现(1)
. ?: V; c5 A+ y5 F q+ t 14-4 权限设置功能实现(2)7 s, D' g% P7 \* s* z' Y& Z2 \
14-5 菜单结构调整
5 Z# T. [ M" Z( l& O 14-6 用户授权(1)
& A3 \# W4 o0 @2 p 14-7 用户授权(2), H8 D: f: L. n4 V* P: \; t9 ^3 o
第15章 Redux集成开发( F. i, L, Y% y0 y* S& B3 c: Q$ i# p
15-1 Redux基本介绍5 L4 D; ~+ @. |1 V6 \/ B+ S) C* a
15-2 Redux项目集成(1)) { L$ w3 q; F" a
15-3 Redux项目集成(2)
6 C$ S z: Q5 d8 y! F6 W 15-4 Redux实战开发(1)8 M9 v8 R E) k" J
15-5 Redux实战开发(2)
: i4 u$ b* `: j5 s: T! ]4 E( S1 W 15-6 课程总结$ L8 I$ x% ]; A1 _ ^1 a
5 ]' R5 n2 ]1 U6 ~" t
) ?, @* d' _- R, m6 A2 ~- A# c
- H2 l! b; y& Y& D) s0 d |
|