SSM框架JSP文件怎么加载外部CSS，JS等外部样式资源

最新推荐文章于 2022-03-22 10:09:55 发布

原创最新推荐文章于 2022-03-22 10:09:55 发布 · 1.3k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#SSM框架 #外部样式引用 #IDEA

IDEA 同时被 3 个专栏收录

9 篇文章

订阅专栏

SSM框架

3 篇文章

订阅专栏

外部样式引用

1 篇文章

订阅专栏

本文介绍在SSM框架中，如何通过修改web.xml配置或使用绝对路径引用，实现JSP页面加载CSS、JS和图片等外部样式资源的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

SSM框架JSP文件怎么加载外部CSS，JS等外部样式资源

方法一，在web.xml中加入以下代码：

<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.css</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.png</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.gif</url-pattern>
  </servlet-mapping>

  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.jpg</url-pattern>
  </servlet-mapping>

  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.ico</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.js</url-pattern>
  </servlet-mapping>

方法二，直接设定绝对路径引用外部样式如：

<link rel="stylesheet" href="<%=request.getContextPath()%>/css1/public.css"/>
<script src="<%=request.getContextPath()%>/js/jquery-1.11.2.min.js"></script>
  <img src="<%=request.getContextPath()%>/images/notice.png" alt="" style="width: 1200px;height: auto;"/>