|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。# H" h* h6 u `6 k9 Y' _9 ^
课程目录:
7 L0 {- I) t$ {. s- q& Q2 r2 u" Y第1章 课程导学6 o7 w3 z: R/ ~
1-1 课程导学- n0 M3 a" `4 @" o) @# Y \
第2章 React基础知识
6 M6 o; s) Q8 [/ S 2-1 React基础介绍3 R$ v6 g6 K' Z8 w, O
2-2 React脚手架使用
1 A1 F# B E% n! [; v/ D; ` 2-3 React生命周期介绍
0 _; b1 }% ?; n( p, Q+ [$ w第3章 主页面架构设计. N' v$ ~* O* @& a
3-1 基础插件安装(1)
2 Z3 o8 E8 h$ c 3-2 基础插件安装(2)
4 a# n' n( V! o" T! d; A: W 3-3 页面结构开发(1)$ N4 q9 K2 I+ _2 X8 _; D
3-4 页面结构开发(2)$ M# J! s: d, s4 ~+ A& T1 j
3-5 菜单组件开发(1)( o8 o# a) I( n$ S
3-6 菜单组件开发(2)
4 @5 b( a3 t0 a, b1 F5 P- k! a1 F" V 3-7 头部组件实现(1)
( J5 Z' B; \# n" q K4 f) F 3-8 头部组件实现(2)2 D6 o) R+ O& M; ~, h) F: d
3-9 底部组件功能实现(1)5 j* O7 O+ O; e
3-10 底部组件功能实现(2); n Q9 I; I3 j* O
第4章 Router 4.0路由实战演练7 w$ a. P; D- V+ q
4-1 React-Router 4.0路由基本介绍
- q" a/ U2 _3 S3 |0 V! L! k* v$ [ 4-2 -React-Router4.0 路由Demo演示(1). o/ O/ i' G( L0 Q
4-3 -React-Router4.0 路由Demo演示(2)1 @9 @& i$ @) B4 L% J* R
4-4 React-Router4.0 Demo2演示
8 m# }4 ` D( x3 z 4-5 React-Router4.0在项目当中的运用
% }% J) a+ M1 s% D第5章 UI菜单各个组件使用
3 [5 R# f) |; [ 5-1 Button按钮使用讲解(1)
3 F. g- d0 X! }4 E* s9 C 5-2 Button按钮使用讲解(2)
9 `: l5 p2 x8 E' e1 | 5-3 Modal组件使用讲解(1)" b% _0 @" x: o3 V# |8 A; o- K
5-4 Modal组件使用讲解(2)3 ]3 N$ Y& U/ S
5-5 Loading组件使用/ p- O) I- K# Y- d& u2 v3 q. r7 A. p7 O( n
5-6 Notification组件使用
+ ^- y) b$ ? R/ E) T2 ~ 5-7 Message组件使用
1 m9 F- d G" ^6 C. i 5-8 Tabs组件使用(1): e2 R7 o# P! q7 ?$ |, T& g4 H
5-9 Tabs组件使用(2)
2 I. f' L r/ }, _ 5-10 制作Gallery图片画廊(1)( P( m' \- U1 K0 D
5-11 制作Gallery图片画廊(2)
% \9 h! ? k) t/ p 5-12 Carousel组件使用" f1 q# A1 o1 D3 o$ A/ Q8 Y" F0 b
第6章 表单使用
7 F/ Q! ?" f" _( y. Z 6-1 登录表单讲解(上)
8 y& R) i2 p, K; D4 R 6-2 登录表单讲解(下)
7 D- f' O" n+ R, L: I% _ 6-3 注册表单讲解(上). B. u% N6 o; ]3 d. p
6-4 注册表单讲解(下)) z/ c3 h/ R/ a
第7章 基础表格、高级表格使用
& w+ T+ d# ?$ a- s9 q, L" ^4 M 7-1 基础表格讲解: y: a$ D% Z' P2 s# m5 I
7-2 项目工程化之表格动态渲染(1)% ?+ g% Z5 V3 q% x7 [0 E
7-3 项目工程化之表格动态渲染(2)6 j6 J: c. e* _( x2 q
7-4 项目工程化之表格动态渲染(3)+ I q6 H3 U7 f9 m X' w! ~
7-5 表格嵌套单选按钮讲解8 @7 Z2 B. M( M0 @8 \6 Z0 t
7-6 表格嵌套多选按钮
- T0 K) x5 h: Z( C0 x 7-7 表格分页
+ @ T5 s! ^2 e+ @7 B+ h* u8 {2 w 7-8 高级表格讲解(1)3 b: T! z9 [3 }
7-9 高级表格讲解(2)
6 o6 r7 ~* C! d, I8 V! w2 W {第8章 单车业务之城市管理模块
/ P2 q; O7 k4 @3 s1 z- T4 W% u 8-1 城市管理(上)
; n( }( A; x2 W2 \& S3 `; ^, D 8-2 城市管理(下). ?+ p& N/ b5 v
8-3 开通城市实现( P: Z3 s) ^3 h
第9章 单车业务之订单管理模块. V1 C4 R* x( U# E
9-1 订单列表(上)
# H/ e6 v9 ] A/ Q3 M& |( x 9-2 订单列表(下)
& q! J0 \3 x1 X' f 9-3 通用页面结构设计
7 p: o7 p$ m' A1 Z! T- I* P 9-4 订单基础信息实现
/ g% y1 u2 p2 R1 @7 K5 K 9-5 地图功能实现(上)
% j. r$ ]3 j% L" Y7 J 9-6 地图功能实现(下)8 [- ^: A/ B! T% v
第10章 项目工程化开发
" Z; z8 r6 P- u) S0 f" @ 10-1 项目工程化概念理解
. h# W/ v0 Z$ k" y' B 10-2 模块化封装-BaseForm(1)
" Y# \7 G5 e8 C 10-3 模块化封装-BaseForm(2)1 R2 d& h! b' g, x5 r
10-4 请求列表封装9 r& i, J" v$ z- g
10-5 表格封装(1)4 `7 r \! b- T Z
10-6 表格封装(2)
3 Q. |3 k0 i# Z$ K6 O# p0 X V 10-7 表格封装(3)
/ K# g/ d5 o8 n4 m( N& l. p. O- k) ?第11章 员工管理菜单模块开发! B% k% W" [$ z n) A$ u# [$ d! Q
11-1 员工管理列表实现
! w7 j+ ] f6 t1 K 11-2 创建员工功能实现) I* O2 b. Z, `" M r
11-3 员工编辑、详情、删除功能实现7 k" f1 K' c9 w
第12章 车辆地图模块开发1 i' x& v% |+ z- i
12-1 页面初始化实现
, f" [5 m2 s- y' Q 12-2 地图数据渲染实现. G+ D m8 ]3 U& i$ X
第13章 图表模块开发
0 O& S% G/ M4 [8 R* e+ g# X! ^ 13-1 图表基础知识介绍
`: @- k* ?% @' N 13-2 柱形图功能实现$ o) T6 E9 v3 R% k& u
13-3 饼图功能实现(1). Q' V) f0 a; w* b' r3 @
13-4 饼图功能实现(2)
% t+ o' ]+ S: ?* \; I+ B2 ^$ n 13-5 折线图功能实现) a5 n" W5 d M# i; k
13-6 富文本功能实现; F; g6 L- W" g2 ~* t& i/ W
第14章 权限设置模块开发
! } c% [0 ^) Y; I 14-1 权限设计和功能列表实现$ b- m. @# a; K& Y! F# p ~
14-2 角色创建功能实现
" k, Z' K) S* f9 `5 q, [5 y 14-3 权限设置功能实现(1)4 Y) f, O/ i, K
14-4 权限设置功能实现(2)
5 t# P: I, \7 U+ Z! B 14-5 菜单结构调整- E+ i) J" E3 X, V7 i# V9 L
14-6 用户授权(1)- X q( @" E( m/ W, b7 R
14-7 用户授权(2)
- ?) j* x5 x6 c4 u第15章 Redux集成开发& q6 z* ]* x! q% L. u! A
15-1 Redux基本介绍8 t- Z9 A9 O. s, s( f
15-2 Redux项目集成(1)
* V- Y- @# h* s% o! z% l 15-3 Redux项目集成(2)7 `7 T2 N" F9 K
15-4 Redux实战开发(1)
$ [, P4 g7 ?8 |, E' u) a 15-5 Redux实战开发(2)3 e. M1 I6 Q& v0 D( L2 o
15-6 课程总结6 V" C7 r! o& P8 N" N6 B. u3 i! u
1 j& {! b9 G" `# d3 l; Y, u 8 J+ r" z$ N* @8 z6 E
9 O" }" [& G3 ~1 a, I* J( w* E4 E \ |
|