基於阿里出得ng-Alain搭建后台管理系統


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

ng-alain技術棧基於 TypescriptAngularg2@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文件是相對應的

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM