React全家桶+AntD共享单车后台管理系统开发

1637374621-4be5f3423bec462

React全家桶+AntD共享单车后台管理系统开发
在日常的开发中,我们可能会遇到项目工程化、地图开发、后台图表等各类问题。本项目针对此类问题设计,结合“共享单车”真实项目,开发高水准的通用后台管理系统。使用最流行的React全家桶技术,同时囊括了大部分常用前沿技术,从项目架构、项目工程化、基于React的UI框架、Map地图、Echarts图表等各个维度进行详细介绍。真正实现举一反三,助你吃透技术,独立处理各类项目问题。

适合人群
前端开发者,尤其是需要增加项目开发经验的同学们,这门课非常合适。
技术储备要求
掌握JS基础、React基础、ES6
课程目录:
第1章 课程导学
 
对课程整体进行介绍,并且说明学习的必要性。
 
1-1 课程导学 试看
1-2 (新)版本升级必看
第2章 React基础知识
 
React基础知识以及生命周期的介绍,并使用React官方脚手架初始化基础项目,同时介绍了新一代打包工具Yarn。
 
2-1 React基础介绍
2-2 React脚手架使用
2-3 React生命周期介绍
第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)
第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在项目当中的运用
第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组件使用
第6章 表单使用
 
常用表单组件的使用介绍,涵盖几乎所有常用表单组件。
 
6-1 登录表单讲解(上)
6-2 登录表单讲解(下)
6-3 注册表单讲解(上)
6-4 注册表单讲解(下)
第7章 基础表格、高级表格使用
 
基于AntD的表格使用介绍,从初级到高级,包含了大部分开发中常用的表格知识和技巧 。
 
7-1 基础表格讲解
7-2 (更新)7-2Mock解决方案
7-3 项目工程化之表格动态渲染(1)
7-4 项目工程化之表格动态渲染(2)
7-5 项目工程化之表格动态渲染(3)
7-6 表格嵌套单选按钮讲解
7-7 表格嵌套多选按钮
7-8 表格分页
7-9 高级表格讲解(1)
7-10 高级表格讲解(2)
第8章 单车业务之城市管理模块
 
电单车业务菜单介绍,主要讲解了城市管理菜单的模块开发。
 
8-1 城市管理(上)
8-2 城市管理(下)
8-3 开通城市实现
第9章 单车业务之订单管理模块
 
主要讲解了单车订单模块的开发,同时讲解了如何制定通用页面结构,囊括了地图业务、单车基础业务知识。
 
9-1 订单列表(上)
9-2 订单列表(下)
9-3 通用页面结构设计
9-4 订单基础信息实现
9-5 地图功能实现(上)
9-6 地图功能实现(下)
第10章 项目工程化开发
 
主要介绍了项目工程化,通过对一系列模块的封装来提升开发效率。
 
10-1 项目工程化概念理解 试看
10-2 模块化封装-BaseForm(1)
10-3 模块化封装-BaseForm(2)
10-4 请求列表封装
10-5 表格封装(1)
10-6 表格封装(2)
10-7 表格封装(3)
第11章 员工管理菜单模块开发
 
详细介绍了员工模块的功能开发,主要功能是针对员工的增删改查。
 
11-1 员工管理列表实现
11-2 创建员工功能实现
11-3 员工编辑、详情、删除功能实现
第12章 车辆地图模块开发
 
主要讲解了车辆地图服务,通过城市、时间等条件可筛选出符合条件的车辆地图分布。
 
12-1 页面初始化实现
12-2 地图数据渲染实现
第13章 图表模块开发
 
主要讲解了Echarts和React的结合使用,如何通过Echart开发出绚丽的图表功能,涵盖了柱形图、饼图和折线图以满足基本的业务需要。
 
13-1 图表基础知识介绍
13-2 柱形图功能实现
13-3 饼图功能实现(1)
13-4 饼图功能实现(2)
13-5 折线图功能实现
13-6 富文本功能实现
第14章 权限设置模块开发
 
主要讲解了目前实战课程的权限管理模块,如何能够设置不同用户加载不同的菜单,实现权限的动态分配。
 
14-1 权限设计和功能列表实现
14-2 角色创建功能实现
14-3 权限设置功能实现(1)
14-4 权限设置功能实现(2)
14-5 菜单结构调整
14-6 用户授权(1)
14-7 用户授权(2)
第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 课程总结
15-7 (新)不暴露配置实现按需加载和主题定制
15-8 (新)React暴露配置实现按需和主题定制
15-9 (新)版本升级-Icon图标问题
15-10 (新)版本升级后Form表单报错问题
本课程已完结

 

请在后台主题设置-主题授权-激活RiPro主题的正版授权,授权购买:RiTheme官网

发表评论