一、前言 前段時間寫博客分享和介紹了阿裡雲的UI框架NG-ZORRO(博客請查看:http://www.cnblogs.com/donaldtdz/p/7892960.html),結合近段時間對.Net開源框架ABP的學習。完成將ABP前端框架替換成阿裡雲的NG-ZORRO。 二、替換說明 ABP版 ...
一、前言
前段時間寫博客分享和介紹了阿裡雲的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
五、替換效果展示
註:替換隻包括登錄頁面、主框架、頁面導航、多語言、用戶頁面添、刪、改、查,其它頁面可以參考用戶頁面完成,由於時間關係,還不太完善,大家可以下載學習和參考。
替換前後效果:
登錄頁面
首頁
用戶管理