|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。) h9 D# m5 ], A3 W! {' Q* b& a
课程目录:& @2 g- `- N5 X- U
第1章 课程导学
, F) |& x1 R; P 1-1 课程导学! e8 N- m J5 y R7 V! s4 ]1 _, M( U
第2章 React基础知识( c& d+ @" Q* j6 z L$ r
2-1 React基础介绍
r* H0 t; J% p0 ^- ^ 2-2 React脚手架使用
. H) e" Y# F/ A7 i. O, T0 D% U# x 2-3 React生命周期介绍7 @/ l9 ?) t5 E e- b% b5 `0 }
第3章 主页面架构设计
; [- e' N" a3 `* {7 {) v 3-1 基础插件安装(1)
6 H( s- k+ Q! A3 [' Q) F8 u 3-2 基础插件安装(2)4 @3 Z- B3 _2 a6 N0 l! K
3-3 页面结构开发(1)
+ `, G. H) z, k7 a" ~- w 3-4 页面结构开发(2)
) Z1 M* o- [6 M% C! m6 B1 ~ 3-5 菜单组件开发(1)
6 J" {) d* w, U; y 3-6 菜单组件开发(2)
5 J0 G, k9 O3 c1 n8 }/ t 3-7 头部组件实现(1)# D% y% ?1 v# x7 R4 u
3-8 头部组件实现(2)9 ]% K0 n7 h/ _9 d; A! k. }
3-9 底部组件功能实现(1)( y; w! w7 q2 B+ D7 T% Y6 V
3-10 底部组件功能实现(2)
% b1 {/ Y/ V+ L! G3 y第4章 Router 4.0路由实战演练
4 a; w d0 Z1 r" A( Q7 @% \) Z 4-1 React-Router 4.0路由基本介绍1 b1 g* U. e- w' U
4-2 -React-Router4.0 路由Demo演示(1)
O8 [0 u% S; X5 e1 I" b( l 4-3 -React-Router4.0 路由Demo演示(2)
! q% ~! z9 l) g" G/ _6 Z 4-4 React-Router4.0 Demo2演示 `0 j: R; d+ r) a& O7 c% L; f
4-5 React-Router4.0在项目当中的运用
) {3 Q8 M2 ?. ]0 \& R8 z第5章 UI菜单各个组件使用
" g) J0 E& y6 a) Y p1 g+ P% L 5-1 Button按钮使用讲解(1)
$ @) H: E7 N5 f( o. k 5-2 Button按钮使用讲解(2)
& y8 |, U1 f/ H7 q: u1 G 5-3 Modal组件使用讲解(1)7 c1 `# k" \0 Z# ^$ N6 @/ B
5-4 Modal组件使用讲解(2)
0 H- u0 A+ q' g 5-5 Loading组件使用1 D: I# S! G% O: y f4 q* Q' V
5-6 Notification组件使用: _# \5 z( m( B# z f
5-7 Message组件使用
) u* ~7 R* e# e; `$ t! J$ A/ E 5-8 Tabs组件使用(1)2 O) G @3 K' Y: z9 W' z/ y$ }
5-9 Tabs组件使用(2)! \/ z& C* @0 p# X' i
5-10 制作Gallery图片画廊(1); I3 V2 q" q* | F+ S% @
5-11 制作Gallery图片画廊(2)0 [( V) _0 l. ?, s
5-12 Carousel组件使用- e2 S! J! F% ^
第6章 表单使用1 v+ ~) ]# M, w0 s7 y9 M# w
6-1 登录表单讲解(上)
9 J/ m% c3 k1 u0 q1 L7 R 6-2 登录表单讲解(下)
1 ~: k; K2 y8 ~! x% N3 w 6-3 注册表单讲解(上)
, |3 k/ d! J8 C" g) X& ^ 6-4 注册表单讲解(下)4 h- R0 v- T3 }+ \" F" |$ b
第7章 基础表格、高级表格使用7 v1 U4 V; o1 ?* ^! C! Y
7-1 基础表格讲解1 P8 @; F. [& F* q6 y0 ~
7-2 项目工程化之表格动态渲染(1)0 f+ l3 S; k+ _' ?. X( l9 K
7-3 项目工程化之表格动态渲染(2)
! W" p" R: n( G) n9 i3 ~ 7-4 项目工程化之表格动态渲染(3)
" O0 N3 s' L; p- r7 @3 i 7-5 表格嵌套单选按钮讲解
" ~4 H6 Q4 O3 Q5 ? 7-6 表格嵌套多选按钮
3 L4 \; }4 t1 H; r 7-7 表格分页
& W3 z# f& M3 t( B 7-8 高级表格讲解(1)2 U1 A- t0 }+ U" o9 ~ A' h/ [( V
7-9 高级表格讲解(2)
0 k, l# _# h/ \8 i第8章 单车业务之城市管理模块
/ i3 M* ^' r X& j% \% j% C# L( @+ q: s 8-1 城市管理(上). w1 _, \$ e- @2 `) t
8-2 城市管理(下)
* s) h9 x; Q7 o8 { 8-3 开通城市实现( ]9 |9 U4 K2 V/ y( x% _9 R0 w
第9章 单车业务之订单管理模块
. v. M/ W2 u- T" q 9-1 订单列表(上)
2 C) r1 Z6 s1 n 9-2 订单列表(下), q& H0 d5 R: i. L$ I W, {
9-3 通用页面结构设计
: g' u* x) U+ A" A 9-4 订单基础信息实现3 F& z! T/ s9 Y- d' l- U6 N
9-5 地图功能实现(上)
$ o$ w3 q1 V1 ?) ]. V+ \ 9-6 地图功能实现(下)2 I) D% w: p4 D3 q
第10章 项目工程化开发
& b% ^- G8 ^# \- s/ v 10-1 项目工程化概念理解( w' R6 E! ?5 D4 i
10-2 模块化封装-BaseForm(1)
3 B: E- Q- O- v& \6 V 10-3 模块化封装-BaseForm(2)
' v# c7 z' E! m! i( v 10-4 请求列表封装
6 ]# S8 v; t5 d/ W 10-5 表格封装(1)
* U0 c/ s+ J: `- t9 |5 G* s7 D# l' ^ 10-6 表格封装(2), s7 y& g2 f, q9 Q" d: s- F* d
10-7 表格封装(3)
4 ~/ h: I, S% v) {) l8 O$ A第11章 员工管理菜单模块开发
* e; d/ h+ `% e4 H* g 11-1 员工管理列表实现
' y2 L9 l7 ^# W( `" I6 I# ] 11-2 创建员工功能实现
2 M# t* z# [9 @/ @) { 11-3 员工编辑、详情、删除功能实现 E4 j" l4 ?& j5 s: _
第12章 车辆地图模块开发
# C& L$ u5 |/ X# X 12-1 页面初始化实现3 ?. S! b( r" h$ L9 o6 z0 y* n# Y' y
12-2 地图数据渲染实现: J P; j% b3 u6 V3 U
第13章 图表模块开发
9 M) W% b( d% @; V B' ?) i 13-1 图表基础知识介绍
4 Y4 `' \) t) { \ 13-2 柱形图功能实现
4 B! O9 W$ \6 U9 Z; @7 Z* A 13-3 饼图功能实现(1)2 z6 R, U D# R8 g
13-4 饼图功能实现(2)' p8 Z; j8 E7 I% J# x! {
13-5 折线图功能实现' ~* o3 `, I3 r/ w7 K# T9 W6 H
13-6 富文本功能实现
3 p' y0 ?" E( a$ x第14章 权限设置模块开发
1 J* D/ S7 ^) V" c3 Y 14-1 权限设计和功能列表实现; w* H4 G: e3 V6 d4 a4 g
14-2 角色创建功能实现+ N) Z4 z9 F/ _1 X
14-3 权限设置功能实现(1)2 j8 q2 W% `6 N% _3 Q2 q
14-4 权限设置功能实现(2)
2 X9 o, P. S$ c5 i# a 14-5 菜单结构调整' E8 `( s) `& j) z2 V2 p, V7 @
14-6 用户授权(1)# g/ w7 |1 h1 y {5 `
14-7 用户授权(2)
; }! x# ]: ?7 H2 I. l; s; S第15章 Redux集成开发; n# c. Q2 j( H# o9 n" \: h! F
15-1 Redux基本介绍
# i- J4 E0 d9 ^ 15-2 Redux项目集成(1)1 ^. i6 K; |' @/ V8 e" A
15-3 Redux项目集成(2)
f& ]0 b& E; I0 R& z' b1 Q 15-4 Redux实战开发(1)
" g7 {4 r! D( E$ K" v* R 15-5 Redux实战开发(2)7 i9 W# P6 ?$ s- ]5 x: u
15-6 课程总结1 n4 N0 e2 Y# W
/ u: h" R/ N- j7 ?6 E4 |
& C, ^0 O q0 a: B `7 Q, N E, y
* F5 m' Z7 ?3 d3 Z0 d* K6 p: z |
|