52ABP前端升级2.0.x指南
52ABP前端升级2.0.x指南
前言
本篇内容为指导从 yoyo-ng-module 1.x
升级到 yoyo-ng-module 2.x
详细说明
52ABP前端框架采用的是 基于NG-Zorro构建的脚手架 NG-Alian,将其修改并整合到前端模块yoyo-ng-module
中
最初支持版本: Angular6 + NG-Zorro(低于1.8)版本 + NG-Alian 1.x
近期由于NG-Zorro 1.8 版本的升级对原有图标的升级是破坏式的,并且NG-Alian也发布了2.0正式版,于是乎近几日也对yoyo-ng-module
进行了升级,发布了2.0.1。
升级部分:
- 整合 NG-Alian 2.0与 ABP前端模块
- 支持NG-Zorro 1.8
- 菜单布局优化
新版本可以通过 官网 或者 github 直接下载。
升级教程正式开始
1、升级ng-zorro、yoyo-ng-module
以下命令看个人喜好使用
- 安装 ng-zorro1.8
npm命令 : npm install ng-zorro-antd@1.8.0 yarn命令: yarn add ng-zorro-antd@1.8.0 复制代码
- 安装 yoyo-ng-module 2.0.1
npm命令 : npm install yoyo-ng-module@2.0.1 yarn命令: yarn add yoyo-ng-module@2.0.1 复制代码
- 修复 ng-zorro 图标丢失(官方文档链接:点击这里)
ng g ng-zorro-antd:fix-icon 复制代码
2、新增/替换 前端项目文件
从 官网 或者 github 下载 4.0.0 的代码,将这里面的部分内容替换到原有项目中
注意 : 替换文件时请确认是否有自定义功能已添加,替换前请注意备份
account
替换 文件
src/account/account.module.ts替换 文件
src/account/login/login.component.html替换 文件
src/account/login/login.component.less替换 文件
src/account/register/register.component.html替换 文件
src/account/tenant/tenant-change-modal.component.html替换 文件
src/account/tenant-register/tenant-register.component.html
app
替换 文件
src/app/app.component.html替换 文件
src/app/app.component.ts参照修改 文件
src/app/AppMenus.ts替换 文件
src/app/home/home.component.html替换 文件夹(目录)
src/app/layout
styles
替换 文件
src/styles.less替换 文件
src/styles/index.less替换 文件
src/styles/theme.less新增 文件
src/styles/theme-variable.less新增 文件
src/style-icons-auto.ts新增 文件
src/style-icons.ts
shared
替换 文件
src/shared/shared.module.ts
assets
替换 文件
src/assets/appconfig.dev.json替换 文件
src/shared/appconfig.prod.json
其它
替换 文件
src/root.module.ts替换 文件
src/root.component.ts替换 文件
src/yoyo.module.ts替换 文件
src/AppPreBootstrap.ts
以上步骤执行完成之后即可成功升级到ng-zorro1.8.x + ng-alian 2.0
如有疑问或发生问题请加入qq群:633751348
转载请注明原文链接和作者名称
转载于:https://juejin.im/post/5bff5a49e51d4513416d09d2
52ABP前端升级2.0.x指南相关推荐
- 狮子鱼社区团购小程序v17.8.0独立开源版+前端升级最新授权接口修复方法
版本是播播资源网在新狮子鱼社区团购商城系统小程序v17.8.0独立版上优化,此系统拿来即用非常方便,优化很多细节如去掉一些后台无用的东西,比如后台连清个缓存功能也没有,首页美化,优化的细节其他就不一一 ...
- 限时团购,6.5折:《C# 7.0 核心技术指南》
大家好,经过近两年的翻译,<C# 7.0 核心技术指南>终于和大家见面了.全书由 ThoughtWorks 高级咨询师,资深 .NET 专家刘夏翻译.作为一本第七次再版的图书,此次翻译对书 ...
- 升级drupal4.0.0_Drupal从1.0到8.0的简要历史
升级drupal4.0.0 贾里德·怀特海德(Jared Whitehead)的< Drupal的兴起和封闭源的衰落 >指出,Drupal最初是为一些朋友监视他们共享的Internet连接 ...
- Zabbix 4.0升级5.0 ES 6.1升级7.0
Zabbix 4.0升级5.0 一.升级方案 1影响范围 升级期间,不会影响到现有的系统,系统将保持正常的运行,升级完成后,将进行一段时间的可用性测试,待系统稳定后将替换生产上的监控. 2升级方法 本 ...
- 前端通用SEO技术优化指南
本文字数:2585字 预计阅读时间:8分钟 背景 近期团队开发的新产品的官网上线了,随之而来的问题就是如何让网站更快更好的传播出去.当然SEO就是最常见的手段之一,对官网的SEO工作有利于产品的网络传 ...
- ActionScript 3.0权威指南
ActionScript 3.0权威指南 作者: 乔珂 译者: 无 定 价: 89.00元(含光盘1张) 页码: 840 出版时间: 2008-07 ISBN号: 97871210 ...
- 《果壳中的C# C# 5.0 权威指南》 (01-08章) - 学习笔记
<果壳中的C# C# 5.0 权威指南> ========== ========== ========== [作者] (美) Joseph Albahari (美) Ben Albahar ...
- vue1升级vue2踩坑指南
vue1升级vue2踩坑指南 升级原因 版本选择 老的package.json: 新的package.json: vue官方说明 语法/组件使用变化 ready钩子 $index & $key ...
- AS升级3.0,gradle plugin 升级到3.0.0遇到的问题
1.Error:Could not get unknown property 'apkVariantData' for object of type com.android.build.gradle. ...
最新文章
- python数据框新建一个列并赋值_pandas.DataFrame 根据条件新建列并赋值的方法
- 【若依(ruoyi)】表格图片预览功能图片超宽、超高问题
- 微信小程序实现收藏和取消收藏功能
- 推荐几个干货超多助你成长的前端大佬
- 最简单的java单例
- Java LocalDate类| toString()方法与示例
- CVPR最佳作者新作!无监督学习可变形3D对象
- php商品低库存报警,Magento中产品库存不报警解决方案
- python vtk dicom_Python vtk读取并显示dicom文件示例
- oracle10g lsnrctl,Oracle10g 服务丢失处理办法
- java~modelMapper需要注意的几点
- vmware之VMware Remote Console (VMRC) SDK(三)
- 在网页输出10的阶乘.php,VB 用for循环语句编写程序,计算和输出10的阶乘
- linux内核编译串口驱动,ARM Linux下安装CH341串口驱动
- Adobe FLASH CS6 安装错误解决方法
- python 字段_python字典查询
- SQLMap——Tamper学习
- Java - java代码实现ip归属地查询,调用百度ip地址查询,局域网也能查询到位置
- SQL查询——查询和和xxx同学所选课程完全一样的同学
- Windows环境导入导出Oracle的DMP包文件