|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。& I3 j9 a3 K' {6 `0 F* @
课程目录:# g' G9 a( h; Z2 A. c
第1章 课程导学
' F0 h1 u4 p, [% _, D- R% d 1-1 课程导学' T& E1 ^( C) G
第2章 React基础知识
& Y/ Q* a& n/ X% F9 O& Z) Y4 X 2-1 React基础介绍
, e* R- h7 p2 B) }4 t 2-2 React脚手架使用- o9 P+ b: O# u# P5 J9 {/ e
2-3 React生命周期介绍, \4 B5 F( t% B' X* k5 f+ w
第3章 主页面架构设计8 g0 F, b9 o8 i) f; o* o$ t3 l
3-1 基础插件安装(1)
2 J* C( K. _2 p; k 3-2 基础插件安装(2)- P* F% G/ h- y
3-3 页面结构开发(1)+ @. N0 u$ f5 Q
3-4 页面结构开发(2)
( A8 n/ s* s2 G" I2 m 3-5 菜单组件开发(1)
7 i6 N% ~0 o% h! t9 ]7 k- _ 3-6 菜单组件开发(2)
, W7 i! m* d8 A: `2 b" ^ 3-7 头部组件实现(1): a/ c9 i) ]0 B- b7 d( [
3-8 头部组件实现(2)
( j" \0 a; `, u* }% K9 r9 V6 y8 L 3-9 底部组件功能实现(1)4 V& I' F1 Y; m2 }" c& n/ s J [
3-10 底部组件功能实现(2)3 @1 P2 T6 w+ p, @! |/ W: z
第4章 Router 4.0路由实战演练
) E& q) x9 G% T5 w, F6 S 4-1 React-Router 4.0路由基本介绍, c' i, r2 I0 w( b& {! O
4-2 -React-Router4.0 路由Demo演示(1)6 `) K+ P' K. N3 [) ~" `
4-3 -React-Router4.0 路由Demo演示(2)) C: p8 j( m+ t* d+ O6 }. U6 C& w
4-4 React-Router4.0 Demo2演示9 W, W& f( ]8 [! U$ @
4-5 React-Router4.0在项目当中的运用
7 o; t# n6 [5 @- P k. Y3 }第5章 UI菜单各个组件使用
% H" |/ O- j3 ^+ |; K$ V4 L 5-1 Button按钮使用讲解(1); {, W* l, h, g( N, @9 [
5-2 Button按钮使用讲解(2)
0 c7 t# c; E3 P8 u( a' a 5-3 Modal组件使用讲解(1)2 \7 o7 ]1 b: j5 Q& W' ^
5-4 Modal组件使用讲解(2)! g. q2 i/ Z. ]
5-5 Loading组件使用
3 j: e+ `/ i9 G% v7 K 5-6 Notification组件使用
/ U: G. A- p$ Z5 S2 u. g U2 q+ C 5-7 Message组件使用
3 s' F# w0 |5 O w# W 5-8 Tabs组件使用(1)5 O: i# r( u- m$ I1 z4 X+ ]. Y
5-9 Tabs组件使用(2)
; l; L. C, l. `1 F, c0 _- U1 k' B 5-10 制作Gallery图片画廊(1)
# H- W z+ s& m* v 5-11 制作Gallery图片画廊(2)
1 ]! c) |! s0 P- N 5-12 Carousel组件使用
" }6 J- M( Q4 E. N第6章 表单使用
! A/ b0 \4 k6 {- ? 6-1 登录表单讲解(上)) O# [* }8 A9 s/ H, Q
6-2 登录表单讲解(下), @+ j7 M% q3 \, Z! L3 y0 U: j" K
6-3 注册表单讲解(上)
; W5 H- D/ N- z7 S) B& j 6-4 注册表单讲解(下)
/ {" B" [5 N5 ?8 J. x( d9 ]' W4 j第7章 基础表格、高级表格使用
8 e7 l4 J: H% t8 @0 u9 ?. Q2 r 7-1 基础表格讲解, p5 [: p, j" [0 E+ h
7-2 项目工程化之表格动态渲染(1)
- l ~- X' r6 x1 h3 D& q 7-3 项目工程化之表格动态渲染(2)
' H. d( s5 d) I5 m- ] 7-4 项目工程化之表格动态渲染(3): {" b9 h7 T( ~5 c/ P- Q
7-5 表格嵌套单选按钮讲解! b; Z7 `$ ]- t' {7 t
7-6 表格嵌套多选按钮
9 T: }9 r+ Z, q( P# K2 D* J 7-7 表格分页
1 V& T; i) O \( u+ W% q" s 7-8 高级表格讲解(1)/ Z! N4 i+ {& m! L' D1 u! W! l5 p
7-9 高级表格讲解(2)
7 {5 F0 ~ Q6 U8 b6 R% M第8章 单车业务之城市管理模块
% l' P& R2 x4 c1 ^% W 8-1 城市管理(上)
* [* A$ Q; T. u6 i$ O6 B% b 8-2 城市管理(下)" k& g6 N6 U% m! E! j9 [! H
8-3 开通城市实现, Q. s; J0 E) Y, b
第9章 单车业务之订单管理模块
+ r0 `" U0 a, x7 \* ` 9-1 订单列表(上)( J/ {6 | p$ m
9-2 订单列表(下)
- }& c* @6 Z. h 9-3 通用页面结构设计( B, X1 I: d: n: b5 C! P5 x! f
9-4 订单基础信息实现$ k. R5 \+ ^) t$ Z. `# ?
9-5 地图功能实现(上)
8 I; g8 @7 n0 m* U9 J' x 9-6 地图功能实现(下)
( |* s/ k' J3 Z' r4 q8 x [$ Y第10章 项目工程化开发0 M* e% P' O$ Y n5 a
10-1 项目工程化概念理解0 E' O# K# M5 u9 T( m( Y
10-2 模块化封装-BaseForm(1)6 o4 L$ X2 _9 x Y
10-3 模块化封装-BaseForm(2)1 Q) [$ ^( [6 ^% k9 @" S3 R5 {
10-4 请求列表封装* l. J! s+ y3 C( x9 O
10-5 表格封装(1)
1 d) w. m* g. r: X. Y. y 10-6 表格封装(2)% \% A, c9 x' F
10-7 表格封装(3)
/ \* }+ E- E/ U# W第11章 员工管理菜单模块开发
2 q5 ], b. d# X# Z. a, h0 u Y: N 11-1 员工管理列表实现
( T; \, i, I* D 11-2 创建员工功能实现
3 a0 e4 _" x8 w8 }1 g2 M: R0 q8 M- \ 11-3 员工编辑、详情、删除功能实现
) _& A: |0 l) j. s5 d8 t第12章 车辆地图模块开发
$ {% y0 [8 ^( m. W 12-1 页面初始化实现
+ T- l$ Z: ^0 m2 @ 12-2 地图数据渲染实现
8 F0 X, T! |0 S' Q% V* s* e第13章 图表模块开发
i' |$ V& Y7 d2 [& p 13-1 图表基础知识介绍/ G2 V2 y9 E& y6 q! _* J
13-2 柱形图功能实现9 l# q* q. S2 V' Y) d3 C F% @
13-3 饼图功能实现(1)
+ @* j% T( v4 A H/ \# f' ? 13-4 饼图功能实现(2)
% E" q9 f# @1 Z 13-5 折线图功能实现
* J; I/ y3 F/ o5 l 13-6 富文本功能实现
+ i& Y# E( c) G, _/ x2 F. e1 n Y$ k9 ^第14章 权限设置模块开发& [! N; C3 {& n" i. C
14-1 权限设计和功能列表实现6 T' R' N6 q, ~' @
14-2 角色创建功能实现0 O5 B$ h: A3 M u' Y- b! e# L
14-3 权限设置功能实现(1)
6 f$ F8 @( E& }9 e, a 14-4 权限设置功能实现(2)
3 |6 o- H1 Q( `& N! N 14-5 菜单结构调整
3 z- M- n8 ~0 v+ l 14-6 用户授权(1)/ c' ?% t# z+ U/ j0 ]. C! x
14-7 用户授权(2)1 m" K7 t- ?. t) R
第15章 Redux集成开发 l3 D( r" {# v6 U- S+ [: O
15-1 Redux基本介绍" K3 e, }( P9 a
15-2 Redux项目集成(1)0 E. V7 u1 X0 z" K1 C4 g/ r
15-3 Redux项目集成(2)+ `8 j; B- R H- r/ T: V
15-4 Redux实战开发(1)
2 `0 S6 m$ v' ^" N2 f3 D# H 15-5 Redux实战开发(2)
i* J! ^1 c* w9 ]6 m 15-6 课程总结
; R* e- v' |! m. q
# H4 c0 V1 Z) h" g, c / m- @% ^* K) n# |2 f6 c/ Q
3 |; `! B! C n$ ]
|
|