大名鼎鼎的Ant Design螞蟻金服UI很多小夥伴們應該都很熟悉，Ant Design官方出品有2個版本React 、Angular（ng-zorro-antd），另外Ant Design Vue由第三方實現，VUE版本目前也比較完善了，但是畢竟不是親兒子，在VUE生態裡面使用的人不是很多。
ant designAnt Design以及Ant Design Pro界面想必大家都看到過，不管React/Angular/Vue版本基本上視覺效果是一致的，今天我要介紹的是基於Angular版本ng-zorro-antd版本的一個精美的後臺管理模板ng-alain為啥介紹ng-alain，個人感覺比ant design pro界面更加細膩，菜單更加平滑美觀也更符合國人的審美風格，下面來幾張圖對比一下：
第一張截圖是ng-alain的
ng-alain第二張截圖是ant design pro的
ant design pro大家看到沒有，基本布局是一致的，不同的是頂部區域和菜單區域的樣式個人感覺ng-alain看著更加的美觀和舒服。
ng-alain介紹
下面是NG-ALAIN的介紹，引用自其網站： 「NG-ALAIN 是一個企業級中後臺前端/設計解決方案腳手架，我們秉承 Ant Design 的設計價值觀，目標也非常簡單，希望在Angular上面開發企業後臺更簡單、更快速。隨著『設計者』的不斷反饋，將持續迭代，逐步沉澱和總結出更多設計模式和相應的代碼實現，闡述中後臺產品模板/組件/業務場景的最佳實踐，也十分期待你的參與和共建。」
我們從github上克隆代碼（github.com/ng-alain/ng-alain.git），稍後在本地運行查看效果，克隆代碼後我們看到其代碼目錄結構如下：
ng-alain目錄結構我們通過yarn運行啟動項目，啟動完成後會打開瀏覽器訪問默認4200埠
ng-alain工作檯
ng-alain首頁ng-alain使用
ng-alain內置了很多方便的命令，可以創建模塊（文件夾區分），新建頁面/新增業務組件，通過命令直接幫你將相關功能頁面新建好，然後自行完善相應頁面即可。具體操作請查看github或者gitee上文檔說明，在此不再累述。
ng-alain另外支持IE11（Angular8 開始支持差異化加載，CLI 會構建出兩個單獨的包，其中一個包支持老的ES5語法當然打包尺寸更大，支持IE11等老的瀏覽器），和服務端渲染SSR，另外ng-alain支持國際化和ACL 訪問控制列表。使用Angular的朋友可以下載體驗下ng-alain，感覺確實還不錯。
其他Angular後臺管理系統
另外要推薦的是ngx-admin，這個後臺管理系統模板個人感覺也蠻不錯的，當然這個跟antd沒啥關係。
ngx-admin另外該管理系統ngx-admin提供了對應的前後端示例代碼，github上倉庫名叫ngx-admin-dotnet-starter，直接包括了前端代碼和後端.net的接口代碼，.net的小夥伴有興趣的可以下載看下，目錄結構如下：
ngx-admin .net後臺和前端代碼目錄寫在最後
今天的介紹就到這裡，文中ng-alain和ngx-admin相關代碼均可以從github上獲取，不知道下載的小夥伴們可以私信給我。