最新JeecgBoot标题/logo/加载页面/标签修改


目录

一、登录页面修改

二、使用页面logo修改

1.首页左上角

2.刷新页面的logo修改​编辑

3.浏览器标签logo

三、标题修改

1.左上角标题修改

2.修改首页的标题

3.修改刷新标签文字

4.默认JeecgBoot 企业级.....的修改

前前后后找了很多文章都没一站式把我的需求解决,很多文章比较老了不太适用现在的JeecgBoot

这篇文章将会一条龙的帮你修改内容。

一、登录页面修改

找到路径 src/assets/loginmini/icon

需要修改的是这四组图片,只需要把新的图片粘贴进去,把名字修改成你要替换的名称

例如:我粘贴过去的是 text01.jpg 我是想作为logo用,那么把text01.jpg重命名为logo.png,原来的直接覆盖掉或者删了

具体四个文件怎么对应图片的。点开看看,用几张图片试试就行,这里不在赘述。

二、使用页面logo修改

1.首页左上角

像这样在首页左上角的图片修改在路径:src/assets/images

有一个名称为:logo.png的 和之前一样,复制一个新的进去重命名。

改了之后这个修改,左上标题修改下文讲

2.刷新页面的logo修改

在路径:public/resource/img/logo.png 也是一样,替换掉即可

3.浏览器标签logo

这里我已经是修改后的状态,发现标签名称也修改了,下文讲

这里logo在路径:public/logo.png 一样替换修改

三、标题修改

1.左上角标题修改

原来左上标题应该是JeecgBoot Pro 这里修改路径在:src/components/Application/src/AppLogo.vue

图中红框框的内容就是我修改后的标题"Hospital system"

2.修改首页的标题

在src/locales/lang/zh-CN/layout.ts 在修改国际化内容 修改welcomeIn 内容

这里改不改都可以,根据自己需要吧。修改效果:

3.修改刷新标签文字

这里修改的是刷新的时候网页标签显示的文字

在 index.html

之间加入你想修改的标签文字

4.默认JeecgBoot 企业级.....的修改

最难修改也是最容易修改的,跟着一直修改的过程中应该发现了,不管是刷新页面,还是标签后缀,以及左上角标题后面都一直跟着JeecgBoot....

起初我一直以为是在哪个前端vue代码里,结果找了很长时间没找到。最后受不了了问老师,直到老师让我直接搜索这段文字,我才被自己气笑了,我容易把简单的问题复杂化。

现在一般在idea快捷键中Ctrl + Shift + F 这是全局搜索的快捷键。Ctrl + F 是局部搜索的快捷键。

这里我们用到全局搜索。

如果快捷建不能用没事,直接打开编辑用,英文版idea全局搜索也是这里可以找

咱们直接搜索 JeecgBoot 企业.. 搜索部分关键字也够用。

直接点击红色箭头指向 双击

进入路径 .env

然后发现它位置那么的好找

这里文字直接修改就好了,以下是修改后效果 注意这里修改后要重新编译打开平台!

这样就基本上全改好了,可以注意到我最后一张图片左上首页标题我写的貌似有些重复,前面的部分是在 上一部分修改首页的标题处改的,大家可以根据自己需要修改。

后面过程中遇到的类似于修改页面问题,我会再在这篇文章中更新,我也在学习中。

祝各位学业有成,事业平步青云!

构建数据可视化(基于Echarts,python)
手机光圈怎么调