基于阿里出得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文件是相对应的