欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-02-14 23:47:28
...

效果图

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

 

1、更改之前的Web界面

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

 

2、在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>

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

3.如果要设置成自己项目的自定义的favicon.ico

${pageContext.request.contextPath}是获取到当前项目的根路径:比如 http://localhost:8181/heimdall-web

这里的:${pageContext.request.contextPath}/static/favicon.ico就相当于http://localhost:8181/heimdall-web/static/favicon.ico我的静态资源路径了

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

<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.效果图

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