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


一、前言

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

五、替換效果展示

注:替換只包括登錄頁面、主框架、頁面導航、多語言、用戶頁面添、刪、改、查,其它頁面可以參考用戶頁面完成,由於時間關系,還不太完善,大家可以下載學習和參考

替換前后效果:

登錄頁面

 

首頁

 

用戶管理

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM