收藏

React全家桶+AntD

共享单车后台管理系统开发

开发真实的后台管理系统 专为解决工作场景各类痛点而生

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

难度 中级 时长 20小时 学习人数 1141 综合评分 9.94

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

  • 第1章 课程导学 试看 2 节 | 28分钟

    对课程整体进行介绍,并且说明学习的必要性。

    收起列表

    • 视频: 1-1 课程导学 (20:36) 试看
    • 视频: 1-2 (新)版本升级必看 (07:15)
  • 第2章 React基础知识 3 节 | 61分钟

    React基础知识以及生命周期的介绍,并使用React官方脚手架初始化基础项目,同时介绍了新一代打包工具Yarn。

    收起列表

    • 视频: 2-1 React基础介绍 (13:26)
    • 视频: 2-2 React脚手架使用 (20:30)
    • 视频: 2-3 React生命周期介绍 (26:20)
  • 第3章 主页面架构设计 10 节 | 180分钟

    详细介绍了初始项目的插件安装、主题定制以及主页面结构设计。

    收起列表

    • 视频: 3-1 基础插件安装(1) (17:09)
    • 视频: 3-2 基础插件安装(2) (18:33)
    • 视频: 3-3 页面结构开发(1) (19:48)
    • 视频: 3-4 页面结构开发(2) (19:06)
    • 视频: 3-5 菜单组件开发(1) (14:39)
    • 视频: 3-6 菜单组件开发(2) (14:29)
    • 视频: 3-7 头部组件实现(1) (23:58)
    • 视频: 3-8 头部组件实现(2) (20:47)
    • 视频: 3-9 底部组件功能实现(1) (15:26)
    • 视频: 3-10 底部组件功能实现(2) (15:36)
  • 第4章 Router 4.0路由实战演练 5 节 | 99分钟

    主要介绍Router 4.0 路由的使用,从Demo讲解到实战演练,一应俱全。

    收起列表

    • 视频: 4-1 React-Router 4.0路由基本介绍 (22:35)
    • 视频: 4-2 -React-Router4.0 路由Demo演示(1) (19:40)
    • 视频: 4-3 -React-Router4.0 路由Demo演示(2) (19:23)
    • 视频: 4-4 React-Router4.0 Demo2演示 (15:05)
    • 视频: 4-5 React-Router4.0在项目当中的运用 (21:55)
  • 第5章 UI菜单各个组件使用 12 节 | 215分钟

    详细介绍了UI菜单下各个组件的使用,包括了Button、Modal、Loading、Notification、Message、Tab、Gallery、Carousel组件。

    收起列表

    • 视频: 5-1 Button按钮使用讲解(1) (20:25)
    • 视频: 5-2 Button按钮使用讲解(2) (19:21)
    • 视频: 5-3 Modal组件使用讲解(1) (15:40)
    • 视频: 5-4 Modal组件使用讲解(2) (17:33)
    • 视频: 5-5 Loading组件使用 (21:59)
    • 视频: 5-6 Notification组件使用 (19:12)
    • 视频: 5-7 Message组件使用 (09:22)
    • 视频: 5-8 Tabs组件使用(1) (19:12)
    • 视频: 5-9 Tabs组件使用(2) (19:26)
    • 视频: 5-10 制作Gallery图片画廊(1) (19:35)
    • 视频: 5-11 制作Gallery图片画廊(2) (15:20)
    • 视频: 5-12 Carousel组件使用 (17:07)
  • 第6章 表单使用 4 节 | 102分钟

    常用表单组件的使用介绍,涵盖几乎所有常用表单组件。

    收起列表

    • 视频: 6-1 登录表单讲解(上) (20:06)
    • 视频: 6-2 登录表单讲解(下) (17:29)
    • 视频: 6-3 注册表单讲解(上) (28:30)
    • 视频: 6-4 注册表单讲解(下) (35:11)
  • 第7章 基础表格、高级表格使用 10 节 | 163分钟

    基于AntD的表格使用介绍,从初级到高级,包含了大部分开发中常用的表格知识和技巧 。

    收起列表

    • 视频: 7-1 基础表格讲解 (18:07)
    • 视频: 7-2 (更新)7-2Mock解决方案 (12:03)
    • 视频: 7-3 项目工程化之表格动态渲染(1) (20:12)
    • 视频: 7-4 项目工程化之表格动态渲染(2) (14:40)
    • 视频: 7-5 项目工程化之表格动态渲染(3) (11:36)
    • 视频: 7-6 表格嵌套单选按钮讲解 (17:11)
    • 视频: 7-7 表格嵌套多选按钮 (10:22)
    • 视频: 7-8 表格分页 (17:49)
    • 视频: 7-9 高级表格讲解(1) (14:20)
    • 视频: 7-10 高级表格讲解(2) (25:55)
  • 第8章 单车业务之城市管理模块 3 节 | 67分钟

    电单车业务菜单介绍,主要讲解了城市管理菜单的模块开发。

    收起列表

    • 视频: 8-1 城市管理(上) (20:19)
    • 视频: 8-2 城市管理(下) (19:50)
    • 视频: 8-3 开通城市实现 (26:31)
  • 第9章 单车业务之订单管理模块 6 节 | 132分钟

    主要讲解了单车订单模块的开发,同时讲解了如何制定通用页面结构,囊括了地图业务、单车基础业务知识。

    收起列表

    • 视频: 9-1 订单列表(上) (20:44)
    • 视频: 9-2 订单列表(下) (24:45)
    • 视频: 9-3 通用页面结构设计 (23:12)
    • 视频: 9-4 订单基础信息实现 (19:42)
    • 视频: 9-5 地图功能实现(上) (25:08)
    • 视频: 9-6 地图功能实现(下) (18:16)
  • 第10章 项目工程化开发 试看 7 节 | 121分钟

    主要介绍了项目工程化,通过对一系列模块的封装来提升开发效率。

    收起列表

    • 视频: 10-1 项目工程化概念理解 (11:02) 试看
    • 视频: 10-2 模块化封装-BaseForm(1) (22:50)
    • 视频: 10-3 模块化封装-BaseForm(2) (22:17)
    • 视频: 10-4 请求列表封装 (11:03)
    • 视频: 10-5 表格封装(1) (19:36)
    • 视频: 10-6 表格封装(2) (17:18)
    • 视频: 10-7 表格封装(3) (16:26)
  • 第11章 员工管理菜单模块开发 3 节 | 68分钟

    详细介绍了员工模块的功能开发,主要功能是针对员工的增删改查。

    收起列表

    • 视频: 11-1 员工管理列表实现 (26:11)
    • 视频: 11-2 创建员工功能实现 (22:53)
    • 视频: 11-3 员工编辑、详情、删除功能实现 (18:39)
  • 第12章 车辆地图模块开发 2 节 | 43分钟

    主要讲解了车辆地图服务,通过城市、时间等条件可筛选出符合条件的车辆地图分布。

    收起列表

    • 视频: 12-1 页面初始化实现 (23:00)
    • 视频: 12-2 地图数据渲染实现 (19:31)
  • 第13章 图表模块开发 6 节 | 98分钟

    主要讲解了Echarts和React的结合使用,如何通过Echart开发出绚丽的图表功能,涵盖了柱形图、饼图和折线图以满足基本的业务需要。

    收起列表

    • 视频: 13-1 图表基础知识介绍 (15:06)
    • 视频: 13-2 柱形图功能实现 (22:03)
    • 视频: 13-3 饼图功能实现(1) (16:35)
    • 视频: 13-4 饼图功能实现(2) (06:12)
    • 视频: 13-5 折线图功能实现 (17:50)
    • 视频: 13-6 富文本功能实现 (19:30)
  • 第14章 权限设置模块开发 7 节 | 124分钟

    主要讲解了目前实战课程的权限管理模块,如何能够设置不同用户加载不同的菜单,实现权限的动态分配。

    收起列表

    • 视频: 14-1 权限设计和功能列表实现 (18:53)
    • 视频: 14-2 角色创建功能实现 (12:46)
    • 视频: 14-3 权限设置功能实现(1) (20:06)
    • 视频: 14-4 权限设置功能实现(2) (18:00)
    • 视频: 14-5 菜单结构调整 (16:11)
    • 视频: 14-6 用户授权(1) (22:57)
    • 视频: 14-7 用户授权(2) (14:18)
  • 第15章 Redux集成开发 10 节 | 113分钟

    主要讲解了如何将Redux集成到项目中,并加以运用,如何教会大家来运用redux知识。

    收起列表

    • 视频: 15-1 Redux基本介绍 (12:24)
    • 视频: 15-2 Redux项目集成(1) (09:50)
    • 视频: 15-3 Redux项目集成(2) (08:31)
    • 视频: 15-4 Redux实战开发(1) (14:49)
    • 视频: 15-5 Redux实战开发(2) (14:21)
    • 视频: 15-6 课程总结 (06:01)
    • 视频: 15-7 (新)不暴露配置实现按需加载和主题定制 (16:22)
    • 视频: 15-8 (新)React暴露配置实现按需和主题定制 (15:06)
    • 视频: 15-9 (新)版本升级-Icon图标问题 (03:41)
    • 视频: 15-10 (新)版本升级后Form表单报错问题 (10:56)
本课程已完结


讲师

河畔一角 Web前端工程师

八年前端开发经验,先后任职开发组长、前端Leader、前端架构师等职位,主导移动端H5、小程序、后台管理系统、Node后台等各个一线系统产品研发。热爱编程、乐于分享。

讲师其他课程

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题