`

SpringMVC之页面无法引入js文件问题

阅读更多

web.xml按照如下配置:

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
	
	
   <!-- 编码集的过滤器(只对post请求起作用) -->
	<filter>
		<filter-name>CharacterEncodingFilter</filter-name>
		<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
		<init-param>
			<param-name>encoding</param-name>
			<param-value>UTF-8</param-value>
		</init-param>
		<init-param>  
            <param-name>forceEncoding</param-name>  
            <param-value>true</param-value>  
        </init-param>
	</filter>
	<filter-mapping>
		<filter-name>CharacterEncodingFilter</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>
	
	 
	
  <display-name>test2</display-name>
  
  <servlet>
  	<servlet-name>SpringMVC</servlet-name>
  	<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  	<load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
  	<servlet-name>SpringMVC</servlet-name>
  	<url-pattern>/</url-pattern>
  </servlet-mapping>
  
  
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

 

我的js文件始终引入不到页面上来,在网上查找半天才知道原来是<url-pattern>/</url-pattern>导致的错误,

在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>*.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>*.js</url-pattern>  
    </servlet-mapping>  

 

这样页面在引入css,js,图片等只需图片的路径正确便可以正确的引入到页面中了。

分享到:
评论

相关推荐

    WEB文件上传之SpringMVC+ajaxfileupload使用(三)

    - 引入AJAXFileUpload库的JavaScript文件,并在HTML中创建文件输入元素和提交按钮。 - 使用JavaScript监听文件输入元素的`change`事件,当用户选择文件后触发AJAXFileUpload的上传过程。 2. **后端配置** - 在...

    springMvc+hibernate+maven网上花店系统,前端使用vue.js页面编写

    本项目是一个完整的网上花店系统,采用主流的Java技术栈进行开发,包括SpringMvc、Hibernate以及Maven,前端则使用了现代的JavaScript框架Vue.js。下面我们将深入探讨这些技术在项目中的应用及其核心概念。 1. ...

    SpringMVC+Ajax异步文件上传

    `a`标签通常用于链接,但通过JavaScript,我们可以将`a`标签与文件域关联,实现点击`a`标签触发文件选择对话框。 - **事件绑定**:使用`addEventListener`或`attachEvent`为`a`标签添加`click`事件监听器,当点击时...

    SpringMVC:整合JQUERY与JSON

    当SpringMVC与jQuery结合,并通过JSON(JavaScript Object Notation)进行数据交换时,可以实现前后端的高效协作,提供更流畅的用户体验。 1. **SpringMVC框架基础**: - **DispatcherServlet**:SpringMVC的核心...

    springmvc dwr

    1. **引入依赖**:首先,在你的项目中添加DWR相关的依赖,这通常是在pom.xml文件中通过Maven或者在build.gradle文件中通过Gradle来实现。 2. **配置DWR**:在Web应用的web.xml文件中配置DWR的Servlet,定义允许的类...

    SpringMVC入门很简单之数据验证

    在这个"SpringMVC入门很简单之数据验证"的主题中,我们将深入探讨如何在SpringMVC中实现数据验证。 在Web应用中,数据验证是必不可少的一环,它确保了用户提交的数据符合预设的规则和格式,防止非法或无效的数据...

    springmvc+extjs4实例树

    标题中的“springmvc+extjs4实例树”指的是一个结合了SpringMVC和ExtJS4技术的实战项目,主要用于创建一个具有树形结构的用户界面。这个项目可能用于展示层次结构的数据,例如组织架构、文件系统或者数据库的分类...

    eclipse创建springMVC+mybatis项目文档

    - **引入依赖**:在 `pom.xml` 文件中添加 SpringMVC 和 MyBatis 的依赖。 - **配置 SpringMVC**:创建 SpringMVC 的配置文件,如 `dispatcher-servlet.xml`,配置视图解析器、控制器扫描等。 - **配置 MyBatis**...

    springmvc基础mybatis,引入了eacharts的工具类,可以在github上找到.写了一个demo.zip

    提供的"springmvc基础mybatis,引入了eacharts的工具类,可以在github上找到.写了一个demo.zip"文件包含了这个集成示例的所有源代码。文件列表中只有一项"A",可能是指一个包含所有项目文件的压缩包。在这个压缩包里...

    SpringMVC+mysql框架

    在Web开发中,CSS(层叠样式表)用于控制页面的布局和样式,JS(JavaScript)则用于实现动态交互。一个标准的框架可能包括: 1. **Bootstrap**:流行的前端框架,提供响应式布局和预设的CSS组件,简化网页设计。 2. ...

    SpringMVC纯注解配置

    "SpringMVC纯注解配置"是SpringMVC框架的一种高级用法,旨在减少XML配置文件的使用,提高开发效率和代码可读性。在这个主题中,我们将深入探讨如何利用注解实现SpringMVC的配置以及jQuery如何处理后台返回的JSON对象...

    SpringMVC框架搭建,并实现附件上传下载

    在HTML页面中引入uploadify的JavaScript和CSS文件。 - **后端处理上传**:创建一个Controller方法接收上传的文件,使用MultipartFile接口来处理上传的文件。文件保存到服务器的指定位置,同时可以保存文件的元信息...

    【springmvc+jquery.form.min.js+spring文件上传】

    在本项目"【springmvc+jquery.form.min.js+spring文件上传】"中,我们将探讨如何结合这两个技术实现异步文件上传。 首先,我们需要理解Spring MVC中的文件上传处理。Spring MVC提供了`@RequestParam("file") ...

    springmvc+ajax带有文本域进行文件上传

    在HTML页面中,引入`ajaxfileupload.js`,并设置一个表单,包含文本域和文件域。通过JavaScript监听文件域的`change`事件,当用户选择文件后,调用`ajaxFileUpload()`函数发起Ajax请求。这个函数会异步上传文件,并...

    SpringMVC3+jsp

    在SpringMVC3版本中,它引入了许多改进和新特性,使其成为Java Web开发中的主流选择。结合JSP(JavaServer Pages),我们可以构建用户友好的动态Web界面。以下是对SpringMVC3与JSP集成的关键知识点的详细说明: 1. ...

    uploadifive SpringMVC文件上传Demo

    这通常通过在HTML页面中引入uploadifive的JavaScript和CSS文件来完成。例如,可以在部分添加如下代码: ```html &lt;script src="js/jquery.min.js"&gt; &lt;script src="js/uploadifive/jquery.uploadifive.min.js"&gt; ``` ...

    百度Ueditor整合springMVC+hibernate完整demo

    4. UEditor配置:在jsp页面中引入UEditor,配置服务器地址,以便处理文件上传请求。 5. 业务逻辑:创建服务层接口和实现,调用DAO层方法,处理前端请求,如保存或更新带有富文本内容的数据。 6. 数据库设计:根据...

    SpringMVC+MyBatis+EasyUI简单分页Demo

    你需要在HTML页面中引入EasyUI的CSS和JS文件,定义datagrid的列和分页设置。通过jQuery调用AJAX,向SpringMVC控制器发送请求,获取分页数据。控制器将MyBatis查询的结果转化为JSON格式,返回给前端,datagrid会自动...

    maven项目springMVC demo

    【标题】"maven项目springMVC demo"是一个基于Java技术栈的Web应用程序示例,主要使用了Maven作为构建工具,SpringMVC作为控制器框架,以实现后端业务逻辑和视图的分离。该项目旨在展示如何在实际开发环境中整合这些...

    springmvc+websocket demo

    在这个示例中,前端页面和相关的JavaScript文件可能位于此处,用于建立WebSocket连接并处理通信。 - **WEB-INF**:这是Web应用的标准目录,通常包含`web.xml`配置文件、Servlet类和其他非静态资源。在这个项目中,...

Global site tag (gtag.js) - Google Analytics