- 第1章 课程导学
对课程整体进行介绍,并且说明学习的必要性。
- 1-1 课程导学
" n5 g" g6 X" X' G# F. Y' z
3 q$ x# f' Y2 A, L: v7 K - 第2章 React基础知识
React基础知识以及生命周期的介绍,并使用React官方脚手架初始化基础项目,同时介绍了新一代打包工具Yarn。
- 2-1 React基础介绍
- 2-2 React脚手架使用
- 2-3 React生命周期介绍
0 {; a# }/ i. c" t- h$ C8 l
4 J B& p( l o5 a2 o2 g" O9 X9 V" L+ w: J
- 第3章 主页面架构设计
详细介绍了初始项目的插件安装、主题定制以及主页面结构设计。
- 3-1 基础插件安装(1)
- 3-2 基础插件安装(2)
- 3-3 页面结构开发(1)
- 3-4 页面结构开发(2)
- 3-5 菜单组件开发(1)
- 3-6 菜单组件开发(2)
- 3-7 头部组件实现(1)
- 3-8 头部组件实现(2)
- 3-9 底部组件功能实现(1)
- 3-10 底部组件功能实现(2)# x f; A, ?- G* k {3 h( Y
( g) B' S% _6 e9 E0 Z- ~ - 第4章 Router 4.0路由实战演练
主要介绍Router 4.0 路由的使用,从Demo讲解到实战演练,一应俱全。
- 4-1 React-Router 4.0路由基本介绍
- 4-2 -React-Router4.0 路由Demo演示(1)
- 4-3 -React-Router4.0 路由Demo演示(2)
- 4-4 React-Router4.0 Demo2演示
- 4-5 React-Router4.0在项目当中的运用4 O3 M1 W3 U3 [6 v' n
% c& h9 ?( u7 e; q3 X/ i
- 第5章 UI菜单各个组件使用
详细介绍了UI菜单下各个组件的使用,包括了Button、Modal、Loading、Notification、Message、Tab、Gallery、Carousel组件。
- 5-1 Button按钮使用讲解(1)
- 5-2 Button按钮使用讲解(2)
- 5-3 Modal组件使用讲解(1)
- 5-4 Modal组件使用讲解(2)
- 5-5 Loading组件使用
- 5-6 Notification组件使用
- 5-7 Message组件使用
- 5-8 Tabs组件使用(1)
- 5-9 Tabs组件使用(2)
- 5-10 制作Gallery图片画廊(1)
- 5-11 制作Gallery图片画廊(2)
- 5-12 Carousel组件使用- Z# R3 R7 T/ w
' ?( ]; Z$ a7 Q6 H0 g2 |: j
- 第6章 表单使用
常用表单组件的使用介绍,涵盖几乎所有常用表单组件。
- 6-1 登录表单讲解(上)
- 6-2 登录表单讲解(下)
- 6-3 注册表单讲解(上)
- 6-4 注册表单讲解(下)" ?. W( }% Z# p& k! m& X
$ d% M' X# v8 u% D$ Z3 ^/ k0 W
- 第7章 基础表格、高级表格使用
基于AntD的表格使用介绍,从初级到高级,包含了大部分开发中常用的表格知识和技巧 。
- 7-1 基础表格讲解
- 7-2 项目工程化之表格动态渲染(1)
- 7-3 项目工程化之表格动态渲染(2)
- 7-4 项目工程化之表格动态渲染(3)
- 7-5 表格嵌套单选按钮讲解
- 7-6 表格嵌套多选按钮
- 7-7 表格分页
- 7-8 高级表格讲解(1)
- 7-9 高级表格讲解(2)
; L7 I& b9 H5 ` E; O
& y7 b; [6 B6 q - 第8章 单车业务之城市管理模块
电单车业务菜单介绍,主要讲解了城市管理菜单的模块开发。
- 8-1 城市管理(上)
- 8-2 城市管理(下)
- 8-3 开通城市实现
% ?3 D+ t/ [$ Q; ^2 d3 r* E
& R, T1 O7 z! ^" z# P
- 第9章 单车业务之订单管理模块
主要讲解了单车订单模块的开发,同时讲解了如何制定通用页面结构,囊括了地图业务、单车基础业务知识。
- 9-1 订单列表(上)
- 9-2 订单列表(下)
- 9-3 通用页面结构设计
- 9-4 订单基础信息实现
- 9-5 地图功能实现(上)
- 9-6 地图功能实现(下)
4 G5 y& J8 u) k1 D0 ^
) h3 x% K! o& ]' j1 @$ [: C" t - 第10章 项目工程化开发
主要介绍了项目工程化,通过对一系列模块的封装来提升开发效率。
- 10-1 项目工程化概念理解
- 10-2 模块化封装-BaseForm(1)
- 10-3 模块化封装-BaseForm(2)
- 10-4 请求列表封装
- 10-5 表格封装(1)
- 10-6 表格封装(2)
- 10-7 表格封装(3)- d( K' [8 [5 z- O: i
2 X7 W/ y2 x- u0 y9 s% N - 第11章 员工管理菜单模块开发
详细介绍了员工模块的功能开发,主要功能是针对员工的增删改查。
- 11-1 员工管理列表实现
- 11-2 创建员工功能实现
- 11-3 员工编辑、详情、删除功能实现5 {+ ?: `4 _% t% U% B4 s4 _
: ^2 c. T! R8 I' `' S - 第12章 车辆地图模块开发
主要讲解了车辆地图服务,通过城市、时间等条件可筛选出符合条件的车辆地图分布。
- 12-1 页面初始化实现
- 12-2 地图数据渲染实现/ U h2 p3 q" _# f
7 f: c. D n' k+ E7 Z - 第13章 图表模块开发
主要讲解了Echarts和React的结合使用,如何通过Echart开发出绚丽的图表功能,涵盖了柱形图、饼图和折线图以满足基本的业务需要。
- 13-1 图表基础知识介绍
- 13-2 柱形图功能实现
- 13-3 饼图功能实现(1)
- 13-4 饼图功能实现(2)
- 13-5 折线图功能实现
- 13-6 富文本功能实现# t+ A" h5 T8 _4 Q
3 h0 {' h) R1 e - 第14章 权限设置模块开发
主要讲解了目前实战课程的权限管理模块,如何能够设置不同用户加载不同的菜单,实现权限的动态分配。
- 14-1 权限设计和功能列表实现
- 14-2 角色创建功能实现
- 14-3 权限设置功能实现(1)
- 14-4 权限设置功能实现(2)
- 14-5 菜单结构调整
- 14-6 用户授权(1)
- 14-7 用户授权(2); D- [- [. g! F) _/ S4 y
/ ~1 H$ \5 X! v* f3 T/ o' ?8 I# p - 第15章 Redux集成开发
主要讲解了如何将Redux集成到项目中,并加以运用,如何教会大家来运用redux知识。
- 15-1 Redux基本介绍
- 15-2 Redux项目集成(1)
- 15-3 Redux项目集成(2)
- 15-4 Redux实战开发(1)
- 15-5 Redux实战开发(2)
- 15-6 课程总结
- 下载地址:
$ G z. k8 Z' o
4 Z) r$ f g6 b+ ?: }
, K8 c: ]/ S) j; e