|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
5 ~. @3 S1 G" }; D0 I课程目录:. T) f( k7 ?& F" ~* x6 K* o; F+ z- E
第1章 课程导学; W9 k/ R/ l) C
1-1 课程导学2 m3 M0 d, \% F" o; ?8 n0 Z* \: ]
第2章 React基础知识9 [6 ]# [$ b& q" d `3 I. M
2-1 React基础介绍
* v* t% F0 {# b6 r4 z2 M 2-2 React脚手架使用
) R8 e# S( Y% u, z4 w 2-3 React生命周期介绍
' {6 r8 M, B0 g4 v; e1 P/ m9 [. O第3章 主页面架构设计
! r8 D. N2 ]1 T( {7 l6 q 3-1 基础插件安装(1)
G+ ?5 p; w1 A 3-2 基础插件安装(2)& H4 e- g8 [0 P% x d [
3-3 页面结构开发(1)% g. l2 v8 x# ?" P
3-4 页面结构开发(2)
& J, F7 p- w1 z7 H; l 3-5 菜单组件开发(1)9 g( z8 c+ [2 J, _" T
3-6 菜单组件开发(2). s; ?; e; Y' w/ d8 I
3-7 头部组件实现(1)
9 Z/ d. O5 z5 i) | 3-8 头部组件实现(2)5 d! o( { d; g$ P
3-9 底部组件功能实现(1)5 d! ` y3 d9 d& j8 J/ ]
3-10 底部组件功能实现(2)
4 j! w' G i; {' e第4章 Router 4.0路由实战演练5 o6 X" B( [2 H# `! \& x. l8 q
4-1 React-Router 4.0路由基本介绍
) U8 ?( ]* G2 J& i# ]% ] 4-2 -React-Router4.0 路由Demo演示(1)
. \9 R5 F8 u% F$ ` 4-3 -React-Router4.0 路由Demo演示(2)/ L1 J v7 U* v5 r, l e
4-4 React-Router4.0 Demo2演示
! C! r- P2 G$ B+ F9 S 4-5 React-Router4.0在项目当中的运用
, d9 _% ]# i4 e; F第5章 UI菜单各个组件使用0 @" u, m6 L g& a) m& ?# p! l7 [
5-1 Button按钮使用讲解(1)- O% p. E: y7 e* T
5-2 Button按钮使用讲解(2)
0 H1 c" r- e( ~2 M' S: E8 ]/ S 5-3 Modal组件使用讲解(1)1 q7 g. l: Z& F& ~ G
5-4 Modal组件使用讲解(2)
$ L4 l T, a. G6 i5 s* Z [- ? 5-5 Loading组件使用 q2 B7 [7 k# ]- R) u" ?6 k; l
5-6 Notification组件使用
; @6 z0 z- h* W) T: p- u$ u 5-7 Message组件使用: W; \+ G9 X% o5 o8 k$ W H+ Z7 K2 |
5-8 Tabs组件使用(1)) R4 V! J- y, b$ { W
5-9 Tabs组件使用(2)
* S' y7 n* ]" U" s0 D 5-10 制作Gallery图片画廊(1)
$ x- b5 _/ b' J$ w6 \# ?9 o 5-11 制作Gallery图片画廊(2)
5 ~0 O* b! l0 A2 V$ j9 w 5-12 Carousel组件使用) Y0 `: s$ b6 _& J& K9 ]
第6章 表单使用
, |2 J# P$ ?1 Z9 }" n& @ 6-1 登录表单讲解(上), ]1 Z" Q' y& f7 V# k+ F
6-2 登录表单讲解(下)
; P! z( K$ ^! t- p' F& t3 m. x9 F, r+ C 6-3 注册表单讲解(上)
9 A6 S, B# B$ `9 S6 ~8 q 6-4 注册表单讲解(下)* a, w+ ]5 g" h. E2 ]5 S% b
第7章 基础表格、高级表格使用: }' V8 J$ r- l8 g8 p- `. b/ S
7-1 基础表格讲解2 r. X$ |, Z) ~& l, x4 i
7-2 项目工程化之表格动态渲染(1)
- E) ]1 X+ |: T8 u0 |& F$ S' B 7-3 项目工程化之表格动态渲染(2)
1 |* Z( {6 [. B/ X6 T% V 7-4 项目工程化之表格动态渲染(3)
7 g* S+ u- M4 _' e A 7-5 表格嵌套单选按钮讲解
1 D, C% X0 ?# @+ m, Q 7-6 表格嵌套多选按钮
* y9 X" \# R3 K) ?" _ 7-7 表格分页
7 {. h) X; H3 ?8 X 7-8 高级表格讲解(1)7 d' t& Q6 D- t% N1 s! u9 p( K
7-9 高级表格讲解(2)- ~# ?2 e* S; k0 a
第8章 单车业务之城市管理模块
+ D8 p* D# Z* R) x" k0 t/ K 8-1 城市管理(上)0 `1 s4 }; v1 `' v% h
8-2 城市管理(下)4 P3 T1 B z0 r6 [
8-3 开通城市实现
; h% T8 I' h! e/ ]5 `第9章 单车业务之订单管理模块" T' u* v' V9 O$ M
9-1 订单列表(上)
' N1 |. D% M2 k2 F0 O7 p' F% A* i 9-2 订单列表(下)- F; l5 \7 ^ z( x7 C+ Q! F
9-3 通用页面结构设计
( i& A* l$ l0 w, u) Q0 ?$ C* g 9-4 订单基础信息实现
0 V1 M8 A% i; X) h4 }2 ~& z- w 9-5 地图功能实现(上). f/ u9 E5 q! F/ i: b% _4 l
9-6 地图功能实现(下)
: D* h# e3 ~! H+ ~) f& r第10章 项目工程化开发
- I4 q$ Q8 q+ A6 E 10-1 项目工程化概念理解
7 c3 Y( N4 o8 z6 r# y 10-2 模块化封装-BaseForm(1)
# }* \* w& `* o8 o/ i' }, F 10-3 模块化封装-BaseForm(2)
% i: B" p1 |2 T% P/ d 10-4 请求列表封装
: E' U3 f3 _: d& P 10-5 表格封装(1)+ U; _5 {" w" a: ]
10-6 表格封装(2)+ u3 F0 x/ y; Y+ G$ |! j
10-7 表格封装(3)$ u8 G! L0 \% G& Z- Z3 F4 W1 N8 P5 l
第11章 员工管理菜单模块开发
6 [+ t8 ^+ t7 h& V3 [: k1 w 11-1 员工管理列表实现
/ r1 a, N3 Y2 o: V* k3 z* q5 i 11-2 创建员工功能实现* e1 R6 o9 c4 A* s( Y
11-3 员工编辑、详情、删除功能实现( ^/ I' {* N: S: G1 V! e6 Z# z
第12章 车辆地图模块开发
2 D8 ?2 w& y2 I8 L. j# M, t* K 12-1 页面初始化实现
9 J! _' _/ |; R! H+ q! Y, b q 12-2 地图数据渲染实现
/ K# c2 \ T- P9 _3 \# y9 A第13章 图表模块开发
) t! ?! P0 n; R 13-1 图表基础知识介绍
B+ p5 M, m8 u9 \" K2 _* j 13-2 柱形图功能实现6 V8 A2 P- W+ L- g1 ?
13-3 饼图功能实现(1)
# q9 Q! V, U1 B& {( m/ `, H. K 13-4 饼图功能实现(2)
$ r* ^1 o& s& i" r1 k$ _& g 13-5 折线图功能实现
# a. t# V1 t3 y- \! [2 O! q 13-6 富文本功能实现
8 C) e. \: b9 E第14章 权限设置模块开发
( @- {, a; {! T# S; X } 14-1 权限设计和功能列表实现% @ q) h. Q! |; P
14-2 角色创建功能实现
2 @6 c# b+ R9 E% k8 f; \7 N8 D 14-3 权限设置功能实现(1)
3 s( ~1 ?" ?2 [( d+ ^" V 14-4 权限设置功能实现(2)# J2 Y/ |6 O' s' B& u
14-5 菜单结构调整0 N/ a: R, f% t0 }9 f+ d
14-6 用户授权(1)& n4 ?# z8 f1 W
14-7 用户授权(2) N) r* }7 x. X) e5 e0 k3 e2 c9 |, A% C
第15章 Redux集成开发
. h0 C- I( T% f' m3 { 15-1 Redux基本介绍
' A: S! }$ G* f- ` 15-2 Redux项目集成(1)
" Y% i6 w. E* n 15-3 Redux项目集成(2)
, x2 J: R7 ?# x6 S, Z 15-4 Redux实战开发(1)
- E h+ }! {4 W 15-5 Redux实战开发(2)' g, z5 _3 N5 S
15-6 课程总结6 x* c) t8 Z+ m5 L* |9 I" Q
( g. e0 }9 [9 K" N- U
6 _( d+ O U& z; i7 I9 X: O
' u7 f3 `2 f2 j+ z |
|