>

ABP前端选拔Ali云angular二

- 编辑:www.bifa688.com -

ABP前端选拔Ali云angular二

说明:

一、前言

Angular2出来后,一直想找个基于Angular二的前端后台管理框架,但一贯未曾找到相比吻合的。前三个月在Angular官方网站财富无意之间看到NG-ZO奇骏RO,NG-ZO福睿斯RO由Ali计量平台职业部、Ali云等不等部门的部分小伙伴在原职业组件的底蕴上一道营造而成,而且已开源,未来是0.陆.0的本子,组件成效已经很齐全了,更合乎大家国人使用习贯,已包容Angular 五.0本子。是如今结束我见过的最全面、最棒、最适合国人使用习惯的田间管理后台angular 二 UI模板。

上个月写博客分享和介绍了Ali云的UI框架NG-ZO奔驰M级RO(博客请查看:http://www.cnblogs.com/donaldtdz/p/7892960.html),结合近段日子对.Net开源框架ABP的上学。完毕将ABP前端框架替换来Ali云的NG-ZOLacrosseRO。

文书档案查看官网:https://ng.ant.design/#/docs/angular/introduce

贰、替换表明

 图片 1

ABP版本选择的v3.三 .Net Core版本

 

Angular 版本5.0

Github地址:https://github.com/NG-ZORRO/ng-zorro-antd

3、注意事项

近期颁发表达

1、angular 2版本要5.0以上

 图片 2

2、须要安装

 

"abp-ng2-module": "^1.3.0"

设计表达:https://ant.design/docs/spec/introduce-cn

"abp-web-resources": "^3.1.0"

 图片 3

叁、别的abp注重项也急需安装和布署

 

四、安装重视包用yarn install(注:abp-ng二-module 和 abp-web-resources 特殊须求yarn安装本事打响运维)

动态图片:https://antv.alipay.com/zh-cn/index.html

可参靠博客:http://www.cnblogs.com/donaldtdz/p/7705605.html

 图片 4

4、源码下载

能源模板

ABP源码能够在官方网址生成模板项目,模板项目转移地址:https://aspnetboilerplate.com/Templates

Github 模板财富:https://github.com/cipchk/ng-alain  本条是关键,能够间接拿来用

ABP前端替换到NG-ZOLANDRO的angular源码下载github:https://github.com/DonaldTdz/photostory/tree/dev/ngadmin

中文文档表明: https://github.com/cipchk/ng-alain/blob/master/README-zh_CN.md

伍、替换效果展现

ABP框架前端UI应用NG-ZO昂CoraRO源码分享:

注:替换只囊括登入页面、主框架、页面导航、多语言、用户页面添、删、改、查,别的页面能够参照用户页面实现,由于时日涉及,还不太圆满,咱们可以下载学习和参照

特性

轮换前后效果:

  • 基于 ng-zorro-antd
  • 响应式
  • 国际化
  • ACL访问调控
  • 延期加载及完美的启用画面
  • 雅观的UI路由统一图谋
  • 10种颜色版本
  • Less预编译
  • 玄妙的目录组织结构
  • 简言之晋级
  • 模块热替换
  • 支持Docker部署

签到页面

下边能够看一下地点运营效果:

 图片 5

 图片 6

图片 7

图片 8

首页

图片 9

 图片 10

图片 11

图片 12

图片 13

用户管理

图片 14

图片 15

还不易啊!火速下载下来试试!!

图片 16

 

 

 图片 17

图片 18

 

本文由必发88官网发布,转载请注明来源:ABP前端选拔Ali云angular二