乐趣区

iView-上线专业版平台并发布-iView-Pro-和-iView-Admin-Pro-两款产品附发布会录像

7 月 27 日,我们在北京东直门成功举办了 iView 2019 新品发布会,上线了 iView 专业版 平台,并发布了 iView ProiView 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 具有多种权限验证方式,覆盖了几乎所有的业务场景。对于各种鉴权方法,使用者都只需要关心两点:

  1. 用户的权限是什么。
  2. 准入的权限是什么。

所有的鉴权,都是基于这两个数据做判断,当然,使用者只需要定义好这两种权限,剩余的 iView Admin Pro 会帮你自动优雅地处理。

下面介绍一些常见的鉴权场景:

场景一:路由鉴权

路由鉴权是指,用户如果没有权限,无法在浏览器通过输入 URL 直接访问页面(一般会跳转到 403 页面):

路由鉴权是严格意义上的安全,相比菜单栏鉴权,它是彻底无法访问页面,而不是通过隐藏入口。

场景二:菜单栏鉴权

菜单栏鉴权,指的是如果用户没有某个菜单(或页面)的访问权限,则该菜单项就在菜单栏中不显示。

在 iView Admin Pro 中,菜单栏鉴权分两部分,顶部菜单栏鉴权和侧边菜单栏鉴权,因为 iView Admin Pro 支持开启顶部菜单。

在配置好具体的权限后,不同的用户看到的菜单栏项目就是不同的,只有具有权限的菜单项才会显示。详细的配置请阅读后面的文档。

对于菜单栏鉴权,一般来说有两种常见的模式:

  1. 只是区分普通用户、运营人员、超级管理员等不同身份。
  2. 管理员对任何一个用户对各个页面配置不同的访问权限,一般来说,用户登录后会向服务端请求一个该用户的权限列表,从而做到不同的用户看到不同的菜单项,且支持动态配置。

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,我们也会不断带来更好的产品。

退出移动版