千锋教育前端UmiJS3实战课程 教你上手umijs框架

千锋教育1220播放 0弹幕
AC 360121372022-8-1
本视频从Umijis 上手、LeanCloud云服务、商品管理等业务逻辑、角色及权限管理、高德地图及Echarts这五个方面展开讲解Umijs的基本使用,让同学们能够快速上手Umijs框架。采用LeanCloud云服务作为项目的后端接口,结合Umijs 框架,serverless云服务实现业务逻辑交互,角色权限管理,最后完成蛋糕配送范围的绘制功能,利用Echarts 实现数据可视化功能。
0

选段66P

查看全部

  • 0、UmiJS3蛋糕管理平台项目实战课程

  • 1、umijs3介绍及项目搭建

  • 2、项目结构及功能介绍

  • 3、约定式路由与配置式路由

  • 4、在umi项目中集成AntDesign组件库

  • 5、umi管理平台项目场景介绍

  • 6、对项目的全局配置umirc进行拆分

  • 7、使用plugin-layout完成项目视图骨架搭建

  • 8、常用路由相关方法

  • 9、子路由配置与子菜单生成

  • 10、在umi中启用mock数据

  • 11、使用mockjs增强mock数据能力

  • 12、使用AntDesign提供的Table组件搭建学员列表

  • 13、使用umi提供的request异步渲染学员列表

  • 14、优化Table表格渲染逻辑

  • 15、mock列表数据删除基本流程

  • 16、mock数据删除功能完善

  • 17、为request配置请求拦截器与响应拦截器

  • 18、LeanCloud云服务介绍及应用容器创建

  • 19、RestFull风格API介绍及使用

  • 20、ApiFox测试接口可访问性

  • 21、在umi中配置LeanCloud服务接口

  • 22、处理异步请求的Loading交互及useRequest介绍

  • 23、采用ahooks提供的useRquest简化异步请求交互逻辑

  • 23-1、根据useRequest方法的要求处理数据包格式

  • 24、管理平台的业务功能分析(根据用户端分析管理端)

  • 25、使用Form表单搭建商品分类录入页

  • 26、向LeanCloud录入蛋糕分类数据

  • 27、useRquest的手动触发执行机制

  • 28、按需触发useRquest优化表单数据交互

  • 29、轮播管理界面搭建与Upload组件分析

  • 30、使用Upload的自定义上传处理图片资源

  • 31、LeanCloud的SDK使用及图片上传

  • 32、Form表单如何提取自定义组件的value

  • 33、banner列表元素自定义渲染、图片预览

  • 34、banner的编辑页搭建、路由菜单隐藏、路由传参

  • 35、banner轮播数据更新操作

  • 36、配置侧边菜单图标

  • 37、商品详情数据字段分析

  • 38、商品详情页中分类选择器的渲染

  • 39、通过组件化调用的方式使用富文本编辑器

  • 40、自定义封装富文本编辑器组件

  • 41、富文本编辑器图片自定义上传

  • 42、使用axios请求第三方数据接口

  • 43、使用express代理获取第三方数据

  • 44、商品的自动化转存逻辑

  • 45、登录面板结构搭建

  • 46、通过运行时配置控制用户登录访问权限

  • 47、在登录面板修改initialState并完成主面板的跳转访问

  • 48、用户登录接口请求及layout主面板访问

  • 49、本地存储用户登录状态与记住密码功能

  • 50、自定义layout结构、退出登录功能

  • 51、在umi中使用dva进行跨组件状态管理

  • 52、dva模块中的reducers、effects的使用、Generator语法

  • 53、消息列表结构搭建

  • 54、使用dva实现消息列表交互

  • 55、消息阅读状态控制功能

  • 56、使用immer处理状态机中的对象引用问题

  • 57、角色权限控制概念、角色管理

  • 58、账号分配、关联角色

  • 59、access权限模块的基本使用流程

  • 60、access模块结合initialState控制不同角色的访问权限

  • 61、按钮级别的权限控制

  • 62、高德地图基本能使用

  • 63、使用高德地图实现区域绘制

  • 64、向数据库录入配送区域经纬度数据

