spring boot 中创建html怎么引入css 文件
时间: 2024-01-06 09:03:18 浏览: 34
在Spring Boot中创建HTML文件并引入CSS文件的步骤如下:
1. 在`src/main/resources/templates`目录下创建一个HTML文件,例如`index.html`。
2. 在`src/main/resources/static/css`目录下放置你的CSS文件,例如`style.css`。
3. 在HTML文件中使用以下方式引入CSS文件:
```html
<link rel="stylesheet" type="text/css" href="/css/style.css">
```
其中,`/css/style.css`是CSS文件的路径,Spring Boot会自动映射到静态资源文件夹。如果你的CSS文件在其他子目录下,可以相应地修改路径。
注意:在Spring Boot中,静态资源文件默认会映射到根路径下的`/static`、`/public`、`/resources`或`/META-INF/resources`目录。如果你想修改默认的静态资源路径,可以在`application.properties`或`application.yml`中配置`spring.resources.static-locations`属性。
这样,你就可以在Spring Boot中创建HTML文件并引入CSS文件了。
相关问题
spring boot 中html怎么引入css 文件
在Spring Boot中,你可以将静态资源文件(如CSS、JavaScript和图片等)放置在`src/main/resources/static`目录下,然后在HTML文件中引入这些资源文件。
首先,确保你的CSS文件已经放置在`src/main/resources/static/css`目录下(如果没有该目录,可以手动创建)。然后,在HTML文件的`<head>`标签内使用以下方式引入CSS文件:
```html
<link rel="stylesheet" type="text/css" href="/css/style.css">
```
其中,`/css/style.css`是CSS文件的路径,Spring Boot会自动映射到静态资源文件夹。如果你的CSS文件在其他子目录下,可以相应地修改路径。
注意:如果你使用Thymeleaf模板引擎,可以使用Thymeleaf的标签来引入CSS文件,例如:
```html
<link rel="stylesheet" type="text/css" th:href="@{/css/style.css}">
```
这样Thymeleaf会根据你的配置自动解析路径。
spring boot,html+css+js
Spring Boot 是一个基于 Spring 框架的快速开发框架,可以快速构建 Web 应用程序。HTML、CSS、JS 是 Web 开发中常用的前端技术,HTML 用于定义页面结构,CSS 用于定义页面样式,JS 用于实现页面交互和动态效果。在 Spring Boot 中,可以使用 Thymeleaf、Freemarker 等模板引擎来渲染 HTML 页面,也可以使用 Bootstrap、jQuery 等前端框架来快速构建页面。