|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
- |5 R z% ]( e课程目录:
5 @2 W% f, z7 N& u第1章 课程导学
4 ~6 X! t$ n: B- U6 p 1-1 课程导学# c6 u% x( u, r3 y( G2 C
第2章 React基础知识
# j& d. {, w) C: W+ _/ `: C 2-1 React基础介绍
6 q! t) ~% x5 v2 w; X/ D- F 2-2 React脚手架使用
" C+ a+ Z0 F4 A t+ _ 2-3 React生命周期介绍
! Z7 A. F9 P' Y/ P, o+ h& H2 E; m' s第3章 主页面架构设计5 A/ T- N1 V, n; q% `
3-1 基础插件安装(1)5 @( ]3 |) N/ }9 U7 D& a) n$ d
3-2 基础插件安装(2)7 E$ {/ N$ r$ k' n7 S7 d( W( H$ o
3-3 页面结构开发(1)
7 {$ l- {. z3 y1 D 3-4 页面结构开发(2)
- e) T) j8 e9 i3 i. s. d- ~ 3-5 菜单组件开发(1)7 O( v" N0 m4 ^% F# C, T
3-6 菜单组件开发(2)
7 g. ?+ R, ~( T% h, w. A& d' M 3-7 头部组件实现(1)
: V# D+ P+ u& N* p 3-8 头部组件实现(2) N6 w+ s, M. p' \6 l5 A8 G" k/ e
3-9 底部组件功能实现(1); Z0 j! \# s1 Q( |8 l, A1 z
3-10 底部组件功能实现(2)( Y9 T: ^# k" c6 @) o! N% |
第4章 Router 4.0路由实战演练
' ]. p7 Q9 L, R. v v0 ` 4-1 React-Router 4.0路由基本介绍) w ~ z. `; B. y$ D6 `
4-2 -React-Router4.0 路由Demo演示(1)5 a1 C; A6 n* a; d- f( d: X. @
4-3 -React-Router4.0 路由Demo演示(2)( t; ~ a# Q% |# T
4-4 React-Router4.0 Demo2演示
" s, \3 K" u: d ^ 4-5 React-Router4.0在项目当中的运用. M/ a4 I. ?- d. U0 v9 a8 B
第5章 UI菜单各个组件使用
Q. B. K% j8 K& p 5-1 Button按钮使用讲解(1); K) t8 o$ F7 F" G
5-2 Button按钮使用讲解(2)
h$ f% M. P3 Q5 l$ Q/ H 5-3 Modal组件使用讲解(1)
2 U$ F$ S) S7 _2 D 5-4 Modal组件使用讲解(2)) Z @0 R8 f% E/ [
5-5 Loading组件使用; I# c$ ^# y: l1 P: q" B2 o. e
5-6 Notification组件使用* e P& F, z# b& j) E* R
5-7 Message组件使用
# Y9 h6 e& V: {9 p1 ^ 5-8 Tabs组件使用(1)
0 [' ^0 h, Q. P0 @ 5-9 Tabs组件使用(2)
- h' V+ w$ Q" _" H9 K; }: n 5-10 制作Gallery图片画廊(1) _, m( ?0 V) S" a2 A. T
5-11 制作Gallery图片画廊(2)/ J8 u1 N, ~! ]& `. q b6 O
5-12 Carousel组件使用
8 A& h7 r8 C$ m+ g; L' e/ W# a第6章 表单使用
$ I6 S2 ~' f4 O' V1 a$ { 6-1 登录表单讲解(上)6 ]* ~+ }3 ^: ?0 a
6-2 登录表单讲解(下)3 p6 n! k7 @! a; a/ s/ G1 ?' a
6-3 注册表单讲解(上)
+ Z( b8 F2 c( X+ u2 e) l 6-4 注册表单讲解(下)
( p* s' f! ~2 Q% b1 n第7章 基础表格、高级表格使用" E5 Q4 z) f$ W, j, i2 L
7-1 基础表格讲解
; I8 J! q6 a, I5 _- A9 L 7-2 项目工程化之表格动态渲染(1)
/ w% F2 y3 L1 m" O8 ^% _' A0 K 7-3 项目工程化之表格动态渲染(2)1 T# Q# G% e) X! U$ j& k! r0 p1 Y
7-4 项目工程化之表格动态渲染(3)
! @) @% ~* h E8 Q 7-5 表格嵌套单选按钮讲解
0 ~0 ~: M0 |4 W# S! F7 p 7-6 表格嵌套多选按钮
9 ^9 I( ?( ]6 b9 s# Z$ F% E 7-7 表格分页
$ e2 \7 ?- Y/ |+ b! F 7-8 高级表格讲解(1)
' U& l- K( H0 q/ O" |1 v 7-9 高级表格讲解(2)" B' c) V. b) V- U" q
第8章 单车业务之城市管理模块
6 ?4 I1 Y( H- O. E' s$ X% ` 8-1 城市管理(上)
/ ~; N: J" g; R7 T( h- m 8-2 城市管理(下)
8 J& W$ p) P) ^; Q' G 8-3 开通城市实现4 |8 L- C0 D( q# Z' q9 r
第9章 单车业务之订单管理模块
( |0 K: y+ y+ F5 X2 F2 b2 d 9-1 订单列表(上)
/ @3 \1 B0 z! `5 p0 G 9-2 订单列表(下)
( |4 W' J9 z, B+ X 9-3 通用页面结构设计
4 {3 ^% ?5 M& r, V, i 9-4 订单基础信息实现
I( {+ n* d* U/ Y, x a/ o 9-5 地图功能实现(上)8 d9 l3 |. c, A4 J
9-6 地图功能实现(下)2 x! w3 U% N# ?: P' Z2 T! Z
第10章 项目工程化开发: a6 @% I& K8 T% x3 b2 j
10-1 项目工程化概念理解$ }# A% e$ ~6 ?# v
10-2 模块化封装-BaseForm(1)
" z" w* @, K a: k 10-3 模块化封装-BaseForm(2)
. J- U+ I/ K+ E t9 E 10-4 请求列表封装7 M8 |" V3 A, k/ f* |" q! j
10-5 表格封装(1)3 W% `$ t8 q: {" a; w/ }6 }$ \. e
10-6 表格封装(2)! m1 H; D* e! [; y' W+ N- N
10-7 表格封装(3)- p, Q9 I$ D$ `' v
第11章 员工管理菜单模块开发
# ?# S I7 i+ N4 X( ` Q 11-1 员工管理列表实现" }3 j3 b1 y9 y$ _. V
11-2 创建员工功能实现" n( {# W; e; t- H5 S6 v; a" @
11-3 员工编辑、详情、删除功能实现
4 u. i% ] U2 O% t0 k5 l2 @1 o第12章 车辆地图模块开发6 K9 `5 Y9 a! i! g
12-1 页面初始化实现
: u% B9 t' p" c' ~) L 12-2 地图数据渲染实现% Z. u e h/ B( x
第13章 图表模块开发
2 D# n5 x/ b5 k" e8 u 13-1 图表基础知识介绍 F; g e8 z# z8 v# I
13-2 柱形图功能实现 j, p0 R1 s1 l) W( t
13-3 饼图功能实现(1)0 W9 s L" D( W9 E6 @& y
13-4 饼图功能实现(2)( y' e* r0 a2 J7 ~
13-5 折线图功能实现
( B4 z! Q" b5 R* g/ ^( I 13-6 富文本功能实现 k; R. l' S4 S6 D4 r' A
第14章 权限设置模块开发
4 Y8 ]$ S2 L" ?/ V/ v- c 14-1 权限设计和功能列表实现2 X4 o+ Z5 r5 v$ J" K' f% r
14-2 角色创建功能实现
* [/ \, I! k8 B. ]+ b3 q S! X 14-3 权限设置功能实现(1)8 f: F" |8 ~1 B3 P4 E# t9 a
14-4 权限设置功能实现(2)
7 N& M! c1 N0 s- q 14-5 菜单结构调整
9 t/ a* _' V# Q) _0 N! r! D4 r 14-6 用户授权(1)
( b* u: U' Q2 A9 o 14-7 用户授权(2)1 a) r. X# h& B
第15章 Redux集成开发
" j3 c+ j) u6 @6 X3 E4 B) V 15-1 Redux基本介绍1 |' c! @; `/ w3 G2 M, ~- K
15-2 Redux项目集成(1)* {. ]/ V. c- W2 l7 V @) c8 k L
15-3 Redux项目集成(2)
$ O- @* R @# T 15-4 Redux实战开发(1)3 P7 Z [% t5 y# O4 V# f C
15-5 Redux实战开发(2)
3 l7 c2 c* e1 T- S& P u, G, N 15-6 课程总结" B0 ]' R. U" h3 t3 C! S) L
. ~/ ?4 F& C' @ _% ?
. H: R5 U$ g# |3 `% V5 F6 }/ l' V
# L# [" ~1 {0 k' O2 l) z; N0 z, G% x `9 H |
|