Java视图下的html文件引用其他文件应使用访问相对路径

最新推荐文章于 2022-09-30 23:13:39 发布
最新推荐文章于 2022-09-30 23:13:39 发布
阅读量291 收藏
点赞数
分类专栏： springboot 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46636301/article/details/124657264
版权
本文介绍了在Java SpringBoot应用中，如何正确引用HTML文件中的静态资源，例如CSS样式表。通过示例展示了index.html如何通过相对路径(href=/css/index.css)访问static目录下的index.css文件，使得在网络环境中，资源可以被正确加载，例如http://localhost:8080/css/index.css。
摘要由CSDN通过智能技术生成

Java视图下的html文件引用其他文件应使用访问相对路径

在这里插入图片描述
如springboot下index.html访问static下的css文件夹index.css文件，访问路径应为 href=/css/index.css 因为在网络路径下index.css路径为 http://localhost:8080/css/index.css

一千二十四
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java调用外部文件
10-27
有关java怎样调用外部文件的，可以是exe，也可以是chm等
web前端html相对路径,Java(web前端和后端)中相对路径问题
weixin_39520199的博客
06-18 210
Java路径问题../ 相对路径：上级菜单./ 相对路径: 当前目录，一般可以省略/：项目目录127.0.0.1:8080例：在WebRoot的file文件中有一个add.html,其中要调用ckeditor中的ckeditor.js文件，要在add.html文件中使用files/addjihua.htm../addjihua.htm“/”:网络路径 file:/c:/ :file:/D:/j...
HTML文件无法连接到Java文件_Java Web html无法引用css？
weixin_33850918的博客
02-26 194
Java Web html无法引用css？java web中html无法引用css是因为css文件放置的位置不正确，css文件应该放在与WEB-INF同级目录，而不是WEB-INF文件夹内。(相关课程推荐：css视频教程)一、WEB-INF目录WEB-INF是Java的WEB应用的安全目录。所谓安全就是客户端无法访问，只有服务端可以访问的目录。如果想在页面中直接访问其中的文件，必须通过web.xm...
java的相对路径和HTML的相对路径的区别
星之羽的博客
04-17 305
            刚开始用Sublime写路径的时候还是用的java时的想法写的，可老是出错，纠结了好一会才发现原来他们的用法是不同的，           其实无论是java 还是 HTML 对相对路径的表示都是相同的 eg：                 “./”代表的意思就是当前目录，也可以不写，                 “../”代表的是上级目录，就是跳出当前目录，    ...
