使用@RequestMapping引不进css和js样式

最新推荐文章于 2020-03-26 17:08:15 发布
最新推荐文章于 2020-03-26 17:08:15 发布
阅读量987 收藏 3
点赞数 1
分类专栏： Java 文章标签： SpringBoot Java css js RequestMapping
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42595367/article/details/99683339
版权

使用@RequestMapping("/xx")导致引不进样式

好多项目的内容比较多,一般都会在controller层里每个类上加上@RequestMapping("/xx")来易于分辨
[外链图片转存失败(img-xahX2es1-1565950107305)(WEBRESOURCEc6e403072611365f7a3bed0bb39ca9db)]

可是在加上@RequestMapping("/xx")后启动程序会发现整个页面的样式没有被引进来,在网上也找了好多存在同样问题的帖子,但都没解决问题

在我智商达到顶峰时刻,我就想了下,既然是样式没有引进来,那肯定是html页面里形如

<link rel="stylesheet" th:href="@{assets/bower_components/bootstrap/dist/css/bootstrap.min.css}">

这样的地方出现的问题,在我仔细的找了一遍后,才发现在href后的链接出错了

如果要出现形如a/b/c类的网址,那么样式之前必须加上/或../

第一种,在前面加上/

[外链图片转存失败(img-PYYdpZuS-1565950107315)(WEBRESOURCE0d3d405e01ac0d4cf3e0aca3fa3115ec)]

第二种,在前面加上../

[外链图片转存失败(img-KRXhIJA5-1565950107322)(WEBRESOURCE308f39301adcf33e9d3afd1b7f54ea96)]

实测,这两种方法均可以解决上述问题

