springmvc与前端框架配合使用(加载跳转)出现cssjsimg加载不了的解决办法(代码片段)

thinkingcode thinkingcode     2022-12-06     596

关键词:

两个问题:

1.  eclipse运行jsp时,静态资源文件(图片、css。。等)未加载

 

2.  能够运行jsp文件,但是两个页面跳转时,第二个页面又出现静态资源文件未加载

 

问题1:   在做项目的时候,我用了springmvc与bootstrap,当我把前端页面设计好了之后,在eclipse中改成jsp文件,然后运行时出现了如下的情况:

 

 

技术图片

 

解决办法:在WEB-INF的web.xml文件中添加如下代码

 1 <servlet-mapping>
 2         <servlet-name>default</servlet-name>
 3         <url-pattern>*.jpg</url-pattern>
 4     </servlet-mapping>
 5     <servlet-mapping>
 6         <servlet-name>default</servlet-name>
 7         <url-pattern>*.png</url-pattern>
 8     </servlet-mapping>
 9     <servlet-mapping>
10         <servlet-name>default</servlet-name>
11         <url-pattern>*.js</url-pattern>
12     </servlet-mapping>
13     <servlet-mapping>
14         <servlet-name>default</servlet-name>
15         <url-pattern>*.css</url-pattern>
16     </servlet-mapping>
17     <servlet-mapping>
18         <servlet-name>default</servlet-name>
19         <url-pattern>*.html</url-pattern>
20     </servlet-mapping>
21     <servlet-mapping>
22         <servlet-name>default</servlet-name>
23         <url-pattern>*.ttf</url-pattern>
24     </servlet-mapping>
25     <servlet-mapping>
26         <servlet-name>default</servlet-name>
27         <url-pattern>*.woff</url-pattern>
28     </servlet-mapping>
29     <servlet-mapping>
30         <servlet-name>default</servlet-name>
31         <url-pattern>*.woff2</url-pattern>
32     </servlet-mapping>

原因:springmvc在配置时如果设置将所有请求拦截都交给控制器的话,静态资源获得时也会经过控制器,所有无法获取到,如上代码表示将各类的资源文件按默认的方式(不经过请求拦截)获取。

 

问题2:   在以上问题解决后,我以为我的各个页面已经能无误地跳转了,但是!但是!还是在我向第二个页面跳转的时候出现了类似问题1的情况,

解决办法: 将所有jsp文件里设计,js、css、图片引入的路径改成绝对路径可以用EL表达式,像下面这样

css、img:

技术图片

js:

 技术图片

注意是所有!所有!所有!

原因:没有证实,仅仅个人猜测,有大佬明白请评论指出。我的猜测:当页面跳转请求给控制器后,路径发送了变化,而资源文件又是相对路径,固然会找不到对应文件

 

h5页面跳转与传值

...访问controller的请求方法,返回请求页面。但本次开发,前端与后台完全分离,前端APP使用HBuider来开发,后台数据就无法使用mvc框架访问数据的方法了。     H5提供了本地存储用户浏览数据的方法,早些时候,本... 查看详情

psr-0 与作曲家自动加载不工作,但它与 psr-4 自动加载完美配合

...psr-0与作曲家自动加载不工作,但它与psr-4自动加载完美配合【英文标题】:psr-0autoloadingwithcomposernotwotking,butitworksperfectlywithpsr-4autoloading【发布时间】:2016-10-3116:42:50【问题描述】:我尝试使用PSR-0自动加载文件,但它不会自动加... 查看详情

手写springmvc框架实现简易版mvc框架

前言前面几篇文章中,我们讲解了SpringMVC执⾏的⼤致原理及关键组件的源码解析,今天,我们来模仿它⼿写⾃⼰的mvc框架。先梳理一下需要实现的功能点:tomcat加载配置文件web.xml;调用web.xml中指定的前端控制器DispatcherServlet加... 查看详情

springmvc介绍。(代码片段)

目录1、SpringMvc概述1、基本介绍2、工作流程 3、bean加载控制 二、请求1、请求映射路径2、请求方式3、请求参数4、请求参数(传递json数据)5、日期类型参数传递三、响应四、REST风格1、REST简介2、RESTful入门案例3、RESTful... 查看详情

geoserver配合openlayers框架加载地图(代码片段)

...这里以上一篇最后发布的中国地图为例,采用openlayers框架加载地图。  这里需要我们下载openlayers框架,这个是一个js地图引擎框架࿰ 查看详情

