首页 > 其他分享 >Jx.Cms开发笔记(七)-升级BootstrapBlazor到6.9.x

Jx.Cms开发笔记(七)-升级BootstrapBlazor到6.9.x

时间:2022-09-04 16:55:21浏览次数:86  
标签:Jx fa 图标库 升级 BootstrapBlazor Cms 我们 图标

由于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,fa,图标库,升级,BootstrapBlazor,Cms,我们,图标
From: https://www.cnblogs.com/j4587698/p/16655414.html

相关文章

  • 动易CMS如何能实现直接粘贴把图片上传到服务器中
    ​如何做到ueditor批量上传word图片?1、前端引用代码<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-......
  • dedecms如何能实现直接粘贴把图片上传到服务器中
    ​ 1.编辑器修改(可选)1.1在 ueditor/config.json 中添加代码块    /* 上传word配置 */    "wordActionName":"wordupload",/* 执行上传视频的action......
  • 这三大特性,让 G1 取代了 CMS!
    大家好,我是树哥。之前我们聊过CMS回收器,但那时候我们说CMS回收器已经落伍了,现在应该是用G1回收器的时候了。那么G1回收器到底有什么魔力,它比CMS回收器相比强在......
  • pbootcms百度小程序添加评论模块
    本文使用的小程序模板是之前文章中用到的,这里主要用于记录一下添加评论模块的流程。1:app.json中添加动态库引用"window":{"backgroundTextStyle":"dark",......
  • EYOUCMS模板如何打包备份(搬家教程)
    1,本地备份数据库2,删除install_********目录下的install.lock文件3,再改名install_1540256968为install4,删除data/runtime所有文件夹5,打包根目录下所有文件,上传空间解压即......
  • SSCMS文件解析-学习笔记
    //声明常量,不可变constfs=require('fs-extra');//初始化目录插件constdel=require('del');//删除文件的工具constgulp=require('gulp');//基于流的代码自动化......
  • 基于.NET6、FreeSql、若依UI、LayUI、Bootstrap构建插件式的CMS
    近几年,.net生态日益强大,特别是跨平台技术,性能提升,那真的是强大无比。为了日常能够快速开发,笔者基于基于.NET6、FreeSql、若依UI、LayUI、Bootstrap构建插件式的CMS,请大家......
  • cf1166 E. The LCMs Must be Large
    题意:有一个长度为\(n\)的未知正整数组,再给\(m\)个限制,每个限制会给一个位置集合\(S\),要求\(S\)中所有位置上的数的lcm严格大于其余数的lcm,问是否存在合法的数组......
  • 动易CMS粘贴图片自动上传到服务器(Java版)
    ​ tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。umedit......
  • dedecms支持pdf自动导入
    ​图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,......