由于BootstrapBlazor升级到6.9以后的升级还是非常大的，比如图标库升级到了6.1.2，bs升级到了5.2.0。所以这里记录一下升级过程。

升级BootstrapBlazor主程序

直接升级BootstarpBlazor到最新版本，没有错误，但是我们会发现我们的BootstrapBlazor自带图标全部变成方块了。这就需要升级图标库。

升级图标库

由于这个项目使用BootstrapBlazor的时间比较早，当时还没有BootstrapBlazor.Fontawasome的扩展库，我们是直接内部引用了fontawasome的css库。

在现在看已经不合时宜了，因为BootstrapBlazor已经有了扩展库，我们可以直接用扩展库来处理我们的图标库，随时跟着项目升级走。

所以我们直接从NuGet中安装BootstrapBlazor.FontAwasome。然后参照官网的安装说明，将我们_AdminHost.cshtml中的<link rel="stylesheet" href="/Admin/css/font-awesome.min.css">改为引用NuGet包中的<link href="_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css" rel="stylesheet">。

这时候我们重启项目，发现BootstrapBlazor自带的图标已经全部正常了，但是我们菜单上有部分图标异常，比如我们的文章列表图标，需要由fa fa-newspaper-o修改为fa-solid fa-newspaper但是两者样式也不完全相同。同样，我们的页面列表图标也需要由fa fa-file-o修改为fa-regular fa-file。

其他的图标目前来看正常，后期可能会有进一步修改。

清理原来的图标文件

由于我们的图标css直接由NuGet来提供了，所以我们原来的图标库相关的css还有font即可直接删除掉。

这里我们wwwwroot/Admin下的css文件夹和fonts文件夹就可以完全删除了。

这样我们就把BootstrapBlazor升级完成了。

