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

五、替换效果展示

注:替换只包括登录页面、主框架、页面导航、多语言、用户页面添、删、改、查,其它页面可以参考用户页面完成,由于时间关系,还不太完善,大家可以下载学习和参考

替换前后效果:

登录页面

 

首页

 

用户管理

 

 

 

posted @ 2017-12-24 19:31  DonaldTDZ  阅读(6592)  评论(4编辑  收藏  举报