ABP前端使用阿里雲angular2 UI框架NG-ZORRO分享

1、前言

前段時間寫博客分享和介紹了阿里雲的UI框架NG-ZORRO（博客請查看：http://www.cnblogs.com/donaldtdz/p/7892960.html），結合近段時間對.Net開源框架ABP的學習。完成將ABP前端框架替換成阿里雲的NG-ZORRO。

2、替換說明

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

Angular 版本5.0

3、注意事項

一、angular 2版本要5.0以上

二、須要安裝

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

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

三、其它abp依賴項也須要安裝和配置

四、安裝依賴包用yarn install（注：abp-ng2-module 和 abp-web-resources 須要yarn安裝才能成功運行）

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

4、源碼下載

ABP源碼能夠在官網生成模板項目，模板項目生成地址：https://aspnetboilerplate.com/Templates

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

5、替換效果展現

注：替換隻包括登陸頁面、主框架、頁面導航、多語言、用戶頁面添、刪、改、查，其它頁面能夠參考用戶頁面完成，因爲時間關係，還不太完善，你們能夠下載學習和參考。

替換先後效果：

登陸頁面

 

首頁

 

用戶管理