springmvc入门第1天--框架说明与快速入门

...工具测试平台工程名字日期作者备注V1.02016.06.29lutianfeinonespringmvc框架springmvc业务流程框架springmvc框架组件说明SpringMVC入门程序配置前端控制器配置处理器适配器开发Handler视图编写配置Handler配置处理器映射器配置视图解析器部署... 查看详情

springmvc更多家族成员---框架内异常处理与handlerexceptionresolver---09(代码片段)

SpringMVC更多家族成员---框架内异常处理与HandlerExceptionResolver---09引言源码体现HandlerExceptionResolverAbstractHandlerExceptionResolver默认加载的HandlerExceptionResolverDefaultHandlerExceptionResolverResponseStatusException 查看详情

ssm框架和微服务构架和的联系与区别

spring和springMvc:1.spring是一个一站式的轻量级的java开发框架,核心是控制反转(IOC)和面向切面(AOP),针对于开发的WEB层(springMvc)、业务层(Ioc)、持久层(jdbcTemplate)等都提供了多种配置解决方案;2.springMvc是spring基础之上的一个M... 查看详情

关键前端知识点记录随笔

...,css压缩,less编译,替代手工实现自动化工作。webpack是前端构建工具,称为模块打包机,webpack支持模块化;构建前端开发过程中常用的文件,如:js,css,html,img等;使用简单方便,自动化构建。webpack是通过loader(加载器)... 查看详情

前端通用框架可行性研究报告之弹窗

...用户体验,降低移动端的资源使用率。在业务和样式上,前端开发人员只需要在JS代码块头部引用需要的js库和css样式即可。在逻辑上,开发人员只需调用后端提供的接口进行读取与显示。这种技术的主要优点包括 查看详情

前端开发web组件之旅--定义与加载组件

/*前言*/自上而下的职责和API应用层框架层框架浏览器一组件定义与调用1.增加一个组件tabview.css--------------------------------------------.tabview_menu{xxxxx};.tabview_content{xxxxx};  tabview.js----------------------------------varabc=5;f 查看详情

浅谈前端spa(单页面应用)

  单页Web应用(singlepagewebapplication,SPA):SPA是一种特殊的Web应用,是加载单个HTML页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript... 查看详情

前端一些注意点的积累

1.src和href的区别<link>和href配合加载css,hypertextreference超文本引用,页面加载到href时不会停下来<script>和src配合加载script文件,source资源,页面会停下来等待资源加载完毕(并执行完),所以一般js放在body的最下面 2,... 查看详情

自动加载(代码片段)

...hinkphp6&laravel7&swoft都使用了composer去加载类库。访问框架的入口文件,框架的第一件事就是配置自动加载,这个是后面类的调用与实例化的基础工作。为什么需要自动加载?当使用未定义的类与接口时,自动去搜索并加载类... 查看详情

springmvc入门第2天--springspringmvc与mybatis三大框架整合

...工具测试平台工程名字日期作者备注V1.02016.07.01lutianfeinonespringmvc和mybatis整合需求:使用springmvc和mybatis完成商品列表查询。整合思路spring+springmvc+mybaits的系统架构:第一步:整合dao层mybatis和spring整合,通过spring管理mapper接口。使... 查看详情

终于有springmvc与struts2的对比啦(转)

...:http://www.itsource.cn/web/news/5/20150318/370.html目前企业中使用SpringMvc的比例已经远远超过Struts2,那么两者到底有什么区别,是很多初学者比较关注的问题,下面我们就来对SpringMvc和Struts2进行各方面的比较:1.核心控制器(前端控制器、... 查看详情

前端与后端解耦,使用啥 JS 框架/库?

】前端与后端解耦,使用啥JS框架/库?【英文标题】:Decouplefrontendfrombackend,whatJSframework/librarytouse?前端与后端解耦,使用什么JS框架/库?【发布时间】:2016-02-0409:57:46【问题描述】:我想将现有站点的前端与后端完全解耦,该站... 查看详情

06-前端开发框架vue技术应用总结(代码片段)

文章目录VUE基础MVVM设计VUE绑定原理设计虚拟DOM树分析VUE编程步骤实践绑定与指令应用绑定样式分析(了解):计算属性应用实践生命周期函数应用Axios方式的Ajax请求Get请求Post请求VUE组件化开发组件设计基本步骤运行分析组件类型组... 查看详情