对html和java文件路径的理解
剑剑剑的博客
05-17 258
像超链接，图片它们都需要指定一个路径。在页面上路径有两种: 1:相对路径 例如: <img src="./logo.png">或<img src="logo.png"> 两个路径都表示"当前目录"下的logo.png 当前目录:这里的当前目录与java中我们常在File实例化时指定路径时的当前路径不是一回事！！！！！！！！！！ 本质区别是html页面是浏览器理解的。java程序是JVM理解的。所以当前路径不是一个位置.
assets文件
02-20
2. 创建一个HTML页面，设置好`pdf.js`的配置，加载`pdf.js`库，并提供一个方法接收PDF文件路径。 3. 在Android的`WebView`中加载这个HTML页面。 4. 实现`WebView`的`JavaScriptInterface`，提供一个方法供JavaScript...
JAVA velocity模板引擎使用实例
09-04
项目结构应包含一个基于Tomcat的Web应用，例如名为`todo_web`，并设置URL路径为`/todo`。在项目中，你需要创建一个`index.jsp`文件，用于展示基础的JSP内容。同时，创建一个`HelloWorld`Servlet类，用于处理HTTP请求...
java源码包---java 源码 大量 实例
04-18
　Java实现HTTP连接与浏览，Java源码下载，输入html文件地址或网址，显示页面和HTML源文件，一步步的实现过程请下载本实例的Java源码，代码中包括丰富的注释，对学习有帮助。 Java实现的FTP连接与数据浏览程序 1个...
SpringBoot页面跳转访问css、js等静态资源引用无效解决.docx
06-03
1. `/resources`：这是系统默认的根路径，一般用于存放项目的资源文件，如Java源码、配置文件等。 2. `/static`：这个目录专门用来存放所有可以直接被浏览器访问的静态资源，如JavaScript（js）、CSS样式表（css）、...
JAVA上百实例源码以及开源项目
01-03
　Java实现HTTP连接与浏览，Java源码下载，输入html文件地址或网址，显示页面和HTML源文件，一步步的实现过程请下载本实例的Java源码，代码中包括丰富的注释，对学习有帮助。 Java实现的FTP连接与数据浏览程序 1个...
（Java）多个java源代码文件协作、调用另一个java文件的代码
热门推荐
Hunter Dreamer的博客
09-30 1万+
介绍了Java文件协作的两种简单方法，并给了明确的例子。
java导入html乱码_jsp通过include指令引入html乱码的解决方法
weixin_32446485的博客
03-02 198
在jsp中使用导入html页面时，如果html页面里有中文，就会产生乱码。检查jsp文件和html文件的编码，编码一致，都是统一使用的utf-8，检查生成的Servlet类文件，发现里面直接就乱码了。jsp页面内容：htmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"&...
html相对路径载入页面,html页面的绝对路径和相对路径
weixin_28746207的博客
05-30 1335
在用springmvc架构开发网站的过程中，离不开开发前台html页面，html经常需要使用本地相关的资源，如：图片，js，css等，一般情况下，我们可以通过使用相对路径的方式来对这些资源进行指向和访问，如：如上图的代码，可以用浏览器直接打开此处的代码，banner-graphic.png图片也能够正常显示在页面上，但是，在启动服务器时，在浏览器中打开此文件的时候，图片并不会显示。本系统使用mus...
html调用外部文件的几种常见方法
jhaixy5210的专栏
12-01 9277
网站设计有很多时候在每一个网页都要使用同一的重复的部分，如每页的LOGO、导航栏设计、 版权信息等等，如果设计的时候没有将这些始终重复的部分独立出来，有需要修改的时候就会修改所有页面的同一个地方，将是非常繁琐的事情。所以我们往往将在 每个页面重复的部分独立设计、保存，采用调用的方法应用在每个页面相应的地方，如果有需要修改，往往只修改独立的这个文件就达到修改全部页面的效果。 在asp 以及ph
java文件引入html文件,gulp-html-import，在html中引入外部html文件
weixin_42134051的博客
06-23 255
写于 2016.06.14css项目地址：html曾经学习PHP的时候，深深以为include语法很是好用，后接触了ejs，发现里面也有相似的语法，可以方便地引入公共html文件；在学习了vue，react等框架之后，“组件化思想”更是在我脑海根深蒂固，再也没法忍受每一个页面重复大量代码的原始方法。可是，在最最普通的静态html开发过程当中，我实在懒得用框架，只想用最基本的方式写几个静态页面出来，...
web项目静态资源无法引入（相对路径问题）
只会写bug的靓仔的博客
05-14 1537
web项目路径 web项目一个很大的问题，就是静态资源路径问题，困扰了我很久，今天终于想到了一个比较好的解决方法。 静态资源的引入路径，无非就是两种：绝对路径和相对路径，两种路径各有优缺点，下面我们分析一下。 http://localhost:8080/anticipation_Novel/static/css/Writers_Area/Universal.css 这个是绝对路径，组成规范就是：项目地址：端口号/你的路由地址 static/img/Front_Page/future.jpg 这个是相
关于javaweb中的绝对路径和相对路径（关于引用外部资源时的路径问题）
卷心菜投手
10-02 3849
相信大家在写web项目时，对于外间资源的引用多多少少都会用到，而此时引用的路径就显得十分重要！（在跳转或者其它请求后页面样式得丢失便就是路径得问题） 在开始之前大家需要明白一点就是web项目创建的时候会有一个Web-Content,但是在项目发布后这个就不存在了，所以再访问的时候路径不许要考虑Web-Content 关于路径得解释： 关于绝地路径相信大家都会，我这里就说一下概念： 绝对路径...
HTML的图像标签、目录文件夹、路径（相对路径、路径之绝对路径）
m0_51796659的博客
09-07 2197
HTML的图像标签(src、alt 、title、width、height、border 的介绍与使用)目录文件夹（根目录的介绍)、路径（相对路径( 图像文件位于HTML文件同一级、下一级、上一级路径如何操作) 、路径之绝对路径）
HTML中相对路径的方式引用文件
Record_Algorithm
12-16 2051
一、不同目录下文件的引用 假设index.html与test.html位于不同文件下： <a href="../index.html">index.html</a> 这里的"…/“表示当前目录下的上一级目录，”…/…/"则表示当前目录下的上上级目录，依次类推。 假如index.html位于user文件夹下时，要从下级目录下链接到index.html页面，则应写成如下形式： <a href="../user/index.html>index.html</a>
将vue的dist文件放到SprintBoot项目resources文件下，Spring-mvc怎么配置访问
最新发布
05-30
如果你的Vue应用是打包成单个文件并放置在Spring Boot项目的resources目录下，你可以通过以下步骤在Spring MVC中访问它： 1.在Spring Boot项目中创建一个Controller，用于处理Vue应用的请求。例如，你可以创建一个HomeController。 ```java @Controller public class HomeController { } ``` 2.在HomeController中创建一个方法，用于返回Vue应用的HTML页面。这个方法应该返回一个String类型的值，表示视图的名称。在这个方法中，你可以使用Model对象来传递数据给视图。 ```java @Controller public class HomeController { @RequestMapping("/") public String index(Model model) { // 将数据传递给视图 return "vue-app"; } } ``` 3.在resources/static目录下创建一个名为vue-app.html的HTML文件，并在其中引用Vue应用的JavaScript和CSS文件。你可以使用thymeleaf模板引擎来引用这些文件，或者直接使用HTML标签。 ```html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Vue App</title> <link rel="stylesheet" type="text/css" th:href="@{/resources/vue-app.css}"> </head> <body> <div id="app"> <!-- Your Vue app content goes here --> </div> <script type="text/javascript" th:src="@{/resources/vue-app.js}"></script> </body> </html> ``` 4.在Spring Boot的配置文件中，配置静态资源的访问路径。在application.properties文件中添加以下配置： ```properties spring.mvc.static-path-pattern=/resources/** ``` 5.最后，在你的路由配置中，将HomeController的方法映射到你的应用程序的根路径，例如： ```java @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void addViewControllers(ViewControllerRegistry registry) { registry.addViewController("/").setViewName("forward:/vue-app.html"); } } ``` 这样配置后，当你访问应用程序的根路径时，将会返回Vue应用的HTML页面，Vue应用的JavaScript和CSS文件也会被加载。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值