一、前言

前段時間寫博客分享和介紹了阿里云的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

總結

以上是生活随笔為你收集整理的ABP前端使用阿里云angular2 UI框架NG-ZORRO分享的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。