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

關(guān)于 Antd Pro Vue

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

antd-pro-vue 登錄頁(yè)

antd-pro-vue 登錄頁(yè)

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

antd-pro-vue 首頁(yè)

antd-pro-vue 首頁(yè)

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

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

Antd Pro Vue 的特性

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

支持一鍵換主題

支持一鍵換主題

開(kāi)發(fā)上手體驗(yàn)

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

antd-pro-vue 主控臺(tái)

antd-pro-vue 主控臺(tái)

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

antd-pro-vue 搜索頁(yè)

antd-pro-vue 搜索頁(yè)

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

免費(fèi)開(kāi)源說(shuō)明

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

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

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

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