iView 实战系列教程(21课时,持续更新)

优  惠  价:249.00

¥299.00

8.3 折
讲座评分:
4.8
课时数量: 19 个课时
等 275 人参与
可以用微信小程序直接看哦
及时获取更多直播动态
鼠标移动放大
55 收藏

讲师信息

Aresn
9.5k 声望
21023

Hi,我是 Aresn,基于 Vue.js 的开源 UI 组件库 — iView 的作者。现担任大数据公司 TalkingData 前端架构师。畅销书籍《Vue.js实战》的作者(Vue.js 作者尤雨溪作序)。除了前端,也对 Python、Hybrid、Electron 等技术感兴趣。
更多关于我的内容可以查看这篇文章:https://segmentfault.com/a/11...

内容简介

课程目录

各节课详细介绍请点击单个课程查看。(课程每周更新,共 21 节,以最终更新目录为准)
更新完结前,优惠 50 元,更新结束后,恢复原价。
购买本课程的同学,可享受 8 折开通 iView Developer 黄金会员 或 钻石会员 (请联系管理员微信 talkingcoder 开通)。

课程源码:https://segmentfault.com/l/15...

1. iView 实战教程之配置篇

  • 全局配置
  • 自定义主题配置
  • 国际化(多语言)配置
  • iview-loader 用法及配置

2. iView 实战教程之导航、路由、鉴权篇

  • 3.0 的导航菜单跳转方式
  • 根据当前路由自动选中对应的菜单
  • 在路由级别对页面做鉴权
  • 根据不同平台动态路由不同组件

3. iView 实战教程之布局篇(一)

  • Grid 的基本用法
  • Grid 的使用技巧
  • Grid 响应式布局用法

4. iView 实战教程之布局篇(二)

  • Layout 各组件讲解及源码分析
  • 常见的布局模式分析和详细配置
  • 实战:利用 Layout 及其它组件,完成后台框架搭建

5. iView 实战教程之布局篇(三)

  • 实战 1:后台框架 Dashboard 页的搭建
  • 实战 2:后台框架设置页面(含响应式)
  • 要求:尽可能多的利用 iView 内置的组件;尽可能少的写 CSS 样式和 JS 逻辑

6. iView 实战教程之表格 Table 篇(一)

  • 服务端分页及自定义序号
  • 服务端分页并排序、过滤
  • 前端分页并排序、过滤

7. iView 实战教程之表格 Table 篇(二)

  • 可编辑单元格
  • 可编辑行

8. iView 实战教程之表格 Table 篇(三)

  • 在外部进行表格的搜索、过滤、隐藏某列的操作
  • 作业:将搜索、过滤的逻辑,修改为前端完成

9. iView 实战教程之表格 Table 篇(四)

  • 初始化时应用排序,并持久化存储
  • 初始化时应用过滤,并持久化存储
  • 动态修改任意单元格 class
  • Table 常用 API 讲解:minWidth、maxWidth、tooltip

10. iView 实战教程之表格 Table 篇(五)

  • 自定义列模板的三种方法:

    1. 纯 Render 实现
    2. Render 一个组件实现
    3. slot-scope 实现
  • 使用作用域插槽(slot-scope)代替 Render 的使用方法

11. iView 实战教程之表单 Form 篇(一)

  • Form 表单验证的常用验证规则讲解
  • Form 设置表单验证规则的多种方式
  • iView 表单组件的 element-id 属性和 FormItem 的 label-for 属性用法

12. iView 实战教程之表单 Form 篇(二)

  • Form 表单组件的联动用法
  • 第三方表单组件(自定义的表单组件)与 iView Form 的验证集成
  • Form 同步提交(提交到后端)表单的用法

13. iView 实战教程之表单 Form 篇(三)

  • 巧用元素的禁用属性
  • 新建和修改共用一个 Form 组件的最佳实践(多个循环)
  • 不使用 Form 自带的验证,自行验证数据

14. iView 实战教程之组件用法精讲(一)

  • 传组件 Upload—手动上传
  • 上传组件 Upload—与七牛云等 CDN 的结合
  • 上传组件 Upload—选择文件后,上传前显示缩略图

15. iView 实战教程之组件用法精讲(二)

  • Tabs 标签页关闭前二次确认
  • Tree 组件点击项目标题可以展开/收起的方法
  • 在某个元素中展开 Drawer 组件(非全屏)
  • 模态框组件 Modal—异步提交不关闭

