號外號外！DevUI Admin V1.0 釋出啦！

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 devui-admin

結語

在未來我們將持續演進，關注 DevUI Admin 效能與易用性，持續優化 DevUI Admin 體驗並降低開發者使用成本。期待你收到你的意見與建議（issue列表），同時也期待你的參與和共建。