首先跟大家介紹一下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文件是相對應的