|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
6 y2 I7 ?4 y5 S& M. o2 P课程目录:
! k% e+ X! f/ O5 H第1章 课程导学2 p# z, v* M9 h" _% U
1-1 课程导学5 V# a, W/ b& ^' q: o
第2章 React基础知识
/ }( l& {- S" F 2-1 React基础介绍
) S6 x' L" w3 W6 N$ }9 V! ` 2-2 React脚手架使用1 k0 k& F8 G0 R7 r0 S
2-3 React生命周期介绍" j0 V' A R+ E9 S
第3章 主页面架构设计8 L0 L: U6 i# g N- Q& I
3-1 基础插件安装(1)+ q/ d3 S! W D! ?1 S+ ^9 F0 ~
3-2 基础插件安装(2). H- w& s1 W3 u0 ^6 N
3-3 页面结构开发(1)
/ J, K0 x' U8 k4 V n) f0 ` 3-4 页面结构开发(2)
, e9 o( ?2 V) N1 z0 O 3-5 菜单组件开发(1)8 \: v8 u) i, u
3-6 菜单组件开发(2)
5 K; {5 F% V8 b 3-7 头部组件实现(1)
2 p5 ^' e& b5 v, m9 [ 3-8 头部组件实现(2)
|$ ~5 E, J2 L4 h 3-9 底部组件功能实现(1)+ n4 M. Y& Y+ B' ?! A$ e& f
3-10 底部组件功能实现(2)$ o/ u( S- L+ P. k. F: {
第4章 Router 4.0路由实战演练# Y2 {: T! f7 Y3 \6 R2 o" D
4-1 React-Router 4.0路由基本介绍; }, w$ D- T$ W2 R" U' C
4-2 -React-Router4.0 路由Demo演示(1)4 N$ Y2 m0 f1 D7 l+ d
4-3 -React-Router4.0 路由Demo演示(2)
+ s+ b& O, a6 @: H. Z 4-4 React-Router4.0 Demo2演示 W( ?3 E K8 Y7 R1 M
4-5 React-Router4.0在项目当中的运用. X2 n3 a$ U- A8 u8 }$ ^2 Q
第5章 UI菜单各个组件使用
/ B( `* z2 b6 D; F( d 5-1 Button按钮使用讲解(1)
: |! W1 @) l1 o) @' m4 l 5-2 Button按钮使用讲解(2)
2 \/ u z+ t: |4 E 5-3 Modal组件使用讲解(1)
) X# G" y9 g) h | 5-4 Modal组件使用讲解(2)
% w4 `" i9 B' s% [1 ^ 5-5 Loading组件使用
' f' ?0 Q2 \. N+ Q; ~ 5-6 Notification组件使用
9 T' t+ g# `+ K3 t 5-7 Message组件使用$ }8 ]1 j+ `' m' K: l" l
5-8 Tabs组件使用(1)
3 f) R0 d. m* T* A 5-9 Tabs组件使用(2)1 r! L6 A) F# m* f5 f
5-10 制作Gallery图片画廊(1), Z v! `% K" W
5-11 制作Gallery图片画廊(2)
$ L0 T- E9 m9 f$ Y5 f 5-12 Carousel组件使用
& ?& A8 o* ^- z( T- w第6章 表单使用
+ W: {; n# g4 q 6-1 登录表单讲解(上)3 J& E# b. f# f A! _% B9 {
6-2 登录表单讲解(下)3 Y! s0 a1 L3 ]. U
6-3 注册表单讲解(上)7 f. y) [# E6 w0 [
6-4 注册表单讲解(下)# F9 ?! `5 B f6 B, L' P) @
第7章 基础表格、高级表格使用+ {2 O! p2 K" n* ?9 V L- l4 ~
7-1 基础表格讲解
9 K+ ^6 y6 b( J" z 7-2 项目工程化之表格动态渲染(1)4 I4 h Y; P4 v
7-3 项目工程化之表格动态渲染(2)
7 U3 b8 L: a/ W c. l: g 7-4 项目工程化之表格动态渲染(3): M: a- g* T# c. W) x
7-5 表格嵌套单选按钮讲解: C6 Q8 W# K6 a/ c
7-6 表格嵌套多选按钮
! V- @. o% l) y 7-7 表格分页3 `$ [( g( z& G6 d4 d: w
7-8 高级表格讲解(1)
( W9 v( `+ F* y3 g9 F; d! F 7-9 高级表格讲解(2)
+ i7 |2 q! ?( O/ y% t第8章 单车业务之城市管理模块
7 h& [. F$ ^2 L0 m 8-1 城市管理(上)
' ~: N+ v% F/ w0 G8 P" A 8-2 城市管理(下)
5 x2 Q1 @1 ]' t1 T: b6 R% j 8-3 开通城市实现, O5 ~; [* D' @! l
第9章 单车业务之订单管理模块; ~; }, F% C6 x7 `9 y" O
9-1 订单列表(上)
* q: |# {" W0 k 9-2 订单列表(下)9 i/ L2 K3 h7 a; s. d: r
9-3 通用页面结构设计
. J& B/ D2 T" w7 Z$ G7 u* z, S 9-4 订单基础信息实现" H, D" G8 f1 h7 n% Q/ r' T/ \& s2 H9 E
9-5 地图功能实现(上)
3 a M9 c l4 e7 H! v$ ` 9-6 地图功能实现(下)
! K6 Q1 b$ h7 {5 P3 g' S第10章 项目工程化开发& Q7 ] p- K: m
10-1 项目工程化概念理解, I; D2 E2 A7 S K3 x5 ^" f, p
10-2 模块化封装-BaseForm(1); C. b% `. h0 }( B p! U( n
10-3 模块化封装-BaseForm(2)
. F7 S; e* ~: I9 a# W! T* Q 10-4 请求列表封装7 y* W7 @' d3 p5 v* T
10-5 表格封装(1)2 P9 n9 F6 |+ R, d1 J1 P
10-6 表格封装(2)
4 F0 U$ D$ @" [% c6 } 10-7 表格封装(3)& p) r" _& ~5 i, Q$ K4 O9 e
第11章 员工管理菜单模块开发9 g, Q9 ]$ R1 e
11-1 员工管理列表实现
) B" t" h4 {# j5 U 11-2 创建员工功能实现
* R$ V, d [4 J/ }( X# ~- l 11-3 员工编辑、详情、删除功能实现: F* u1 |6 P( K0 q
第12章 车辆地图模块开发
7 {9 s$ q$ w. [' Y- e 12-1 页面初始化实现6 v; _* f5 O5 \4 G, \
12-2 地图数据渲染实现
, W) ^9 b; c& ~6 l' w1 U第13章 图表模块开发! j) y* e3 [$ m2 j8 s- m% t
13-1 图表基础知识介绍
8 R I% o& F- B 13-2 柱形图功能实现
- M7 ?3 S6 x7 V3 x9 C 13-3 饼图功能实现(1)
% Q( s$ K; \* Q1 `& R( q 13-4 饼图功能实现(2)4 Y) C$ j W; |/ L
13-5 折线图功能实现
7 s" J) \/ n5 S; m; ]# b 13-6 富文本功能实现
' t m% Y8 O9 P8 N) C5 l4 f6 c2 h' F第14章 权限设置模块开发' \, f# F5 i7 H" M3 i
14-1 权限设计和功能列表实现3 L& ?+ @6 w+ F9 R; h
14-2 角色创建功能实现
3 C% |# m" p9 {+ z8 `+ L4 v 14-3 权限设置功能实现(1)% a" p `! V3 R' h; V6 ~
14-4 权限设置功能实现(2)
+ i$ ]9 B9 D3 @- C8 P 14-5 菜单结构调整
4 q& u7 e. M) T7 h5 ~ 14-6 用户授权(1)
9 V) v* |4 \6 @" _- J 14-7 用户授权(2)
/ _, `& s+ H: g9 @2 a第15章 Redux集成开发/ `2 ? n- v( `& u, C
15-1 Redux基本介绍' B0 v5 u5 H; Z/ {# f$ y! _
15-2 Redux项目集成(1)9 W- m. b) K+ J2 P6 b0 b7 T% @$ e
15-3 Redux项目集成(2)
: p; h% w/ c5 g% n, i0 }, x( x 15-4 Redux实战开发(1)6 [: B& ?* t' p, ?( O4 _
15-5 Redux实战开发(2)) F5 [ n: J. N: n
15-6 课程总结
' u# U. C& P) h4 ^" a
2 V5 ]* R" ]1 P% e 3 g$ c6 D; Q) A/ o9 M; z
' E2 e i( q$ u9 @
|
|