随便吧จุ๊บ
关注
专栏目录
Spring-MVC-Annotations:带有注释和 Bootstrap CSS 的 Spring-MVC
07-02
4. JavaScript 插件：如模态框 `.modal`, 下拉菜单 `.dropdown`, 和轮播 `.carousel` 需要引入 JS 文件并启用相应的插件。 **集成步骤** 1. 引入依赖：在 Maven 或 Gradle 构建文件中添加 Spring MVC 和 Bootstrap...
javaweb中 return 一个jsp页面css文件失效的问题
xfjjs_net的博客
01-16 395
&lt;link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css" rel="stylesheet" &gt; 一开始使用的地址是上面的相对路径。这是对于当前的页面所决定的。 如果使用return的话，就会出现找不到css文件。 可以改成绝对路径： &lt;link href="${pageC...
SSM-物流管理常见问题3-springmvc在通过controller中的@RequestMapping访问路径加载不出来css和js...
weixin_30885111的博客
06-16 540
错误提示： GET http://localhost:8080/ExpressManager/main/css/cityselect.css net::ERR_ABORTED 404index.do:9 GET http://localhost:8080/ExpressManager/main/js/jquery-3.2.1.min.js net::ERR_ABORTED 404ind...
【java】 web.xml配置
朝阳大司马
02-05 170
为了便于开发新项目时候配置web.xml文件,记录一下相关的配置，因为配置的东西我们知道有那些，但是具体配置还是需要我们清楚的 <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://
Spring对css、img、js等静态文件拦截的解决办法
IvenShare的专栏
06-13 4062
Spring对css、img、js等静态文件拦截的解决办法         方法一：修改拦截方式    将Spring的拦截方式有/*改为*.action或者是*.do     方法二：激活Tomcat的defaultServlet来处理静态文件>   default   *.jpg   default   *.js  default  *
Controller上添加@RequestMapping后导致静态资源文件404的解决办法
wqh0830的博客
06-18 6354
spring开发过程中，起初没有添加模块路径，开发中途需要在controller上添加模块路径，此时，就会导致页面的静态资源(js/img/css)等文件报404，因为路径不对了。原因是因为使用相对路径造成的，但此时页面有很多，不可能一个一个的去改。解决方法如下： 1、保持页面不动： 2、controller上添加对应模块路径，几级路径不限制： 3、spring配置文件中配置路径映射...
Java抽奖接口后台管理（和我的前端展示页面，后端接口，后台管理页面及接口一套）
05-25
可能使用了jQuery或其他库来简化DOM操作，或者使用现代的ES6语法和框架如React或Vue.js来构建单页应用。 7. **CSS**: 用于控制页面样式，提供视觉美观的界面。这里可能包含了自定义的样式表，定义了按钮、背景、...
编辑器Ueditor和SpringBoot 的整合方法
08-29
这通常包括JavaScript库、CSS样式文件以及配置文件。确保将这些资源放在正确的位置，以便前端能够正确加载。 其次，需要引入Ueditor的JavaScript库。在HTML模板中，你需要引入`ueditor.all.min.js`或其他适用的...
SpringBoot+Vue实现图片滑块和文字点击验证码
最新发布
05-11
在本项目中，我们主要探讨如何使用SpringBoot和Vue.js技术栈实现一个具有图片滑块和文字点击验证功能的应用。这种验证方式常用于提高网站的安全性，防止恶意机器人或自动脚本进行非法操作。 首先，让我们关注...
Spring+Vue全栈实战i项目.pdf Spring和Vue.js是两个流行的开发框架，可以通过前后端分离的方式进行整合
07-25
- **MyBatis Plus**：一种简化MyBatis使用的增强工具，在原有的基础上只做增强不做改变，为简化开发、提高效率而生。 - 配置MyBatis Plus依赖：在`pom.xml`文件中引入`mybatis-plus-boot-starter`依赖。 - 实体类...
springmvc controller跳转到页面没有加载css问题
hangdianyizhihua的专栏
07-22 7385
先上代码 @RequestMapping(value = "/test2",method = RequestMethod.GET) public String companyInfo(ModelMap modelMap,@PathVariable String companyname){ return "index"; } 上述的请求返回的页面不能加载css，目前还没找到原因 将传
关于@requestMapping跳转页面静态资源无法加载问题
qq_36903109的博客
06-05 2672
只需在jsp页面加上一下代码即可 String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %>    "
我的爬坑日记丨使用@RequestMapping("**")处理404导致静态资源无法正确加载
qq_36134369的博客
01-10 4292
我们知道，当我们请求一个不存在的路径请求时，web服务器会抛出404异常。因而我们需要提供一个友好页面反馈给用户。为此我写了以下方法： 这个方法的作用为：当映射处理器（HandlerMapping）找不到与之对应的url时，便会将该请求交给该方法来处理。这样可以我们就可以判定此次请求不存在，并将其跳转到404友好界面。现在我们来验证实验结果，我在地址栏输入一个不存在的路径请求。注意，如果使用...
JS跨域调用SpringMVC接口的方法
Kyle
03-26 368
JS跨域调用SpringMVC接口的方法方法一：使用jQuery的ajax请求中的jsonpjs端Java端 方法一：使用jQuery的ajax请求中的jsonp js端 function save() { // jquery用的是：jquery-1.11.3.min.js $.ajax({ type: "POST", url: 'http://localhost:8080/pr...
使用RequestMapping映射请求
张波的技术积累
04-01 3512
从RequestMapping的源代码可以看出，它既可以修饰方法，也可以修饰类
[译]教程：如何使用Rollup打包样式文件并添加LiveReload
weixin_33955681的博客
11-20 1915
通过这个教程学习如何使用JavaScript打包工具Rollup配合PostCSS来取代Grunt或Gulp处理样式文件。 上一篇文章中，我们完成了使用Rollup打包前端JavaScript入门。 这篇文章包含Part II和Part III。 Part II会继续在上次的项目中进行，为Rollup添加处理样式的能力，使用PostCSS...
springMVC中@Rquestmapping注释在类上资源路径出错的问题
tongdanping的博客
06-08 2338
做秒杀项目的时候不知道为啥注解在类上的requestmapping会加到资源路径上，就是这样：然后资源路径就变成：在jsp页面中的路径也是seckillId的值会加到资源路径前面，导致资源找不到，报404错误：解决方案：在WEB-INF前面加/...
@Data @NoArgsConstructor @AllArgsConstructor public class ResultVO { private int code; private String msg; private Object data; } @AllArgsConstructor @NoArgsConstructor @Data public class Fruit { private int id; private String fruitName; private int num; private int price; } @Mapper @Component public interface FruitMapper { public List<Fruit> findAllFruits(); } <mapper namespace="com.example.mapper.FruitMapper"> <select id="findAllFruits" resultType="Fruit"> select * from fruit </select> </mapper> public interface FruitService { public ResultVO findAllFruits(); } @Service public class FruitServiceImpl implements FruitService { @Autowired private FruitMapper fruitMapper; @Override public ResultVO findAllFruits() { List<Fruit> fruits = fruitMapper.findAllFruits(); if(fruits == null){ return new ResultVO( 404 , "数据库为空", null); }else { return new ResultVO(200, "查找成功", fruits); } } } @RestController @CrossOrigin public class FruitController { @Autowired private FruitService fruitService; @RequestMapping("/fruit") public ResultVO findAllFruits(){ return fruitService.findAllFruits(); } }（根据我写的代码，帮我写一个完整的vue前端页面，用到vue+elementui+echarts+axios技术）
07-12
根据您提供的代码，我可以给您提供一个基本的Vue前端页面示例，使用了Vue.js、Element UI、Echarts和Axios技术。 首先，您需要确保已经安装了Vue CLI，然后通过以下步骤创建一个新的Vue项目： 1. 打开命令行工具，...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值