16. iView 实战教程之组件用法精讲(三)

  • DatePicker 设置仅当月日期可选
  • 多个 DatePicker 联动的用法
  • 使用 Select 组件封装一个省市区联动选择器

17. iView 实战教程之技巧篇(一)

  • iView 内置工具函数—递归寻找组件
  • iView 内置工具函数—深度拷贝(deepCopy)
  • 其它常用内置工具函数

18. iView 实战教程之技巧篇(二)

  • 一种跨组件通信方法(provide / inject)
  • iView 内置指令—clickoutside
  • iView 内置指令—transfer-dom(含全局配置)
  • iView 内置工具—兼容 SSR 的事件绑定

19. iView 实战教程之技巧篇(三)

  • iView 内置混合—模拟 dispatch & broadcast 的 emitter.js
  • iView 内置组件—折叠组件 CollapseTransition

20. iView 实战教程之服务端渲染(Nuxt.js)

  • 在 Nuxt.js 中使用 iView 的用法及详细配置(附配置文件)
  • Nuxt.js 常见问题剖析

21. 待定

22. 答疑课 1(赠送)

  • 课程结束后,针对大家的问题,以直播形式开展答疑课 1

23. 答疑课 2(赠送)

  • 课程结束后,针对大家的问题,以直播形式开展答疑课 2

面向人群

  1. 对 Vue.js 有过了解和使用经验的前端或后端工程师;
  2. 使用或打算使用 iView 的用户;
  3. 想提升开发效率、学习 Vue 开发技巧的开发者;

13 条评价

helloadmin · 1 天前

可以出一个iview-admin后台的使用方法吗

载入中...
瓶子 · 12月11日

不更新了吗?

  • 2 回复
Aresn讲师 · 12月11日

过一段时间更新,最近有点忙

载入中...
JackLi · 12月6日

非常实用,贴近实际开发需求

载入中...
elvis · 12月3日

想学习iview-tree的用法,像zTree那样,左边点击右边切换!~

载入中...
飛鳥和魚 · 11月20日

在后台布局篇可以讲一下如何实现tap页之前切换,但是页面不刷新么?按之前的做法,每次切换面都是重新打开新页面,但是我看iview-admin在tap之间切换不会重新刷新

  • 1 回复
Aresn讲师 · 11月20日

keep-alive 是可以缓存组件的。

载入中...
jimzhao · 11月10日

是啊,8号刚买,9号就促销了

  • 1 回复
Aresn讲师 · 11月10日

感谢支持,正好赶上双十一了。您可以联系管理员,赠送您 300 IO 币 或 5 折开通会员。(仅限11.01-11.08购买的课程)。

载入中...
onenameneo · 11月9日

刚买完就特价活动了。。。活动没有预告啊。。。

  • +1
  • 1 回复
Aresn讲师 · 11月10日

感谢支持,正好赶上双十一了。您可以联系管理员,赠送您 300 IO 币 或 5 折开通会员。(仅限11.01-11.08购买的课程)。

载入中...
tfgzs · 11月6日

开发时编辑器总是提示各种格式上的错误,老师视频里面用的 IntelliJ IDEA,能不能介绍一下相关的ide配置和能够提高开发效率的插件?

  • 1 回复
Aresn讲师 · 11月6日

用的是 webstorm,不是idea,默认配置就行,开启es6。

载入中...
hzp9385 · 10月29日

讲得很清楚,声音太好听,超值,棒极了👍

  • +4
载入中...
厚朴酚XZ9lr · 10月12日

针对iview的用法提供了高级用法,很不错!可以讲讲导航,组件动态构建这些思想吗?

  • +3
载入中...

SegmentFault 讲堂是什么?

SegmentFault 讲堂是以开发者为中心的视频演讲平台。 旨在和开发者一起分享和创造有价值的技术内容。 目前讲堂主要有视频观看,下载相关文档以及和主讲人聊天互动的功能。

关注 SegmentFault 服务号

  • 订阅讲堂开播提醒
  • 及时获取更多直播动态

添加 SF.GG 讲堂粉丝 QQ 群

  • 群号码:642336612(备注 SF 用户名)
  • 不定期获取讲座优惠信息,随时和开发者交流互动