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

本文主要是介绍传统SSM的Web项目如何更改网页favicon.ico图标，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、前言

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

二、效果图

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

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

2、更改favicon.ico

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

<link rel="icon" href="//www.jd.com/favicon.ico" mce_href="//www.jd.com/favicon.ico" type="image/x-icon" />

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>home page</title><link rel="icon" href="//www.jd.com/favicon.ico" mce_href="//www.jd.com/favicon.ico" type="image/x-icon" />
</head>
<body>这是登录页面
</body>
</html>

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文件所在的路径地址。

<mvc:default-servlet-handler />

<!-- 静态资源映射 -->
<mvc:resources mapping="/static/**" location="/static/" cache-period="31536000" />

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

 <link rel="icon" href="${pageContext.request.contextPath}/static/favicon.ico" mce_href="${pageContext.request.contextPath}/static/favicon.ico" type="image/x-icon" />

4.效果图

三、总结

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

配置静态资源映射的路径规则，可以说是favicon.ico存放的目录位置。
在html或者jsp的head中引入favicon.ico文件资源，示例： <link rel="icon" href="${pageContext.request.contextPath}/static/favicon.ico" mce_href="${pageContext.request.contextPath}/static/favicon.ico" type="image/x-icon" />

这篇关于传统SSM的Web项目如何更改网页favicon.ico图标的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！