基于阿里出得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还有好多东西没有写进来,但是毕竟是个大版本 ,以阿里的速度 ,应该很快就会完善。

文档第一页就详细介绍了这个项目的安装方式,所以我就绕过这一块直接给大家讲解具体使用部分

这是它的目录结构

基于阿里出得ng-Alain搭建后台管理系统_第1张图片

他这个项目搭建非常合理目录也很清晰,看完顶尖团队搭建的项目,确实对自己的提升很有帮助

 

 如果你想直接基于它这套代码开发自己的项目,那你首先要把你的页面放在routes目录下面,这一点不是强制要求。

 

 assets文件夹下的app-data.json文件就是配置左侧目录的文件

基于阿里出得ng-Alain搭建后台管理系统_第2张图片

 

 将你的文件路由配置进这个文件左侧目录就会出现你的路由

基于阿里出得ng-Alain搭建后台管理系统_第3张图片

 

 有一点需要注意i18n这个文件夹是配置国际化的  与app-data.json文件是相对应的

基于阿里出得ng-Alain搭建后台管理系统_第4张图片

 

转载于:https://www.cnblogs.com/xiaocuishuoshi/p/8962469.html

你可能感兴趣的:(基于阿里出得ng-Alain搭建后台管理系统)