选段66
  • 0、UmiJS3蛋糕管理平台项目实战课程

  • 1、umijs3介绍及项目搭建

  • 2、项目结构及功能介绍

  • 3、约定式路由与配置式路由

  • 4、在umi项目中集成AntDesign组件库

  • 5、umi管理平台项目场景介绍

  • 6、对项目的全局配置umirc进行拆分

  • 7、使用plugin-layout完成项目视图骨架搭建

  • 8、常用路由相关方法

  • 9、子路由配置与子菜单生成

  • 10、在umi中启用mock数据

  • 11、使用mockjs增强mock数据能力

  • 12、使用AntDesign提供的Table组件搭建学员列表

  • 13、使用umi提供的request异步渲染学员列表

  • 14、优化Table表格渲染逻辑

  • 15、mock列表数据删除基本流程

  • 16、mock数据删除功能完善

  • 17、为request配置请求拦截器与响应拦截器

  • 18、LeanCloud云服务介绍及应用容器创建

  • 19、RestFull风格API介绍及使用

  • 20、ApiFox测试接口可访问性

  • 21、在umi中配置LeanCloud服务接口

  • 22、处理异步请求的Loading交互及useRequest介绍

  • 23、采用ahooks提供的useRquest简化异步请求交互逻辑

  • 23-1、根据useRequest方法的要求处理数据包格式

  • 24、管理平台的业务功能分析(根据用户端分析管理端)

  • 25、使用Form表单搭建商品分类录入页

  • 26、向LeanCloud录入蛋糕分类数据

  • 27、useRquest的手动触发执行机制

  • 28、按需触发useRquest优化表单数据交互

  • 29、轮播管理界面搭建与Upload组件分析

  • 30、使用Upload的自定义上传处理图片资源

  • 31、LeanCloud的SDK使用及图片上传

  • 32、Form表单如何提取自定义组件的value

  • 33、banner列表元素自定义渲染、图片预览

  • 34、banner的编辑页搭建、路由菜单隐藏、路由传参

  • 35、banner轮播数据更新操作

  • 36、配置侧边菜单图标

  • 37、商品详情数据字段分析

  • 38、商品详情页中分类选择器的渲染

  • 39、通过组件化调用的方式使用富文本编辑器

  • 40、自定义封装富文本编辑器组件

  • 41、富文本编辑器图片自定义上传

  • 42、使用axios请求第三方数据接口

  • 43、使用express代理获取第三方数据

  • 44、商品的自动化转存逻辑

  • 45、登录面板结构搭建

  • 46、通过运行时配置控制用户登录访问权限

  • 47、在登录面板修改initialState并完成主面板的跳转访问

  • 48、用户登录接口请求及layout主面板访问

  • 49、本地存储用户登录状态与记住密码功能

  • 50、自定义layout结构、退出登录功能

  • 51、在umi中使用dva进行跨组件状态管理

  • 52、dva模块中的reducers、effects的使用、Generator语法

  • 53、消息列表结构搭建

  • 54、使用dva实现消息列表交互

  • 55、消息阅读状态控制功能

  • 56、使用immer处理状态机中的对象引用问题

  • 57、角色权限控制概念、角色管理

  • 58、账号分配、关联角色

  • 59、access权限模块的基本使用流程

  • 60、access模块结合initialState控制不同角色的访问权限

  • 61、按钮级别的权限控制

  • 62、高德地图基本能使用

  • 63、使用高德地图实现区域绘制

  • 64、向数据库录入配送区域经纬度数据

APP内打开
    查看更多
    打开AcFun,查看更多精彩内容

    下载APP,观看完整视频

    点击前往

    取消
    继续
    立即领取