) G. n7 X; ]0 i% l, M! x
) G+ S$ ]0 Z8 h〖课程介绍〗
! e+ c0 B& e% Z5 D7 H3 l( `2 R在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。7 C4 D0 S7 N; W! A* a1 }8 s
( p% |* Q6 F; F& S
〖课程目录〗
" @) t3 b- b- y4 {0 E5 s. |; t第1章 课程导学
. t; c( M- k" w& s3 k对课程整体进行介绍,并且说明学习的必要性。" w, s( V/ @# |% l5 j, |
1-1 课程导学 试看
. S! ^6 j3 t) G7 k# f$ h2 G
: {5 z7 V( S; j( D- Q7 c& r2 I7 s第2章 React基础知识2 V$ x) K# h7 Y- H$ w, a
React基础知识以及生命周期的介绍,并使用React官方脚手架初始化基础项目,同时介绍了新一代打包工具Yarn。
% K4 j9 S: J( h8 K/ z2-1 React基础介绍2 r4 n* P5 T3 U
2-2 React脚手架使用5 U) g! \3 f/ J5 D6 A- g
2-3 React生命周期介绍
/ Q* }# n- G0 [8 c W) f h4 u
. l9 c7 [. c' n/ C+ G- e q第3章 主页面架构设计
, C) W! q. d" p. ^; P详细介绍了初始项目的插件安装、主题定制以及主页面结构设计。
+ J1 S# l, L: _, u- z3-1 基础插件安装(1)
S" }* j. x& L7 I! n3-2 基础插件安装(2)
% ^$ }9 b, O. k5 M' p3-3 (安装课程中Webpack版本的用户请忽略这一小节)Webpack4.19.1版本文件合并后配置按需加载6 a4 P/ _( }. A" ?5 z' {
3-4 页面结构开发(1)
9 ^; i2 j4 q. m3-5 页面结构开发(2)1 u. ^. U% l/ I: u4 K
3-6 菜单组件开发(1)- _# k5 [6 o; o, N( x* S
3-7 菜单组件开发(2)+ N: `& f* l$ ~& b+ x% K* X; |
3-8 头部组件实现(1)
$ C# N, C7 J+ R% o' A3-9 头部组件实现(2)
% k |( H1 R. P P3-10 底部组件功能实现(1)! A) ~; J0 D% V% _2 P a. @" b
3-11 底部组件功能实现(2)) t0 L$ ^/ n! H8 N7 j) T
( \, |3 D& x! T6 [3 R3 F/ h
第4章 Router 4.0路由实战演练4 |* ~% r1 d, i7 v1 y5 [
主要介绍Router 4.0 路由的使用,从Demo讲解到实战演练,一应俱全。' l# T/ x7 f- b! M7 o5 ~
4-1 React-Router 4.0路由基本介绍% L2 i q6 ]& L3 g& b; }
4-2 -React-Router4.0 路由Demo演示(1) y9 m, b( Z- @8 z1 o P
4-3 -React-Router4.0 路由Demo演示(2)6 h" C: J% L9 B, @9 `
4-4 React-Router4.0 Demo2演示
) R9 u, v) i) g: U+ k4-5 React-Router4.0在项目当中的运用$ e* K$ h5 w7 F3 {: Q0 A' v
: F- J7 N1 Z+ n! `第5章 UI菜单各个组件使用& W: ~; W) ^" j; N6 D8 M
详细介绍了UI菜单下各个组件的使用,包括了Button、Modal、Loading、Notification、Message、Tab、Gallery、Carousel组件。
+ I# R, X$ g: B# o3 w5-1 Button按钮使用讲解(1)
) n; j& N5 ^7 K5-2 Button按钮使用讲解(2)" V' h* h+ L. X0 }, V& O
5-3 Modal组件使用讲解(1) o5 B7 G) P5 s
5-4 Modal组件使用讲解(2)
& s5 L# L2 h. j0 V6 s8 |3 [5-5 Loading组件使用
7 b2 m5 _# u9 B5-6 Notification组件使用# ~. b( K8 p* v# H" z
5-7 Message组件使用/ i& @" T8 {5 @* X+ O, N# l3 K
5-8 Tabs组件使用(1)
]- k9 _: w; a7 b( L# m2 t2 M7 {5-9 Tabs组件使用(2) t& l1 A% \; f) H; j$ W; Y
5-10 制作Gallery图片画廊(1)% y; t( i4 p3 A1 Q9 n* v
5-11 制作Gallery图片画廊(2)
; b. A6 a, G; e5-12 Carousel组件使用" O# h% w% h6 g; c8 e% Z
% r# E2 g3 j$ O2 \0 l2 n2 G: W2 Z: X第6章 表单使用
8 }7 k0 R6 t0 y& d$ q常用表单组件的使用介绍,涵盖几乎所有常用表单组件。7 c' t2 ?! ^- p/ }, S' u7 _
6-1 登录表单讲解(上)
6 B% i2 Y5 ^+ r4 _! `6-2 登录表单讲解(下)
8 G/ }; @" o( j7 H( N6 w6-3 注册表单讲解(上)
- {6 k4 W. F. ~4 j6-4 注册表单讲解(下)- E3 d: A2 r1 Y0 U
|1 s* K& O% a3 M5 E
第7章 基础表格、高级表格使用
- U' Z8 O/ ~1 p4 {基于AntD的表格使用介绍,从初级到高级,包含了大部分开发中常用的表格知识和技巧 。- i+ }* u+ V; x6 w9 j$ t6 m
7-1 基础表格讲解8 b$ ~, h- _: L" f
7-2 项目工程化之表格动态渲染(1)
! o- p- w$ l j7-3 项目工程化之表格动态渲染(2)
/ h+ O$ Y/ o$ N3 }/ }7-4 项目工程化之表格动态渲染(3)1 A8 o8 T" ]4 s& D' }, s. I
7-5 表格嵌套单选按钮讲解4 M2 t& {* t( B _: V# i4 r+ @
7-6 表格嵌套多选按钮
9 O' U+ e f) n1 Y; C' p$ t7-7 表格分页5 N: j. k; F$ I. Q N7 d* ~
7-8 高级表格讲解(1). r1 L1 j' R7 S/ _ J
7-9 高级表格讲解(2)- Y/ N8 w- T5 `# X. e( H. e
$ l/ i9 ]( f9 q' C第8章 单车业务之城市管理模块( _4 U& Q3 \2 i- E) S1 S* U+ s
电单车业务菜单介绍,主要讲解了城市管理菜单的模块开发。/ w# C, |0 }" v; e& q( T
8-1 城市管理(上)
7 g) p+ L# o& `" R# s8-2 城市管理(下)# N) }' ~. [7 B. @% ]
8-3 开通城市实现
0 ~( R! J7 }- V4 T3 N7 I2 w: j6 ^. {' m, i7 V" E" U/ S
第9章 单车业务之订单管理模块
( m% Z1 a' N8 c6 d主要讲解了单车订单模块的开发,同时讲解了如何制定通用页面结构,囊括了地图业务、单车基础业务知识。3 [. p; Y5 u% C) |9 \* R$ x
9-1 订单列表(上); `. |2 j( d* Y: U6 g. B: @& e- k4 o
9-2 订单列表(下)
! c6 |- [- M) j; G2 ?8 u, j% e* i9-3 通用页面结构设计* e- M( {; f& Q: N! r! x/ a. N1 p
9-4 订单基础信息实现0 J, s7 \6 O6 B0 s$ V
9-5 地图功能实现(上)2 t) j" a3 D( L2 }9 q! t4 R
9-6 地图功能实现(下)
2 c( I, h; V' h8 [! @8 }0 u6 }0 N. c5 X1 H7 K) I) B( V
第10章 项目工程化开发
2 I( P; e3 H4 X# k主要介绍了项目工程化,通过对一系列模块的封装来提升开发效率。" j: q0 }5 n; Z- R4 N9 c, q
10-1 项目工程化概念理解 试看
) V) j! b) d, z! q10-2 模块化封装-BaseForm(1)3 E2 x) {; {6 e
10-3 模块化封装-BaseForm(2)- p+ U6 X; o0 Q& p. M' p; H5 y- a
10-4 请求列表封装$ V) @8 w8 g7 w2 ]: N5 ~
10-5 表格封装(1)
( Y. t9 I3 p+ \/ m10-6 表格封装(2)) { W! h7 A) H+ j- A4 r1 y3 Y
10-7 表格封装(3)+ D( {# x* U2 S9 z" E4 s
1 k. f, F; U# J9 P
第11章 员工管理菜单模块开发, h2 y& s2 E5 n% e2 m0 }
详细介绍了员工模块的功能开发,主要功能是针对员工的增删改查。% v, s- @. \3 V# N+ {! P( a# W
11-1 员工管理列表实现 M/ r0 l$ d* R
11-2 创建员工功能实现
5 h, S) p5 \. \7 Q, G) [11-3 员工编辑、详情、删除功能实现
' N$ O: A/ e# e5 i5 K3 @
1 A8 P! l5 f) `( \3 B! F5 l$ h$ e第12章 车辆地图模块开发
7 y8 u9 }' z" `. [主要讲解了车辆地图服务,通过城市、时间等条件可筛选出符合条件的车辆地图分布。; H" U& V8 i' `, D; Y8 E4 t/ t
12-1 页面初始化实现: F+ B: W4 S3 ?3 G1 [( T5 d! g
12-2 地图数据渲染实现
Z a/ C: W4 ~; n
. T! h' N. w$ B4 q7 L0 z: c1 v9 f第13章 图表模块开发. [: ]5 x5 U/ D! r
主要讲解了Echarts和React的结合使用,如何通过Echart开发出绚丽的图表功能,涵盖了柱形图、饼图和折线图以满足基本的业务需要。
! q* a1 l0 h) N+ r13-1 图表基础知识介绍+ Y& ] f0 {# W3 X0 r9 |- r+ z
13-2 柱形图功能实现
+ C6 w* H6 B0 S2 L( C* O13-3 饼图功能实现(1)
9 [ K! Q% k# {6 c( P3 s0 _; Z5 ^13-4 饼图功能实现(2)0 ^9 ^3 v7 S6 ~+ M3 \+ O/ }
13-5 折线图功能实现
7 [0 ?( `4 m: N2 {- z: W1 A; z" d* \8 j) G13-6 富文本功能实现' I' _$ G4 n% U3 y) l
7 ?) d; P* s2 \& g$ g! }第14章 权限设置模块开发
! t# Y+ ~4 N" P$ C) t主要讲解了目前实战课程的权限管理模块,如何能够设置不同用户加载不同的菜单,实现权限的动态分配。
, B: ?% n8 K- t, L14-1 权限设计和功能列表实现
" C- W+ _+ T7 }2 P& q" x14-2 角色创建功能实现
$ P# a' J& |7 F7 p1 e) p8 W6 D14-3 权限设置功能实现(1)
& C2 W/ n) f& |- i4 F14-4 权限设置功能实现(2)
' E6 Q3 a$ C, }! d$ m$ M$ X14-5 菜单结构调整% N( c1 X% x% d" a! X/ m+ J
14-6 用户授权(1)! _- q8 x; A0 ^- \7 A: g4 E0 j6 a
14-7 用户授权(2)
) F8 w1 p6 D1 \' g3 P e. e, B' c8 X; g8 Q1 t4 j- w( ~
第15章 Redux集成开发+ w$ y0 B8 o) X2 Z& a& [+ o3 }
主要讲解了如何将Redux集成到项目中,并加以运用,如何教会大家来运用redux知识。. u# E9 ?# K: F" Z6 ?$ R
15-1 Redux基本介绍7 f8 V9 y; Q$ M9 V/ u
15-2 Redux项目集成(1)$ }3 p4 l! o+ [" h) k1 {
15-3 Redux项目集成(2). [* b& |( |& ]
15-4 Redux实战开发(1)/ e2 B2 I: Z4 h8 d& F
15-5 Redux实战开发(2)
1 F6 p) H- G- ?15-6 课程总结
+ m$ ^) V% P+ M( W" Z1 _
5 S. t& ]5 x1 f〖下载地址〗
$ @" [+ {1 T% h3 L6 P/ \, T& z p; ^7 X
' R8 W/ @, R2 v5 l" {7 T; `1 x3 _---------------------------------华丽分割线-----------------------------------华丽分割线--------------------------华丽分割线-----------------
. b& A/ a) z( s& h9 A9 R9 r, ]. R$ B* H; S+ X+ f; \6 w8 M( j
〖下载地址失效反馈〗5 A, s7 O! ~9 N- b N4 _
如果下载地址失效,请尽快反馈给我们,我们尽快修复。可加客服微信:2230304070- `- Z5 X8 w# B5 s m8 I
- T- h1 \1 B1 y: D$ J〖客服24小时咨询〗% M5 c4 l5 N# k2 I+ O6 D6 w
有任何问题,请点击右侧QQ咨询。0 ^5 l7 X A* B8 s; f J
9 ?; B: v$ x6 ^9 s$ y3 y. w& ^ |