首頁>技術>

繼承 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 都不支援。

免費開源說明

Artiely Vue Admin 已經在 Github 上開源,任何人都可以下載修改使用。

25
最新評論
  • BSA-TRITC(10mg/ml) TRITC-BSA 牛血清白蛋白改性標記羅丹明
  • C++基礎知識篇:C++ 陣列