一、前言

前段时间写博客分享和介绍了阿里云的UI框架NG-ZORRO（博客请查看：http://www.cnblogs.com/donaldtdz/p/7892960.html），结合近段时间对.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安装才能成功运行）

可参靠博客：http://www.cnblogs.com/donaldtdz/p/7705605.html

四、源码下载

ABP源码可以在官网生成模板项目，模板项目生成地址：https://aspnetboilerplate.com/Templates

ABP前端替换成NG-ZORRO的angular源码下载github：https://github.com/DonaldTdz/photostory/tree/dev/ngadmin

五、替换效果展示

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

替换前后效果：

登录页面

 

首页

 

用户管理

 

 

原文地址：http://www.cnblogs.com/chuancheng/p/8439053.html

---

.NET社区新闻，深度好文，欢迎访问公众号文章汇总 http://www.csharpkit.com