繼承 Ant Design 專業(yè)美觀的優(yōu)點，支持PC/手機/平板的響應式布局的優(yōu)秀后臺管理系統(tǒng) UI 框架。
關(guān)于 Artiely Vue Admin
Ant Design 是阿里巴巴螞蟻金服團隊出品的前端 UI 組件庫，背靠大廠、設(shè)計優(yōu)美，是一個 React 實現(xiàn)的主要用于中后臺管理系統(tǒng)的 UI 框架，同時為不同技術(shù)路線的前端開發(fā)者提供了 Angular 和 Vue 的實現(xiàn)。Ant Design Pro 是官方提供的基于 Ant Design 開發(fā)的管理后臺框架，但遺憾的是只支持 React。
而今天要推薦的開源項目就是一款基于 Ant Design Vue 開發(fā)的管理后臺 UI 框架，因為作者沒有明確地給這個框架命名，所以我只能根據(jù)其在 Github 上的描述，稱呼為 Artiely Vue Admin。但絲毫不影響它作為一款優(yōu)秀美觀的 admin 框架。
Artiely-Vue-Admin 預覽
框架特點
- 支持自定義主題、響應式布局（支持PC/手機/以及平板設(shè)備）
- 前后端分離，集成豐富的過濾器和指令，內(nèi)置 axIOS 封裝，開箱即用
- 專業(yè)美觀。提供骨架屏，標簽視圖模式以及色弱模式和國際化
框架使用體驗
我個人一直非常喜歡 Element UI，一直苦苦尋找基于它的 admin 后臺框架，但很多很優(yōu)秀的 admin 項目，代碼實現(xiàn)以及業(yè)務(wù)邏輯設(shè)計都非常優(yōu)秀，視覺設(shè)計實在拿不出手，但我非常關(guān)注 UI 設(shè)計，一直尋找一個綜合平衡，優(yōu)點突出的 admin 框架。
Artiely Vue Admin 就是一款繼承了 Ant Design 專業(yè)美觀優(yōu)點的 admin 框架，項目結(jié)構(gòu)簡單規(guī)范，設(shè)計思路非常清晰，更夠開箱即用。
├─doc // 文檔目錄
│
├─public // 靜態(tài)資源目錄
├─script // 腳本
│
├─node_modules
│
├─src // 項目源文件
│ │ main.js // 入口文件
│ ├─api // 請求接口
│ │
│ ├─assets // 組件靜態(tài)資源
│ │
│ ├─common // 公共文件
│ │ ├─directive // 指令
│ │ ├─filter // 過濾器
│ │ └─utils // 工具
│ │
│ ├─i18n // 國際化
│ │
│ ├─config // 業(yè)務(wù)配置文件
│ ├─core // 非業(yè)務(wù)抽離文件
│ ├─layouts // 布局組件
│ ├─packages // 非業(yè)務(wù)組件
│ ├─plugins // 第三方插件
│ ├─views // 業(yè)務(wù)組件
│ ├─router // 路由管理
│ └─store // 狀態(tài)管理
│
├─test // 測試
└─theme // 主體管理
...
一直以來，因為管理后臺沒有直接面向用戶，很多開發(fā)團隊在技術(shù)選型以及產(chǎn)品開發(fā)上往往不夠重視。事實上管理后臺作為一個互聯(lián)網(wǎng)產(chǎn)品的重要支撐端，承載著項目的業(yè)務(wù)以及內(nèi)部工作人員的日常工作，其實是非常重要的一環(huán)。Artiely Vue Admin 比較人性化的是多標簽視圖，切換標簽后會保留狀態(tài)，就像瀏覽器的窗口一樣。這對操作頻繁、需要對比的業(yè)務(wù)來說更是重要，而很多單頁面開發(fā)的 admin 都不支持。
免費開源說明
Artiely Vue Admin 已經(jīng)在 Github 上開源，任何人都可以下載修改使用。
關(guān)注我，持續(xù)分享高質(zhì)量的免費開源、免費商用的資源。
