maven工程如何引用css和js文件

来源:互联网 发布:大数据征信查询app 编辑:程序博客网 时间:2024/05/28 17:05

转载自:maven工程如何引用css和js文件

工程目录结构如下图:

 

目的:

在index.jsp中引用hello.js和base.css文件

实现:

在web.xml中,新增
<servlet-mapping>
     <servlet-name >default </servlet-name >         
<url-pattern >*.js</url-pattern>      
</servlet-mapping >
<servlet-mapping >
     <servlet-name >default </servlet-name >             
<url-pattern >*.css</url-pattern>        
</servlet-mapping >

这两段代码,写在引入springMVC代码前,即:

<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0">  <display-name>Archetype Created Web Application</display-name>  <servlet-mapping>     <servlet-name >default </servlet-name >         <url-pattern >*.js</url-pattern>      </servlet-mapping ><servlet-mapping >     <servlet-name >default </servlet-name >             <url-pattern >*.css</url-pattern>        </servlet-mapping >  <servlet>    <servlet-name>springmvc</servlet-name>    <servlet-class>         org.springframework.web.servlet.DispatcherServlet      </servlet-class>    <init-param>      <param-name>contextConfigLocation</param-name>      <param-value>/WEB-INF/springmvc-config.xml</param-value>    </init-param>    <load-on-startup>1</load-on-startup>  </servlet>  <servlet-mapping>    <servlet-name>springmvc</servlet-name>    <url-pattern>/</url-pattern>  </servlet-mapping></web-app>



jsp页面,写上
<%
      String path = request.getContextPath();
      String basePath = request.getScheme() + "://"
                  + request.getServerName() + ":" + request.getServerPort()
                  + path + "/";
%>

这段java代码,然后像这样使用
<script type= "text/javascript" src= "<%=basePath %>js/hello.js"></script >

原创粉丝点击