4月是鳥兒的月份，是木棉花的月份，是 DevUI Admin 發布的月份。
廣受大家期待的 DevUI Admin 終於迎來了第一個開源 Angular 版本！
DevUI Admin 是一個企業級中后台前端/設計解決方案，依據 DevUI Design 設計價值觀，我們在自身的設計規范和基礎組件的基礎上，構建出了后台管理模板 DevUI Admin。
數月的孵化，DevUI Admin 為你帶來了搭建中后台前端系統的一套解決方案：
- 響應式：適應不同屏幕大小，為用戶提供更舒適的界面與用戶體驗；
- 個性化主題：支持多種主題風格與個性化配置動態切換；
- 布局切換：頁面布局可配置，靈活布局；
- 國際化：實現國際化功能，滿足多語言業務訴求；
- Mock 數據：本地數據調試方案，前后端分離；
- 頁面模板：基於 DevUI 實踐與沉淀，提煉了典型的業務場景並提供場景豐富的頁面模板。
你可以訪問 devui.design 了解更多信息，或在 GitHub 上關注 DevUI Admin。
- 預覽頁：https://devui.design/admin/
- 首頁：https://devui.design/admin-page/home
- GitHub倉庫：https://github.com/DevCloudFE/ng-devui-admin
- DevUI Design: https://devui.design/home
響應式
DevUI Admin 提供了基於柵格的響應式解決方案，初始化一個 Admin 項目后即可獲得頁面響應式能力。更多地，我們也提供了 da-grid 作為公共組件，你可使用該組件進行響應式頁面搭建。
個性化主題
基於 ng-devui 基礎能力，DevUI Admin 提供了多種用戶可選擇主題，除全局配色外，還支持字號、圓角大小可配置，用戶可依據自我個性偏好選擇對應的主題設置。
布局切換
DevUI Admin 提供了多種布局支持，只需設置你的布局 config，即可進行自定義布局設置。更多地，我們提供了 da-layout 作為組件，你也可使用該組件擴展更多的布局配置。
國際化
DevUI Admin 通過 @ngx-translate/core 實現國際化功能，國際化相關詞條支持模塊化管理，在初始化你的 Admin 項目是即可選擇對應國際化配置。
Mock 數據
Mock 數據是做到前后端分離的關鍵之處，使得前端項目不受后端接口的影響。在 DevUI Admin 中我們已經為你提供了 Mock 數據的方法，你可在初始化你的 Admin 項目時默認選擇數據 Mock 支持。
頁面模板
在 DevUI Admin GitHub 代碼倉中，我們默認為你提供了多個頁面模板。
- Dashboard
- 分析頁
- 監控頁
- 工作台
- 表單頁
- 基礎表單
- 表單布局
- 高級表單
- 列表頁
- 基礎列表
- 卡片列表
- 編輯列表
- 高級列表
- 樹狀列表
- 異常頁
- 403
- 404
- 500
- 個人頁
- 個人中心
- 個人設置
你可在拉取代碼后進行參考。
Cli 支持
當前 DevUI Admin 支持使用 angular cli 初始化一個 admin 項目，使用 angular cli 即可快速創建並配置你的 admin 項目。
# 初始化項目
$ ng new your-project && cd your-project
$ ng add ng-devui-admin
結語
在未來我們將持續演進，關注 DevUI Admin 性能與易用性，持續優化 DevUI Admin 體驗並降低開發者使用成本。期待你收到你的意見與建議（issue列表），同時也期待你的參與和共建。