一、前言

前段时间写博客分享和介绍了阿里云的UI框架NG-ZORRO（博客请查看：），结合近段时间对.Net开源框架ABP的学习。完成将ABP前端框架替换成阿里云的NG-ZORRO。

二、替换说明

ABP版本采用的v3.3 .Net Core版本

Angular 版本5.0

三、注意事项

1、angular 2版本要5.0以上

2、需要安装

"abp-ng2-module": "^1.3.0"

"abp-web-resources": "^3.1.0"

3、其它abp依赖项也需要安装和配置

4、安装依赖包用yarn install（注：abp-ng2-module 和 abp-web-resources 需要yarn安装才能成功运行）

可参靠博客：

四、源码下载

ABP源码可以在官网生成模板项目，模板项目生成地址：

ABP前端替换成NG-ZORRO的angular源码下载github：

五、替换效果展示

注：替换只包括登录页面、主框架、页面导航、多语言、用户页面添、删、改、查，其它页面可以参考用户页面完成，由于时间关系，还不太完善，大家可以下载学习和参考。

替换前后效果：

登录页面

 

首页

 

用户管理