Jx.Cms开发笔记（七）-升级BootstrapBlazor到6.9.x的更多相关文章

  1. Jx.Cms开发笔记（六）-重写Compiler

    我们在Jx.Cms开发笔记(三)-Views主题动态切换中说了如何切换主题.但是这里有一个问题,就是主题切换时,会报错 这是由于asp.net core在处理Views的信息的时候是在构造函数中处理的 ...

  2. Jx.Cms开发笔记（一）-Jx.Cms介绍

    开始 从今天开始,我们将开启Jx.Cms系列开发教程. 我们将会使用Jx.Cms来介绍Blazor的开发.MVC的开发,热插拔插件的开发等等一系列开发教程. 介绍 Jx.Cms是一个使用最新版.NET ...

  3. Jx.Cms开发笔记（二）-系统登录

    界面 此界面完全抄了BootstrapAdmin css隔离 由于登录页面的css与其他页面没有什么关系,所以为了防止其他界面的css被污染,我们需要使用css隔离. css隔离需要在_Host.cs ...

  4. Jx.Cms开发笔记（四）-改造Card组件

    在Blazor 组件库 BootstrapBlazor 中Card组件介绍中我们说过,如果我们使用了Card组件的IsCollapsible属性设置了可伸缩的话,就只能使用Text属性来设置标题文本, ...

  5. Jx.Cms开发笔记（五）-文章编辑页面标签设计

    标签页的样子 设计思路 与其他输入框一样,存在一个Label标签,由于这里不像其他输入框一样可以直接使用Row标签,所以这里需要额外增加. 使用Tag组件显示所有的标签,我们在Blazor 组件库 B ...

  6. 【django】CMS开发笔记一:虚拟环境配置

    项目代码:https://github.com/pusidun/CMS-django 使用虚拟环境 虚拟环境是Python解释器的虚拟副本.在虚拟环境中安装私有包,不会影响全局的Python解释器.可 ...

  7. cms开发笔记2

    1 创建数据库表 //配置文件CREATE TABLE IF NOT EXISTS `mc_config` ( `en_name` varchar(80) NOT NULL, `ch_name` va ...

  8. iOS陆哥开发笔记(七) (AVFoundation简单介绍)

    在AVFoundation框架中AVAudioRecorder类专门处理录音操作,支持多种音频格式. 以下是经常使用的属性和方法: 属性 说明 @property(readonly, getter=i ...

  9. 《MFC游戏开发》笔记七 游戏特效的实现(一)：背景滚动

    本系列文章由七十一雾央编写,转载请注明出处. http://blog.csdn.net/u011371356/article/details/9344721 作者:七十一雾央 新浪微博:http:// ...

  10. OpenCV开发笔记（七十一）：红胖子8分钟带你深入级联分类器训练

    前言   红胖子,来也!  做图像处理,经常头痛的是明明分离出来了(非颜色的),分为几块区域,那怎么知道这几块区域到底哪一块是我们需要的,那么这部分就涉及到需要识别了.  识别可以自己写模板匹配.特征 ...

随机推荐

  1. 6.9找回机制接口安全&验证码token接口

    响应包response burp截取拦截,改相应包: 思路:此处应该若是修改密码,先抓到修改成功数据包(截取验证关键字),在替换为需要绕过的数据包,截取response数据包,修改验证成功关键字达到绕 ...

  2. c程序设计语言 by K&R（五）UNIX系统接口

    一.文件描述符 在unix操作系统中,所有的外围设备(包括键盘和显示器)都被看作是文件系统的文件,因此,所有的输入.输出都要通过读/写文件来完成.也就是说,通过一个单一的接口就可以处理外围设备和程序之 ...

  3. 微软RDL远程代码执行超高危漏洞（CVE-2024-38077）漏洞检测排查方式

    漏洞名称:微软RDL远程代码执行超高危漏洞(CVE-2024-38077) CVSS core:   9.8 漏洞描述: CVE-2024-38077 是微软近期披露的一个极其严重的远程代码执行漏洞. ...

  4. ZEGO 教程 | RTC + AI 视觉的最佳实践（移动端）

    ​  ​摘要:帮助开发者在音视频场景中快速获得 AI 视觉功能 -- 美颜.滤镜.背景抠图等. 文|即构 Native SDK 开发团队 Z世代作为社会新的消费主力,追求个性.热爱新奇事物,青睐与酷炫 ...

  5. ST-SSL: 用于交通流量预测的时空自监督学习《Spatio-Temporal Self-Supervised Learning for Traffic Flow Prediction》(交通流量预测、时空异质性、自监督、数据增强)

    2023年10月23日,继续论文,好困,想发疯. 论文:Spatio-Temporal Self-Supervised Learning for Traffic Flow Prediction Git ...

  6. 1. Two Sum Go实现

    在数组中找到 2 个数之和等于给定值的数字,结果返回 2 个数字在数组中的下标. 1. 解法1 时间复杂度 O(n^2) 直接两次遍历所有节点,进行求和比较 代码如下: func twoSum(num ...

  7. JavaScript —— 简介-引入方式

    什么是JavaScript?    JavaScript的引入方式:      

  8. SpringBoot创建微服务项目

    下载安装并配置git 为自己的git设置名字 git config --global user.name "XXX" 配置自己注册码云的邮箱 git config --global ...

  9. 【赵渝强老师】阿里云大数据ACP认证之阿里大数据产品体系

    阿里大数据产品体系是基于阿里云飞天平台上的数据处理服务.主要分为阿里云大数据基础产品和阿里云数加平台,其产品架构图如下所示: 一.阿里云大数据基础产品 1.云数据库--RDS(ApsaraDB for ...

  10. Haproxy详解以及基于Haproxy的高可用实战

    1.Haproxy与Keepalived VRRP 介绍 软件:haproxy 主要是做负载均衡的7层,也可以做4层负载均衡 apache也可以做7层负载均衡,但是很麻烦.实际工作中没有人用. ngi ...