) l- c7 f. V, A4 P
5 f6 u; W2 Y- V
〖课程介绍〗
" [/ W! }; O) U在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。
" k( o6 V/ V4 Y+ W7 L: j5 a g& k( m' @" N. u, J- K
〖课程目录〗7 L$ E ?* {; S' ^5 R" s
第1章 课程导学5 a+ m4 X( T' B4 f- N4 V6 f
对课程整体进行介绍,并且说明学习的必要性。4 M: l3 u# D/ H8 ]* k _
1-1 课程导学 试看4 B6 p' a1 C+ a5 c" [2 v6 H& Q
9 @7 z" a0 K* I- J3 Q0 x第2章 React基础知识
) g! u% D! y+ u3 m% i8 T! m, I! m+ FReact基础知识以及生命周期的介绍,并使用React官方脚手架初始化基础项目,同时介绍了新一代打包工具Yarn。# W$ z* z# H. I0 o: P9 G
2-1 React基础介绍- @1 h8 t4 ?6 O& ?; V* R0 P
2-2 React脚手架使用
+ ]- k# P/ S7 g6 s2-3 React生命周期介绍' p" u8 ^' y4 L3 [* W! `- n
$ h9 P( f( z; h" m, M
第3章 主页面架构设计
' q) e \ h; D! O/ y详细介绍了初始项目的插件安装、主题定制以及主页面结构设计。, N7 x6 b" _2 ]' {! G8 _
3-1 基础插件安装(1)
6 I8 D o) z' J% x0 C# s/ f3-2 基础插件安装(2)1 d! c8 t* a$ h+ }7 L! i* @
3-3 (安装课程中Webpack版本的用户请忽略这一小节)Webpack4.19.1版本文件合并后配置按需加载
6 I, U8 _ n9 a2 k D' T8 L+ U3-4 页面结构开发(1)
7 K+ j" ~" K# }3 l; O8 i+ S6 J3-5 页面结构开发(2)
3 o, i$ v- q) Y" S) ]2 Z3-6 菜单组件开发(1) b4 ]* \) T s% u$ d6 o p
3-7 菜单组件开发(2)
0 Y% N6 ~# I) z3-8 头部组件实现(1)
/ Z; M# {4 H* ]3-9 头部组件实现(2)
. Q. U! @* m8 m3-10 底部组件功能实现(1)$ c A6 n6 P: s: A$ X; u0 b
3-11 底部组件功能实现(2)
3 i4 f, z6 C4 w. q" v U& A( ~
, I3 M! u# z2 |* I% F9 i& g第4章 Router 4.0路由实战演练
. W9 {. Y$ m0 A% `主要介绍Router 4.0 路由的使用,从Demo讲解到实战演练,一应俱全。
5 V3 y9 e r; m2 A3 J3 L4-1 React-Router 4.0路由基本介绍
0 r* n: x( J- Y# L4-2 -React-Router4.0 路由Demo演示(1)/ H$ b9 q8 b& N: W& T, V' W
4-3 -React-Router4.0 路由Demo演示(2)8 h( [" G/ Q1 B- z: K! ^
4-4 React-Router4.0 Demo2演示# p! |, V( |( Z1 a* j: W
4-5 React-Router4.0在项目当中的运用
3 d2 e% k4 V! f. Q3 I5 t! C' o% @% w6 g8 R
第5章 UI菜单各个组件使用
; z; ?8 Y0 }% O详细介绍了UI菜单下各个组件的使用,包括了Button、Modal、Loading、Notification、Message、Tab、Gallery、Carousel组件。2 Z5 u* D/ x6 i4 d! h# }
5-1 Button按钮使用讲解(1)9 L: |& c, E, v- l" V+ h
5-2 Button按钮使用讲解(2)' \0 q) w1 ^# }3 U
5-3 Modal组件使用讲解(1)
7 |( A2 \/ w& d) e9 l- L5-4 Modal组件使用讲解(2)
" l7 ^' ?% c3 U- F0 A v5-5 Loading组件使用$ P& X$ B( f+ S! A8 [' W
5-6 Notification组件使用
# ^! g' G# N! U$ X/ _! P( m: A5-7 Message组件使用2 @: A7 m" N1 M/ s6 q }- A
5-8 Tabs组件使用(1)
) B+ L, P3 B! I5-9 Tabs组件使用(2)( Z' e0 n; |1 ~3 J# u; P
5-10 制作Gallery图片画廊(1)& ^2 B9 Y. C/ ~0 }* V- L9 C
5-11 制作Gallery图片画廊(2)0 h! w3 _: `! D% L' m
5-12 Carousel组件使用
: a6 v/ v1 C$ o9 M8 s. O6 v3 q7 ?# A9 X( W+ @
第6章 表单使用3 x9 I$ Q9 ?# n# x6 T+ q
常用表单组件的使用介绍,涵盖几乎所有常用表单组件。
" W6 f9 L7 y3 e& M( q# ]3 `6-1 登录表单讲解(上)
1 _ b1 o/ G4 _, G6 J6-2 登录表单讲解(下)
( G4 \2 p1 W7 ?6 _" \8 X$ @3 k' L6-3 注册表单讲解(上)1 `2 [5 h' o( `! ^% u& T7 j: r; _0 k
6-4 注册表单讲解(下). \6 P' P6 o8 a# H+ z$ ~* b" o
8 R3 s* `9 B Q+ @第7章 基础表格、高级表格使用( @& j( E5 Z# C, e2 y2 z
基于AntD的表格使用介绍,从初级到高级,包含了大部分开发中常用的表格知识和技巧 。
- H( R" M. D/ T' N$ u# @( [9 H+ F7-1 基础表格讲解
0 K, W+ K" Q( p7-2 项目工程化之表格动态渲染(1)
0 S, L9 k2 x3 N# S R7-3 项目工程化之表格动态渲染(2)7 F' M; w8 ~, B3 B9 q8 ~" j$ ~
7-4 项目工程化之表格动态渲染(3)
! r! g8 n9 C9 ^7-5 表格嵌套单选按钮讲解
( }6 G" T; t& K7-6 表格嵌套多选按钮$ f7 X- y$ P3 p1 [/ ~, W; v
7-7 表格分页( B+ i% q- S/ `9 B# M+ d& V4 T
7-8 高级表格讲解(1)+ T7 Q% O$ J& M- j
7-9 高级表格讲解(2)
0 f4 e$ `$ R5 ^% D
$ o z0 b- w1 j6 d# S7 w第8章 单车业务之城市管理模块
% f9 m/ x, E7 s) {电单车业务菜单介绍,主要讲解了城市管理菜单的模块开发。, x& \7 k7 n$ S( |' r# f. P
8-1 城市管理(上)( n$ U( t7 K1 ~' Q
8-2 城市管理(下)
4 z3 b/ M1 Y9 l8-3 开通城市实现
' h1 a+ R& y9 ?, K' o+ }4 Z* B. t% ^# ^# Z, S. n
第9章 单车业务之订单管理模块' s+ M2 Q# G" F7 j# R( z% [! E5 g
主要讲解了单车订单模块的开发,同时讲解了如何制定通用页面结构,囊括了地图业务、单车基础业务知识。$ H$ j. {: Y, W) d$ [- Q' u* j
9-1 订单列表(上) p1 D' r) p( ?! x' U1 v) y
9-2 订单列表(下)4 u2 w9 n. h: y: b* i
9-3 通用页面结构设计
: Q5 v6 b5 P0 o S. h9-4 订单基础信息实现- Z5 J5 O6 b' ? u1 R) S
9-5 地图功能实现(上)$ b- w8 x+ Y" b1 q* m
9-6 地图功能实现(下)2 l3 Q, r0 j& Z2 z/ _5 h
3 \5 p; C7 R" q* Y: H$ F
第10章 项目工程化开发
* i5 w8 X8 h- C+ t3 b9 N主要介绍了项目工程化,通过对一系列模块的封装来提升开发效率。1 ]; c5 s* g5 x8 y, @
10-1 项目工程化概念理解 试看
- B; ?* H/ T" \3 Q10-2 模块化封装-BaseForm(1)
) R& B1 y" L" c+ m$ w5 P- c10-3 模块化封装-BaseForm(2)
/ B. B, J6 n- x6 w0 T10-4 请求列表封装
/ a7 I* m: S2 g1 T& @6 w5 r. I10-5 表格封装(1)
3 D1 j$ y: ?- K10-6 表格封装(2)+ }! b B1 U5 P! r, q
10-7 表格封装(3). P( [6 G+ L! C
4 C! K8 L7 F* D第11章 员工管理菜单模块开发 V. q2 ?) u& r9 C/ ?- P) `0 }/ G4 F
详细介绍了员工模块的功能开发,主要功能是针对员工的增删改查。2 e; ^% x' k; X. Z: L5 l
11-1 员工管理列表实现/ t2 q9 R6 p* B
11-2 创建员工功能实现
" s+ X: U$ C5 ~1 _11-3 员工编辑、详情、删除功能实现4 X0 {! e2 Z0 V1 H" X& e5 L( ~! H. L, X
$ S3 L1 N$ J8 D) j第12章 车辆地图模块开发 g, U0 D, Z) l' g+ q* |3 o
主要讲解了车辆地图服务,通过城市、时间等条件可筛选出符合条件的车辆地图分布。
# T" b+ A" s" s; j, H& `7 m/ _ _/ h12-1 页面初始化实现
5 d7 b$ U8 S; V% C% ~12-2 地图数据渲染实现9 r7 w7 A0 R8 Z+ W
+ e# Q' r+ W3 o1 c+ U# k' v
第13章 图表模块开发
+ d. i5 f' b% ~) V' o1 d3 ~主要讲解了Echarts和React的结合使用,如何通过Echart开发出绚丽的图表功能,涵盖了柱形图、饼图和折线图以满足基本的业务需要。
/ x( j! D* G+ F6 M$ T* N9 V: J13-1 图表基础知识介绍, s! i7 ]5 X$ V9 ?. @
13-2 柱形图功能实现
* o* L: S/ _" I& Q& S6 P13-3 饼图功能实现(1)% b% @% z) A. Z% [. w
13-4 饼图功能实现(2)
0 T" B- {# |; i( W! ?( k: D13-5 折线图功能实现1 f5 J3 D* W# C! |
13-6 富文本功能实现
2 D! r W. |/ g# K$ I: l
+ p' O2 w% U4 D, B& _7 T Y第14章 权限设置模块开发/ t1 B( ^; l. O) J
主要讲解了目前实战课程的权限管理模块,如何能够设置不同用户加载不同的菜单,实现权限的动态分配。3 h2 e$ `, |8 x q! R( d6 s
14-1 权限设计和功能列表实现3 i8 t6 f4 Z# ]" K& {9 w
14-2 角色创建功能实现5 l) i2 V8 E3 {+ c- P8 D0 r! ]! Q+ P
14-3 权限设置功能实现(1)
) g+ z9 _0 |1 x- t( m! ^14-4 权限设置功能实现(2)/ \' \; ?: \7 Q" d8 A
14-5 菜单结构调整' A5 M; }/ |& o" T& P
14-6 用户授权(1)
$ @$ O$ p/ P3 H# ]5 t% g14-7 用户授权(2)
( t" m7 F3 R; E
0 L0 K; y$ i' i2 x第15章 Redux集成开发
0 E0 d2 K% g5 D4 D' O主要讲解了如何将Redux集成到项目中,并加以运用,如何教会大家来运用redux知识。/ p R6 f% v. I" y O
15-1 Redux基本介绍7 t' y9 B! r; N( H
15-2 Redux项目集成(1)4 @. ~) E& i- k
15-3 Redux项目集成(2)
' V* x( @" t5 P" Z" D15-4 Redux实战开发(1)0 o# p9 P- g2 V2 Y
15-5 Redux实战开发(2)0 O- [. `% B, \/ |* N* h
15-6 课程总结
; W" i' v" s; h" i# l. i. A8 ?
# z, M d& I& c. h: N〖下载地址〗# u( h4 u8 t& O) q p7 m$ ~& X
' y! C4 M: Y, Y6 {* a' v8 m2 Y& Q9 t- H) J7 c/ ]3 I7 u/ b
---------------------------------华丽分割线-----------------------------------华丽分割线--------------------------华丽分割线-----------------
1 v- Y' [5 C8 I2 t0 m8 Z! y6 W4 V: m# R1 _' s5 h# ? H4 d
〖下载地址失效反馈〗
1 c* c! i1 I5 X/ N# g, h如果下载地址失效,请尽快反馈给我们,我们尽快修复。可加客服微信:22303040705 W# ^( _$ i% y3 N! ]
7 g4 p7 @) [" C' T& P9 {
〖客服24小时咨询〗( q4 R |+ F" t- Z
有任何问题,请点击右侧QQ咨询。+ Z- i0 l( N1 d6 W1 O
: E/ r( {& R5 a5 u% M! R9 B |