|
|
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。5 b s4 I+ i5 X- S b/ D# c; K
课程目录:' x0 W* l3 n, u" y4 q
第1章 课程导学
6 h: h% }- u5 J( K( R4 L) u 1-1 课程导学
. B" S5 }( T: @& G) R第2章 React基础知识
% W# H9 u3 k" k% \' c3 g! N 2-1 React基础介绍
* }8 O7 j7 B7 E: C1 t* n7 O; p 2-2 React脚手架使用
5 }7 K5 {( {3 e8 s$ i- x+ Q! ^ 2-3 React生命周期介绍
6 [6 ?2 h% D- ~/ K5 Z6 A2 h第3章 主页面架构设计
/ Z, E! V5 d6 \3 h 3-1 基础插件安装(1)
: D5 [& w/ C; l& Y3 I) q7 R/ c) e3 G 3-2 基础插件安装(2)3 J; Q2 y ]: m. s' I
3-3 页面结构开发(1)0 k1 ^! n7 D! ?+ H
3-4 页面结构开发(2)5 K) A- j9 h, N% b# L9 Y
3-5 菜单组件开发(1)
# n" L2 K( ]: q' u 3-6 菜单组件开发(2)0 S4 @$ f8 p% W9 F* ^ I( W
3-7 头部组件实现(1)
/ L% A5 M" D- k6 m 3-8 头部组件实现(2)' M- W8 D; l8 T0 T
3-9 底部组件功能实现(1)
& w0 o% X/ g0 b$ j! C. Y( z8 [ 3-10 底部组件功能实现(2)
; }4 f: s, E1 D第4章 Router 4.0路由实战演练0 E/ Z* J0 Z3 ]
4-1 React-Router 4.0路由基本介绍6 g# a2 ~9 k' f4 Q" X
4-2 -React-Router4.0 路由Demo演示(1)
7 o2 K# A% w9 h* q 4-3 -React-Router4.0 路由Demo演示(2)
1 f- w6 m2 F& B: V 4-4 React-Router4.0 Demo2演示* U4 I8 z. V$ D- ~
4-5 React-Router4.0在项目当中的运用+ ]+ y5 q: y# T. P, N; c4 |
第5章 UI菜单各个组件使用$ ]: {$ T' i9 o% y0 V* g- Q, U
5-1 Button按钮使用讲解(1)* g3 a) }9 @$ ^+ _8 x% T: J
5-2 Button按钮使用讲解(2)
* |, H# O( o. ?0 X' V( a2 V 5-3 Modal组件使用讲解(1). T4 Y$ v6 A& w4 U- Q$ o
5-4 Modal组件使用讲解(2)1 q) v2 a$ l* Z
5-5 Loading组件使用; H, T; W0 u* z* J
5-6 Notification组件使用
: t+ C2 I" o" u, w) }* w7 g9 a 5-7 Message组件使用4 @" A. }# U& o+ v1 S9 H
5-8 Tabs组件使用(1)
. d. J6 N( ? g0 W' H0 { 5-9 Tabs组件使用(2)
( v4 S( M0 q5 t+ i8 d 5-10 制作Gallery图片画廊(1). A3 Z3 ]- A/ b3 k) N- h2 n! F
5-11 制作Gallery图片画廊(2), f3 Y; f/ v8 N- w3 C
5-12 Carousel组件使用; X( Q! g/ b' ]' f4 V* t4 |) P
第6章 表单使用
4 m% u3 g" y. W, q% U 6-1 登录表单讲解(上), K9 K7 J, L: h: J: j
6-2 登录表单讲解(下)
( @8 m6 i3 f( s4 @2 _6 r2 v8 P 6-3 注册表单讲解(上)
! ]3 H) D$ I% k2 W6 G 6-4 注册表单讲解(下)
( ]: U/ r; Z; ~第7章 基础表格、高级表格使用1 m! `# E1 Y* n- J8 J
7-1 基础表格讲解' j$ R' G% L. |8 [
7-2 项目工程化之表格动态渲染(1)
. C+ \, A( y" W5 a2 p5 j 7-3 项目工程化之表格动态渲染(2)
|$ P, v4 g4 L$ f; e* I 7-4 项目工程化之表格动态渲染(3)
. w: ] J1 a! C4 a g- e9 R 7-5 表格嵌套单选按钮讲解+ R, n; f5 K/ T( Z/ g& G
7-6 表格嵌套多选按钮
3 z* h0 N: A9 z. h6 s0 i( o) M: Y 7-7 表格分页$ ]7 D+ c: O# A* p" z$ L
7-8 高级表格讲解(1); M+ |* D Y0 M9 L) L. Q
7-9 高级表格讲解(2)
( Y: K1 d) {- p# d; x: R$ x第8章 单车业务之城市管理模块
2 }, ?: C$ h! l6 ?& N1 p- B/ B 8-1 城市管理(上), D. W6 i' f. W; i5 t( \ z
8-2 城市管理(下)4 f# B% f5 e3 l. _! L; @
8-3 开通城市实现' B' I) d& G+ s* x4 M( j3 s2 @
第9章 单车业务之订单管理模块
0 p2 v) G# e' c+ W9 E 9-1 订单列表(上)' y$ W& n; Y; ~4 m- w: O
9-2 订单列表(下)6 f; f* w' C) e! j8 N
9-3 通用页面结构设计0 [1 a- B7 e5 ?" ?! e
9-4 订单基础信息实现
; {3 K. g' y3 p# ?( F+ I* s 9-5 地图功能实现(上)) A: U0 b3 ]! f6 k: F$ q# z
9-6 地图功能实现(下)
" Q+ u+ f6 g- c1 ~: l7 p第10章 项目工程化开发
8 m& X+ U- w0 |: [ 10-1 项目工程化概念理解
, l* ^' \# [, d, ^6 A0 a4 J 10-2 模块化封装-BaseForm(1)
/ z7 `" I8 t+ `) i) j 10-3 模块化封装-BaseForm(2)
( S8 \$ e4 l4 l% v; @( U- v$ U 10-4 请求列表封装9 M% _0 q* B2 e/ |" Y' l3 v
10-5 表格封装(1). ~' j3 ~% `! j, |5 j; a) k) w+ H$ D* q
10-6 表格封装(2)
1 F' L$ M; ]3 a5 O6 P 10-7 表格封装(3)
8 D: r* z( W" @* \ H6 S# D第11章 员工管理菜单模块开发
. v+ y1 c8 a- p" J6 W) C% i" g 11-1 员工管理列表实现9 Y( n& _- L/ W ~8 A
11-2 创建员工功能实现
1 P% `$ d+ V, r: f4 u% x) z- ^6 d 11-3 员工编辑、详情、删除功能实现! J8 k0 ]) l2 T3 [" B$ V' P) \
第12章 车辆地图模块开发
+ M4 I5 Y% G& @0 U! P: m 12-1 页面初始化实现" j5 v8 a- V& L7 v/ ] N8 [
12-2 地图数据渲染实现; }$ Z: C& `0 d+ X
第13章 图表模块开发# n& B, H1 D3 n0 z2 o- Y
13-1 图表基础知识介绍
! @' _7 c' C) L" Z5 D( P: c R: V 13-2 柱形图功能实现! X" [" T8 y* Z5 |! e
13-3 饼图功能实现(1)8 g; @3 Y1 m0 k( T& p
13-4 饼图功能实现(2)/ C! I1 {" \ F) M' @
13-5 折线图功能实现
O% K3 V/ A& B4 n' b' d' ? 13-6 富文本功能实现
7 L# R2 F- _7 P% v6 T( |3 p第14章 权限设置模块开发
. A; c# y0 `7 i' m% ^$ _ 14-1 权限设计和功能列表实现
# V6 y) r4 X- v' e H' z0 u& J 14-2 角色创建功能实现
6 C/ G9 ?7 E/ B; z2 j2 f 14-3 权限设置功能实现(1)+ ^# `$ Z/ n5 D# Q
14-4 权限设置功能实现(2)
* Y/ Y( ~/ T' |# y# F8 R: \3 C 14-5 菜单结构调整9 d) T3 o( Z# N
14-6 用户授权(1)
$ R' x e9 Y Q& a5 \" j. j 14-7 用户授权(2)
/ L: J/ i i1 b/ _. C% n2 T第15章 Redux集成开发& H) Q& @! h# x: O
15-1 Redux基本介绍
" F" X4 I4 k. A 15-2 Redux项目集成(1)
. `+ v! X' n' V0 _' J& Q 15-3 Redux项目集成(2)
1 l! A& g5 O; v8 L( r 15-4 Redux实战开发(1)
0 t! H+ Z3 s* B5 S. p4 B 15-5 Redux实战开发(2)* }8 I x) c0 y6 J
15-6 课程总结
. l0 L7 k! V: h# D2 j5 s. P# _: |! t
* X# H4 `' m3 H% q
1 ?5 U% ]8 f. n% N
|
|