传统SSM的Web项目如何更改网页favicon.ico图标

一、前言

首先,写这篇博客之前是因为我先简单介绍一下我使用的框架架构,这个框架是基于Spring+SpringMVC+Mybatis+Shiro构架的一个SSM开源框架,从GitHub上找到的;因为写的很好,所以经常拿来使用做一些小项目,提到Spring+SpringMVC+Mybatis+Shiro这几个技术点,想必大家都很清楚这也是一个传统项目的主流框架架构。因为比较喜欢研究架构和阅读开源网站大佬开源的优秀框架,所以在一次偶然的重构中,我想更改传统SSM框架的favicon.ico图标,那么如何做呢?

二、效果图

首先运行启动我的项目,运行后在浏览器显示的效果图如下:

1、更改之前的Web界面效果图

 

2、更改favicon.ico

在jsp或者html中的 标签对内加入以下代码 ,这是京东的favicon.ico



home page

这是登录页面

 

3. 如何设置成自己项目自定义的favicon.ico图标

首先,有必要了解一下 ${pageContext.request.contextPath} 这个表达式的含义,${pageContext.request.contextPath} 是表示获取到当前项目的根路径,比如 : http://localhost:8181/heimdall-web  这串地址,其中格式为: http://ip:port/项目名 。

这里的:${pageContext.request.contextPath}/static/favicon.ico 就相当于 http://localhost:8181/heimdall-web/static/favicon.ico/static/favicon.ico 这个URL地址了,也就是我的静态资源访问路径了

1. SSM项目需要配置MVC静态资源映射的路径

针对Spring+SpringMVC+Mybatis的项目需要配置MVC的静态资源映射路径,也就是favicon.ico文件所在的路径地址


2.html或者jsp的head加入以下,引入我们自己项目中的favicon.ico

 

4.效果图

三、总结

总上述实践可以总结出几点,在传统的Spring+SpringMVC+Mybatis项目中,想要更改系统默认的网页favicon.ico图标,我们的做法也很简单,首先有以下两点

  • 配置静态资源映射的路径规则,可以说是favicon.ico存放的目录位置。
  • 在html或者jsp的head中引入favicon.ico文件资源,示例: 

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部