7 月 27 日,我们在北京东直门成功举办了 iView 2019 新品发布会,上线了 iView 专业版 平台,并发布了 iView Pro 和 iView Admin Pro 两款产品、iView 4.0 的预告,以及公布了和美团 mpvue 团队合作的移动端新 UI 组件库 iview-mpvue。
新品快速导航
- iView 专业版:https://pro.iviewui.com
- iView Pro 文档:https://pro.iviewui.com/pro
- iView Admin Pro 文档:https://pro.iviewui.com/admin-pro
- iView Admin Pro 在线预览:https://adminpro.iviewui.com
发布会直播录像
<div style=”text-align:center”>
<iframe frameborder=”0″ src=”https://v.qq.com/txp/iframe/p…; allowFullScreen=”true”></iframe>
</div>
iView Pro 介绍
iView 专业版并不是一个产品,而是一个平台,是 iView 生态中全新的、重要的组成部分。今后也会与 iViewUI 一起共同发展。
iView Pro 由 iView 官方团队研发,以 iView 为基础,扩展了 30+ 全新的组件,除了基础组件外,还包含了业务组件,比如页头组件、城市选择器组件、登录组件、通知菜单组件等。
iView Pro 最大化地减轻开发者工作量,并极大程度地支持响应式设计,对移动端和平板电脑都有更好的支持。
完整的组件示例请到文档查看:
https://pro.iviewui.com/pro
iView Admin Pro 介绍
iView Admin Pro 是一套 企业级的通用型中后台前端解决方案 ,它基于 iView,并 内置了 iView Pro。
iView Admin Pro 由 iView 官方团队研发,使用最前沿的前端技术栈,支持各类型产品,比如典型的中后台应用(类阿里云后台、七牛云后台,各类 to B 产品)、社区型应用(类知乎、论坛、门户)(需使用社交布局)、地图型应用(需使用地图布局)、工作桌面型应用(需使用工作桌面布局)等(部分布局稍后推出)。
一个小视频快速预览 iView Admin Pro:
<div style=”text-align:center”>
<iframe frameborder=”0″ src=”https://v.qq.com/txp/iframe/p…; allowFullScreen=”true”></iframe>
</div>
iView Admin Pro 特点
- iView Admin Pro 的路由与菜单配置是分离的,这样可以带来更灵活的使用空间,而且可以配置顶部菜单模式:
一般来说,侧边的菜单栏足以满足大部分业务,这也是框架默认的配置。开启顶部菜单,这样就可以动态地切换侧边菜单,或者有的页面没有侧边菜单都可以。
- 全响应式支持。iView Admin Pro 的所有页面及功能点对 PC 端、移动端、平板电脑均有不同的显示效果。
包括顶部菜单、搜索、通知等。在 iView Admin Pro 使用响应式非常简单,首先基本的功能,框架本身已经是做了响应式的,使用者要做的,主要是业务部分。虽然 iView 本身是一个针对 PC 的组件库,但在布局组件 Grid 上也是提供了响应式的,而且内置的 iView Pro 的组件基本都是做了响应式处理的,比如宫格组件、页头组件、描述列表组件等。框架也在 Vuex 级别提供了当前设备的信息,所以不用再自己写响应式判断代码。
- 更多细节请访问 iView Admin Pro 文档或查看在线示例:
iView Admin Pro 文档:https://pro.iviewui.com/admin-pro
iView Admin Pro 在线预览:https://adminpro.iviewui.com
iView Admin Pro 鉴权
iView Admin Pro 提供了 6 种鉴权方式,覆盖了绝大部分业务场景,分别是:
- 路由鉴权
- 顶部菜单鉴权
- 侧边菜单鉴权
- 功能块鉴权
- 功能点鉴权
- 鉴权指令
iView Admin Pro 具有多种权限验证方式,覆盖了几乎所有的业务场景。对于各种鉴权方法,使用者都只需要关心两点:
- 用户的权限是什么。
- 准入的权限是什么。
所有的鉴权,都是基于这两个数据做判断,当然,使用者只需要定义好这两种权限,剩余的 iView Admin Pro 会帮你自动优雅地处理。
下面介绍一些常见的鉴权场景:
场景一:路由鉴权
路由鉴权是指,用户如果没有权限,无法在浏览器通过输入 URL 直接访问页面(一般会跳转到 403 页面):
路由鉴权是严格意义上的安全,相比菜单栏鉴权,它是彻底无法访问页面,而不是通过隐藏入口。
场景二:菜单栏鉴权
菜单栏鉴权,指的是如果用户没有某个菜单(或页面)的访问权限,则该菜单项就在菜单栏中不显示。
在 iView Admin Pro 中,菜单栏鉴权分两部分,顶部菜单栏鉴权和侧边菜单栏鉴权,因为 iView Admin Pro 支持开启顶部菜单。
在配置好具体的权限后,不同的用户看到的菜单栏项目就是不同的,只有具有权限的菜单项才会显示。详细的配置请阅读后面的文档。
对于菜单栏鉴权,一般来说有两种常见的模式:
- 只是区分普通用户、运营人员、超级管理员等不同身份。
- 管理员对任何一个用户对各个页面配置不同的访问权限,一般来说,用户登录后会向服务端请求一个该用户的权限列表,从而做到不同的用户看到不同的菜单项,且支持动态配置。
iView Admin Pro 的菜单栏鉴权对于上述两种模式均支持。
场景三:功能块鉴权
功能块鉴权是更细分的领域。
某些页面,用户可以看到并进入,但对于页面中的一部分内容,没有权限的话不予显示(或显示自定义的内容)。iView Admin Pro 内置的 iView Pro 则提供了鉴权组件 Auth 来实现该功能。
场景四:功能点鉴权
功能点鉴权是最小颗粒度的鉴权领域,一般是指对一个按钮的点击行为进行鉴权,如果用户没有权限,则点击按钮是不执行绑定方法的,并且弹出一个提示信息。
iView Admin Pro 内置的 iView Pro 则提供了鉴权组件 Auth 来实现该功能。
场景五:鉴权指令
事实上,以上几种鉴权方法已经足够应付绝大部分业务了。iView Admin Pro 同时还内置了一个鉴权指令 v-auth,可以快速对没有权限的节点隐藏。相比于鉴权组件 Auth,v-auth 写起来更简单,但功能也比较少。
iView 4.0 预告
我们将 iView 定位成两个产品线,其中 iViewUI 主打开源、免费,提供基础组件服务;iView 专业版主打付费、企业、商用、提供优质的客户服务。未来我们也会同时在这两个产品线发力,提供不同的产品能力,服务不同的用户群体。
iView 4.0 预计在 2019 Q4 前发布,主要有以下方面的更新:
- 更美观。基础字号加大,对组件的 UI 进行整体的提升,并对许多老的组件进行样式上的迭代。
- 更强大。增加多个全新的组件,全局配置也将更丰富,超过数十个组件的功能迭代。
- 几乎可以直接升级。升级成本很低,不用担心升级问题。
视图更新
我们的 iView 专业版是商业付费产品,为了更好的运作 iView 专业版和商业计划,我们注册了一个接地气的公司 北京视图更新科技有限公司
https://iview.design/
iView Mpvue
我们联合美团的 mpvue 团队,基于 iView Weapp 开发了全新的移动端 UI 组件库:iView Mpvue。
这套 UI 组件库是基于 Vue 语法开发,所以也适用于普通的移动端 Vue 项目,而且得益于美团 mpvue 的生态,它支持微信小程序、百度智能小程序、头条小程序、支付宝小程序。因为是基于 Vue 语法重构的,所以也适用于 uni-app。更多的细节及正式版,美团的 mpvue 团队会在文档上线后正式对外发布,敬请期待。
门票捐赠
本次发布会共筹集门票收入 5700 元,我们已全部捐赠给 Vue.js 开源项目。感谢所有 iView 粉丝的支持!
iView 想做的还有很多,今天只是我们长远规划的第一步。希望大家未来能够继续支持 iView,我们也会不断带来更好的产品。