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

五、替换效果展示

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

替换前后效果：

登录页面

首页

用户管理

原文地址：http://www.cnblogs.com/chuancheng/p/8439053.html

.NET社区新闻，深度好文，欢迎访问公众号文章汇总 http://www.csharpkit.com

ABP前端使用阿里云angular2 UI框架NG-ZORRO分享相关推荐

前端接入阿里云外呼SDK
最近项目中需要使用到阿里云的外呼拨打电话功能,由前端直接接入阿里云呼的SDK.使用起来也比较简单,不过还是有一些问题需要注意一下.下面就直接上代码说一下具体是怎么接入的. 引入阿里云呼SDK 他们的s ...
Vue - 超详细 “纯前端“ 将阿里云 OSS 文件删除流程，支持单个 / 批量删除文件（附带完整示例运行源码，保证新手小白 100% 轻松实现删除功能）
前言如果您需要纯前端将文件上传到阿里云 OSS,请访问:Vue - 上传文件到阿里云 OSS 详细教程 / 各种常见问题! 本文站在新手的角度,从 0-1 完成前端 "阿里云oss&quo ...
软件专业应届生阿里云轻量应用服务器部署经验分享
看过上篇小程序的朋友知道,我们的小程序上传的话大小限制在2M多一点,这么小的东西里面是放不了几个图片的,所以我们需要把项目中要用到的图片放到我们的服务器上,所以我就购买了阿里云的轻量应用服务器. 我在 ...
阿里云 Serverless Kubernetes 的落地实践分享
简介:Serverless Kubernetes 基于 Kubernetes 之上,提供按需使用.节点免运维的 Serverless 能力,让开发者真正实现通过 Kubernetes 标准化 API ...
【推荐】如何使用好阿里云的网络安全隔离？深入分享阿里云ECS安全组实践经验...
近期针对安全的话题非常火爆.特别邀请阿里云专家撰写一组文章,深入分享阿里云ECS安全组实践经验. 阿里云的ECS有经典网络和专有网络(VPC)两种网络类型.经典网络基于阿里云基础网络,通过安全组(类似 ...
突破边界局限，阿里云神龙负责人张献涛分享15年虚拟化之路
2020年1月8日,弹性计算服务技术总负责人张献涛受邀出席"面对面见未来"的沙龙分享活动,现场听众主要是银行.保险.证券等金融行业的CTO.CIO等. 演讲开始前,听众们了解神龙 ...
阿里云高校考试续费考试分享
目录阿里云高校计划阿里云续费计划考试规则题目回忆搜集的一些题目资料阿里云高校计划阿里云高校计划是2020年阿里云针对高校学生在家上课时,提供一次高校学生免费使用2G4核 1M带宽 40G数 ...
阿里云ACE高级工程师的备考经验分享
阿里云ACE高级认证首位云计算架构师谢俊东的备考经验分享,阿里云ACE认证是阿里云的高级工程师认证,目前只有云计算架构师一个专业,考费费用为2400元/次,试卷满分为150分,及格分数90分,考试时间 ...
阿里云——大神建个人网站分享（转载）
2017年02月26日 13:51:35 杜瑞祺阅读数:39632 https://blog.csdn.net/duruiqi_fx/article/details/54918393 时间过得真快, ...

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

ABP前端使用阿里云angular2 UI框架NG-ZORRO分享相关推荐

最新文章

热门文章