|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。& P6 q: l* O; ]) U7 Q
课程目录:1 ^6 B2 _/ h3 A; x
第1章 课程导学' ?9 _. ?& l8 e' |
1-1 课程导学
) \# m9 R! Y: u0 T第2章 React基础知识
- o1 _. }# {: p 2-1 React基础介绍! V" n9 t. ?: ^) G6 g& p4 S
2-2 React脚手架使用$ { O$ }" R: f/ v }& B
2-3 React生命周期介绍. o: j1 F/ R$ d/ V1 O
第3章 主页面架构设计: }* o3 s0 ]" \) O: m- R8 d
3-1 基础插件安装(1)
7 @4 u/ h K* J, W 3-2 基础插件安装(2)
( j) ?$ E9 E2 X4 e1 M" W( M9 b$ [ 3-3 页面结构开发(1)
" S9 `0 k& m0 Q( y5 c 3-4 页面结构开发(2)! B1 a9 I( F; o. `" e
3-5 菜单组件开发(1)
9 z; D3 p1 v' x8 p3 j C 3-6 菜单组件开发(2)' l6 {3 n9 z$ o3 _) d7 [
3-7 头部组件实现(1)
- b( m3 E/ b# s+ L- G" n% l/ e 3-8 头部组件实现(2)
: ?; U3 L7 r& h$ V& I" ] v 3-9 底部组件功能实现(1)
% K1 i! X* I. u2 D 3-10 底部组件功能实现(2)
6 |7 O' l% P3 Z/ Z. b W- o第4章 Router 4.0路由实战演练
- k5 X" Y+ I4 U' f. v 4-1 React-Router 4.0路由基本介绍# B4 C/ S) _* }4 R; ^# J- i) R! F
4-2 -React-Router4.0 路由Demo演示(1)
5 O# n/ y+ E3 S" G ~4 x1 Z 4-3 -React-Router4.0 路由Demo演示(2)
3 f* q5 f3 Y; }% |+ H8 f 4-4 React-Router4.0 Demo2演示
/ `7 ?9 R# g8 r4 T8 U/ ? 4-5 React-Router4.0在项目当中的运用+ X9 U. V: o, u* Q6 ]9 i
第5章 UI菜单各个组件使用" t3 N: j4 {# X q
5-1 Button按钮使用讲解(1)
0 x# k: \! e7 z/ ^+ ~9 V 5-2 Button按钮使用讲解(2), j0 h7 l/ q, N! k3 x
5-3 Modal组件使用讲解(1)
u8 s" m: n( a! p9 c 5-4 Modal组件使用讲解(2)
2 a* X" ^2 m3 r* U5 ]3 P& ` 5-5 Loading组件使用
* x* J: d5 G/ d0 R6 f+ G- g% E0 e 5-6 Notification组件使用4 z5 I1 ~( l4 c- d8 [3 u5 r' [
5-7 Message组件使用
- u9 n ]# d u0 _: x 5-8 Tabs组件使用(1)
! s4 x9 d; _: M. b8 l6 F 5-9 Tabs组件使用(2)5 M9 Y/ s: D( G' @" G
5-10 制作Gallery图片画廊(1)# J- V# [" `6 O9 ]
5-11 制作Gallery图片画廊(2)
) ?9 v; I0 G" X 5-12 Carousel组件使用
0 @, \* Z2 O- J第6章 表单使用. b0 k4 z& I+ Y) B( V- `
6-1 登录表单讲解(上)
: o! p V* A6 I 6-2 登录表单讲解(下)1 k9 W$ J( W" M
6-3 注册表单讲解(上)
, ]) c" I9 Q; \2 B8 d 6-4 注册表单讲解(下)
, t) V3 X' m6 p0 q3 u/ f第7章 基础表格、高级表格使用% M. x3 H$ O. [* [4 V
7-1 基础表格讲解# J# c( S% G+ d. I5 s
7-2 项目工程化之表格动态渲染(1)
" n6 X$ z4 a/ i- H# s 7-3 项目工程化之表格动态渲染(2)
. Q7 d% F! l4 j: R$ B 7-4 项目工程化之表格动态渲染(3)
+ h$ G% c: ^ B1 K; C* u/ D 7-5 表格嵌套单选按钮讲解5 `% x* V" M" q' v P
7-6 表格嵌套多选按钮
& K5 D0 A6 a( L 7-7 表格分页
1 r& H, S8 x6 ~$ u2 ]' y8 n) `" Y 7-8 高级表格讲解(1)
" N% g$ y1 |, ?9 `" ] O; c& ?1 U 7-9 高级表格讲解(2)/ I. f! r5 Z E
第8章 单车业务之城市管理模块
5 P. C( q8 Z9 d) L( c- | 8-1 城市管理(上)6 P. |1 ?3 E6 X8 x% }: ?
8-2 城市管理(下)
: M+ G% l8 K+ `* v. l! r! e 8-3 开通城市实现
, q+ l5 e D' u/ Q. Y第9章 单车业务之订单管理模块
4 v L; t4 R9 |$ J, E 9-1 订单列表(上)
7 Z0 M6 D# y7 W6 P 9-2 订单列表(下); M5 f) h; K9 ]' X3 {7 ]' r- s
9-3 通用页面结构设计- H, |; U0 n1 c/ X
9-4 订单基础信息实现
3 Z& H) W# y. k1 l3 [, Z 9-5 地图功能实现(上)# J: g6 r9 l* F5 P" m6 o u
9-6 地图功能实现(下)
% x" o0 L |% I& Y第10章 项目工程化开发% b+ e* f* u4 q9 ]
10-1 项目工程化概念理解" i0 D) q1 ~0 g- V$ [9 _9 W' f
10-2 模块化封装-BaseForm(1)# `4 I& d! ^. b* u. J$ r8 G
10-3 模块化封装-BaseForm(2)
, J* @/ {% ~% _. g$ |" y7 y 10-4 请求列表封装
; a( q! s+ q4 t9 K+ d4 B/ M 10-5 表格封装(1)0 q1 _; N8 ^0 K0 f; y% E* V0 ]% L7 V
10-6 表格封装(2)/ E" y8 x, o) B$ n
10-7 表格封装(3)1 P4 G, x- e1 t. a5 L Z# ]" b
第11章 员工管理菜单模块开发
8 i4 g' X3 Q4 |0 L7 W n7 w% D 11-1 员工管理列表实现1 x9 t3 {+ n* Q( B* I- k
11-2 创建员工功能实现
& f5 k2 p3 w; m% F# q 11-3 员工编辑、详情、删除功能实现
+ j7 a0 G. V4 f5 O s$ X! R第12章 车辆地图模块开发% M+ ^' \& v/ h7 S
12-1 页面初始化实现/ p4 u! C& L3 D+ F$ I3 r, C2 }% k
12-2 地图数据渲染实现) M2 A+ K q: b. t+ e" I
第13章 图表模块开发
" _* L; f/ a) l% x 13-1 图表基础知识介绍# e2 m, j T( k& `
13-2 柱形图功能实现
' \% M+ c% f9 p* g) `4 s 13-3 饼图功能实现(1)
2 c. l6 t3 |$ K6 `! u1 u- |+ h 13-4 饼图功能实现(2)
# x4 T. O+ G! I' T2 ` 13-5 折线图功能实现4 P7 ^4 ?+ M: k$ E; W
13-6 富文本功能实现 j- j7 @9 K; }7 l) h
第14章 权限设置模块开发4 q7 K" m F" z9 d
14-1 权限设计和功能列表实现
* F1 L3 _: j; @. ]3 Z% {& l 14-2 角色创建功能实现6 Q( A. Z6 ?, C" \/ x
14-3 权限设置功能实现(1): G3 X, C$ B1 a- k
14-4 权限设置功能实现(2)5 j# V9 P/ G/ P5 p/ F5 \8 {
14-5 菜单结构调整
2 ~1 W. s2 B$ u' Q+ h1 Y6 { 14-6 用户授权(1)
% ^5 f6 _5 Y+ F1 N* o 14-7 用户授权(2)# D1 R2 M& s9 b# c
第15章 Redux集成开发0 O& L& }+ K# ~% m1 b' c {
15-1 Redux基本介绍
& S, j' |% ^/ ~; m! T- o 15-2 Redux项目集成(1)0 [% I9 Y, o+ V- N5 m T
15-3 Redux项目集成(2)4 V8 c* Z7 n7 D6 c! z
15-4 Redux实战开发(1)( I$ I0 f9 c1 b5 s7 R) _ F
15-5 Redux实战开发(2)4 j. W3 c Z: n) B% K& E
15-6 课程总结- W4 T5 {# u+ e3 p
' V0 B% ^, e3 I) a: m7 f 1 }3 R0 e3 n/ t4 _; d$ C8 _
3 Y: R# l2 Z+ U* a, i3 p
|
|