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
五、替换效果展示
注:替换只包括登录页面、主框架、页面导航、多语言、用户页面添、删、改、查,其它页面可以参考用户页面完成,由于时间关系,还不太完善,大家可以下载学习和参考。
替换前后效果:
登录页面
首页
用户管理