|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
" g, T- N% N `1 B S" u课程目录:
: Q7 r! z/ ?6 w第1章 课程导学1 ~5 K* z+ a' G) G5 h
1-1 课程导学) R" P; t9 A6 o1 j7 ~5 x
第2章 React基础知识' p$ w, _" p' R+ A, w
2-1 React基础介绍
' P( f& D, C/ m. U! G/ X 2-2 React脚手架使用
4 r1 p, v5 \3 F" U' K; B 2-3 React生命周期介绍4 d7 R1 s5 X" @# R& u( {- m
第3章 主页面架构设计
" n1 b1 O6 A1 | 3-1 基础插件安装(1)! T, v0 M- S! i+ p$ e9 J
3-2 基础插件安装(2)
& ^0 G5 g; M. C1 \1 L 3-3 页面结构开发(1)
4 _9 m5 Z. \1 S# k 3-4 页面结构开发(2), Q; U& i; M" A0 t
3-5 菜单组件开发(1)
, `% a+ M8 p* \/ x 3-6 菜单组件开发(2)
2 f! G Q, x& F. v4 _8 l/ G5 i 3-7 头部组件实现(1): Y: f' S3 e3 a2 ~' B5 L( W
3-8 头部组件实现(2), Z4 F; g; @3 C( }3 f! [
3-9 底部组件功能实现(1)
+ T4 v/ @9 [' z 3-10 底部组件功能实现(2)! d7 w0 S6 ~5 Z; {
第4章 Router 4.0路由实战演练
; Z, J- N0 h; Q: p0 ]" u 4-1 React-Router 4.0路由基本介绍
# N7 |$ Z2 c" a' T2 x 4-2 -React-Router4.0 路由Demo演示(1)& z- s& E: p' N" M: z% z
4-3 -React-Router4.0 路由Demo演示(2)' M, f1 V. F+ d+ I' s7 h4 s/ K
4-4 React-Router4.0 Demo2演示$ S8 t9 n* {, q) V6 U! ^ a0 C
4-5 React-Router4.0在项目当中的运用
; [' e W% I5 c) s9 d4 H第5章 UI菜单各个组件使用
+ X& s" K. a( O/ ` ?* V 5-1 Button按钮使用讲解(1); a( ]& {4 l! i, T/ L( ^( ~ i- p9 l
5-2 Button按钮使用讲解(2)* x9 g" I2 `( i$ A9 M3 L
5-3 Modal组件使用讲解(1)5 x0 a7 p* |' S8 u r# G
5-4 Modal组件使用讲解(2)5 t: |3 U4 D5 d q! C
5-5 Loading组件使用# A' m' F- \5 r! p
5-6 Notification组件使用
% v4 o$ K0 v) n7 U4 l! v9 s 5-7 Message组件使用
/ N) m" g' ^% e! O! Z" B9 E 5-8 Tabs组件使用(1)+ `4 t! g& _- [. u3 z# c
5-9 Tabs组件使用(2)
1 I% C' v7 e" P. `# H: h; v 5-10 制作Gallery图片画廊(1)
9 W: [. Z& o+ T8 {' f/ H4 w 5-11 制作Gallery图片画廊(2) q% m! q+ B2 E5 b, L
5-12 Carousel组件使用
3 u; \1 p) V* E" O( @第6章 表单使用
4 S" Q& |. B e! h7 } 6-1 登录表单讲解(上)
4 x, `2 Q6 }1 \6 z 6-2 登录表单讲解(下) v" z- D5 `- h3 C& n) r
6-3 注册表单讲解(上)
/ M( V7 ^4 N' _" n* w/ [ 6-4 注册表单讲解(下)
2 N7 I" e: Q3 v$ V6 S0 Z. B第7章 基础表格、高级表格使用
% P( W$ s; l5 T 7-1 基础表格讲解0 Q+ ^- X& ^! u% Y
7-2 项目工程化之表格动态渲染(1): C' d9 P0 A7 O+ [; g! B8 T
7-3 项目工程化之表格动态渲染(2)
& F9 |' y! q% W$ H9 k: l 7-4 项目工程化之表格动态渲染(3): ^, ?1 b' s' ]. k" n/ P
7-5 表格嵌套单选按钮讲解2 Y/ H8 I* m2 n# P0 |4 i, b! A
7-6 表格嵌套多选按钮
! H* k0 D. }3 I 7-7 表格分页
. C6 r; k l/ n3 E 7-8 高级表格讲解(1) I+ l2 `( {# J7 S7 O. [# S$ @6 X! L
7-9 高级表格讲解(2)
/ Y2 c3 u7 ]4 \% \+ V( y- h第8章 单车业务之城市管理模块
1 C! T) W% E( O# M# g3 U/ c* a 8-1 城市管理(上)
0 @& `: ?" z: ?4 M3 T 8-2 城市管理(下)& d! h1 r% R I8 ^7 b4 r1 o3 r9 [
8-3 开通城市实现/ | b4 t# k1 Z2 b0 b1 I" ^ D
第9章 单车业务之订单管理模块4 \3 K1 [, R7 s- B/ T9 j1 c; o( c3 D
9-1 订单列表(上)6 }) u, \# _0 b0 W. Y
9-2 订单列表(下)) W6 J* W- C7 E: T: s
9-3 通用页面结构设计& O3 G1 m' y# Y6 v1 N/ i
9-4 订单基础信息实现6 N/ T0 o1 c: A0 p3 t! l
9-5 地图功能实现(上)7 E5 u. y" S! S4 c* \0 `4 z. `
9-6 地图功能实现(下)
( b8 y/ X3 u @0 q7 [6 {# p5 [第10章 项目工程化开发) F g, Z/ m# s
10-1 项目工程化概念理解
9 {: t5 W3 ]: h) l: o( {. ?% X. T+ [ 10-2 模块化封装-BaseForm(1)
" s h& b/ k+ `7 q3 Q; q7 ~# p 10-3 模块化封装-BaseForm(2)5 M1 K0 i: v- Z; M3 [- q$ E* q
10-4 请求列表封装1 {' W& S1 Y2 u
10-5 表格封装(1)8 a! l7 J- `/ {3 N' N* ^
10-6 表格封装(2)
& J9 y: z4 x: g2 J' k8 ^2 S 10-7 表格封装(3)
( h% b5 b1 z7 q! A& ~6 f! a第11章 员工管理菜单模块开发
3 @- A) e( V3 k$ d% n 11-1 员工管理列表实现' _% d: s! E$ M6 d. M8 l
11-2 创建员工功能实现
" n! r8 p1 M- i. D$ y 11-3 员工编辑、详情、删除功能实现
$ w' c# u# f* \8 _5 [第12章 车辆地图模块开发
( J N8 d/ E5 _, k/ }& Y$ l7 @8 T* g6 J 12-1 页面初始化实现0 o% H' r7 `: d3 ~
12-2 地图数据渲染实现. O: S1 E( \* a" o- ~
第13章 图表模块开发, ~1 i! a+ w! U' `' v0 g5 B c
13-1 图表基础知识介绍2 V7 M: M, c4 O' j
13-2 柱形图功能实现' H- W+ E2 V0 m6 y
13-3 饼图功能实现(1)4 Y- ^/ P/ F- |0 Z
13-4 饼图功能实现(2)2 d% e% E6 g. K" _6 l N. q
13-5 折线图功能实现7 ?1 P% Y; |* R! j% Q6 N5 e" ~0 ?
13-6 富文本功能实现" @6 |) h8 _0 A4 t: }" q
第14章 权限设置模块开发
8 e% b8 u+ }' H 14-1 权限设计和功能列表实现" } @% Q/ s& l1 }
14-2 角色创建功能实现) m% o6 K9 Y5 Z6 W4 f
14-3 权限设置功能实现(1)
# y" b* G- ?! y% t2 b6 ~# [ 14-4 权限设置功能实现(2)
- m' Y1 V7 W4 N. _. Q. \$ w0 @7 A: h d. E 14-5 菜单结构调整 s# P5 v* j; E
14-6 用户授权(1)
, }) E v( `: v2 H6 M* x 14-7 用户授权(2)6 u1 c' m1 k! m2 r3 |& r5 ]
第15章 Redux集成开发% X; M+ d' ~4 V" y& `* p
15-1 Redux基本介绍6 z; z8 N, }5 q- A" Y# f2 q: R
15-2 Redux项目集成(1)
c# Q, i7 N/ r' W* a, _- H$ N' M 15-3 Redux项目集成(2)
% P- u1 k3 F& t1 S; x% O1 W% w& v 15-4 Redux实战开发(1)
$ T" r( `; S% k; O. S3 x' D3 [ 15-5 Redux实战开发(2)
: X% g6 D6 u2 q 15-6 课程总结
% Z$ A3 x4 o' g( q4 R* \. K3 g* \% x% J$ u6 S; S: c' e' t# d
$ m4 N0 Y/ u6 F9 h% T3 g
/ Y* k, I- F" W0 Z/ ?& d
|
|