基于阿里Ant Design構建的高顏值開源管理后臺UI框架關于 Artiely Vue Admin框架特點框架使用體驗免費開源說明

發布時間：2023-07-03 11:13:59 作者：網友整理

基于阿里Ant Design構建的高顏值開源管理后臺UI框架

繼承 Ant Design 專業美觀的優點，支持PC/手機/平板的響應式布局的優秀后臺管理系統 UI 框架。

關于 Artiely Vue Admin

Ant Design 是阿里巴巴螞蟻金服團隊出品的前端 UI 組件庫，背靠大廠、設計優美，是一個 React 實現的主要用于中后臺管理系統的 UI 框架，同時為不同技術路線的前端開發者提供了 Angular 和 Vue 的實現。Ant Design Pro 是官方提供的基于 Ant Design 開發的管理后臺框架，但遺憾的是只支持 React。

而今天要推薦的開源項目就是一款基于 Ant Design Vue 開發的管理后臺 UI 框架，因為作者沒有明確地給這個框架命名，所以我只能根據其在 Github 上的描述，稱呼為 Artiely Vue Admin。但絲毫不影響它作為一款優秀美觀的 admin 框架。

Artiely-Vue-Admin 預覽

框架特點

支持自定義主題、響應式布局（支持PC/手機/以及平板設備）
前后端分離，集成豐富的過濾器和指令，內置 axIOS 封裝，開箱即用
專業美觀。提供骨架屏，標簽視圖模式以及色弱模式和國際化

框架使用體驗

我個人一直非常喜歡 Element UI，一直苦苦尋找基于它的 admin 后臺框架，但很多很優秀的 admin 項目，代碼實現以及業務邏輯設計都非常優秀，視覺設計實在拿不出手，但我非常關注 UI 設計，一直尋找一個綜合平衡，優點突出的 admin 框架。

Artiely Vue Admin 就是一款繼承了 Ant Design 專業美觀優點的 admin 框架，項目結構簡單規范，設計思路非常清晰，更夠開箱即用。

├─doc                   // 文檔目錄
│      
├─public                // 靜態資源目錄
├─script                // 腳本
│      
├─node_modules
│  
├─src                   // 項目源文件
│  │  main.js           // 入口文件
│  ├─api                // 請求接口
│  │      
│  ├─assets             // 組件靜態資源
│  │              
│  ├─common             // 公共文件
│  │  ├─directive       // 指令
│  │  ├─filter          // 過濾器
│  │  └─utils           // 工具
│  │  
│  ├─i18n               // 國際化
│  │  
│  ├─config             // 業務配置文件
│  ├─core               // 非業務抽離文件
│  ├─layouts            // 布局組件
│  ├─packages           // 非業務組件
│  ├─plugins            // 第三方插件
│  ├─views              // 業務組件
│  ├─router             // 路由管理
│  └─store              // 狀態管理
│              
├─test                  // 測試
└─theme                 // 主體管理
...

一直以來，因為管理后臺沒有直接面向用戶，很多開發團隊在技術選型以及產品開發上往往不夠重視。事實上管理后臺作為一個互聯網產品的重要支撐端，承載著項目的業務以及內部工作人員的日常工作，其實是非常重要的一環。Artiely Vue Admin 比較人性化的是多標簽視圖，切換標簽后會保留狀態，就像瀏覽器的窗口一樣。這對操作頻繁、需要對比的業務來說更是重要，而很多單頁面開發的 admin 都不支持。