基于優(yōu)雅漂亮的 ant design 開發(fā)的管理后臺，為數(shù)不多的好看 admin。

關(guān)于 Antd Pro Vue

Antd Pro Vue 是一個企業(yè)級中后臺前端/設(shè)計解決方案。在本站建站之初就推薦過 Ant Design，這是阿里出品的免費開源的 web 前端 UI 組件庫以及一套設(shè)計方案，主要用于開發(fā) PC 端企業(yè)中后臺管理系統(tǒng)。

antd-pro-vue 登錄頁

antd-pro-vue 登錄頁

而 Ant Design Pro 則是官方出品的基于 Ant Design 開發(fā)的 admin 后臺管理系統(tǒng)，和 Ant Design 一樣初期只有 React 版本，后來推出了Ant Design Of Vue，如今 Ant Design Pro 也同樣推出了 Vue 版本，就是這次要介紹的 Antd Pro Vue。

antd-pro-vue 首頁

antd-pro-vue 首頁

Ant Design Vue 和 Antd Pro Vue 有什么區(qū)別？

Ant Design Vue 是一套 Vue 組件庫，而 Pro 是使用了這套組件庫的完整前端腳手架。

Antd Pro Vue 的特性

• 優(yōu)雅美觀。基于 Ant Design 體系精心設(shè)計，適應(yīng)各種屏幕寬度
• 開箱即用。提煉了中后臺應(yīng)用的典型頁面和場景
• 支持國際化，支持一鍵換膚，可配置的主題滿足多樣化的品牌訴求
• 開發(fā)體驗優(yōu)秀。使用 Vue/vuex/antd 等前端前沿技術(shù)開發(fā)，良好的工程實踐幫助產(chǎn)出高質(zhì)量代碼
• 支持 Mock 數(shù)據(jù)模擬，支持 UI 測試自動化測試

支持一鍵換主題

支持一鍵換主題

開發(fā)上手體驗

需要強調(diào)的是，Ant Design 不僅僅是一套 UI 組件庫，也是一套設(shè)計系統(tǒng)，在企業(yè)產(chǎn)品研發(fā)中，需要產(chǎn)品經(jīng)理、設(shè)計師和前端工程師的密切配合。

antd-pro-vue 主控臺

antd-pro-vue 主控臺

相比于大多數(shù)的 admin 管理框架，Antd Pro Vue 的視覺設(shè)計非常優(yōu)美，我個人很喜歡，很專業(yè)和成熟。官網(wǎng)文檔沒有多余的描述，能夠快速搭建項目。相比自己用 ant design 來搭建，Antd Pro Vue 幫我們解決了自適應(yīng)布局、服務(wù)端交互、權(quán)限管理等后臺功能，并且提煉了常用的業(yè)務(wù)場景做成了現(xiàn)成的頁面，簡單修改就可以直接使用。對于熟悉 Vue 和 ant design 開發(fā)的朋友來說，依靠文檔就能上手。

antd-pro-vue 搜索頁

antd-pro-vue 搜索頁

我早期使用過 layui 來搭建 admin 系統(tǒng)，雖然使用簡單，上手容易，但一旦業(yè)務(wù)邏輯復(fù)雜起來，復(fù)用性低代碼量激增，很難維護，自從使用 element 或者 ant design 這些 vue 工程化的組件庫，就再也回不去了。View UI 也用過，但 View UI Pro 收費好幾千，所以一直使用的是 element ui，如今又多了 Antd Pro Vue 這個非常不錯的選擇，推薦給大家。

免費開源說明

Antd Pro Vue 免費開源版基于 MIT 開源協(xié)議托管在 Github 上。需要注意的是，Antd Pro Vue 還有個企業(yè)版，他們的區(qū)別是免費開源版是基于 Vue2 進行開發(fā)，并且官方不再進行新功能的增加，只會修復(fù) bug。企業(yè)版基于最新 Vue3 技術(shù)棧，持續(xù)迭代維護，專有釘釘群和Git私服。

關(guān)注我，持續(xù)分享高質(zhì)量的免費開源、免費商用的資源。

↓↓點擊下面查看本次分享的網(wǎng)址。

Antd Pro Vue – 基于阿里 Ant Design 的免費開源中后臺前端/設(shè)計解決方案｜那些免費的磚