基於阿里出得ng-Alain搭建後臺管理系統

首先跟你們介紹一下ng_Alain(阿里團隊出品)

ng-alain技術棧基於 Typescript、Angular、g2、@delon 和 ng-zorro-antd，提早了解和學習這些知識會很是有幫助。

ng-alain 腳手架是基於 Angular 和 ng-zorro-antd（Ant Design 的 Angular 版本） 基礎組件庫的中後臺前端解決方案。腳手架包含着一套通用的功能和業務組件庫，它們能夠極大的減小一些基礎建設開發工做。

他的文檔地址https://ng-alain.com/docs/getting-started

他的demo地址https://cipchk.github.io/ng-alain/#/dashboard/v1

如今ng-Alain的最新版本是1.0，我要給你們分享的也是1.0這個版本。雖然如今1.0還有好多東西沒有寫進來，可是畢竟是個大版本 ，以阿里的速度 ，應該很快就會完善。

文檔第一頁就詳細介紹了這個項目的安裝方式，因此我就繞過這一塊直接給你們講解具體使用部分

這是它的目錄結構

他這個項目搭建很是合理目錄也很清晰，看完頂尖團隊搭建的項目，確實對本身的提高頗有幫助

 

 若是你想直接基於它這套代碼開發本身的項目，那你首先要把你的頁面放在routes目錄下面，這一點不是強制要求。

 

 assets文件夾下的app-data.json文件就是配置左側目錄的文件

 

 將你的文件路由配置進這個文件左側目錄就會出現你的路由

 

 有一點須要注意i18n這個文件夾是配置國際化的  與app-data.json文件是相對應的