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
釋出會直播錄影
https://v.qq.com/x/page/t0905...
iView Pro 介紹
iView 專業版並不是一個產品,而是一個平臺,是 iView 生態中全新的、重要的組成部分。今後也會與 iViewUI 一起共同發展。
iView Pro 由 iView 官方團隊研發,以 iView 為基礎,擴充套件了 30+ 全新的元件,除了基礎元件外,還包含了業務元件,比如頁頭元件、城市選擇器元件、登入元件、通知選單元件等。
iView 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 專業版和商業計劃,我們註冊了一個接地氣的公司北京檢視更新科技有限公司
iView Mpvue
我們聯合美團的 mpvue 團隊,基於 iView Weapp 開發了全新的移動端 UI 元件庫:iView Mpvue。
這套 UI 元件庫是基於 Vue 語法開發,所以也適用於普通的移動端 Vue 專案,而且得益於美團 mpvue 的生態,它支援微信小程式、百度智慧小程式、頭條小程式、支付寶小程式。因為是基於 Vue 語法重構的,所以也適用於 uni-app。更多的細節及正式版,美團的 mpvue 團隊會在文件上線後正式對外發布,敬請期待。
門票捐贈
本次釋出會共籌集門票收入 5700 元,我們已全部捐贈給 Vue.js 開源專案。感謝所有 iView 粉絲的支援!
iView 想做的還有很多,今天只是我們長遠規劃的第一步。希望大家未來能夠繼續支援 iView,我們也會不斷帶來更好的產品。