如何使用spring boot加载图像列表并在html中显示
Spring Boot是一个用于创建独立的、基于Spring的应用程序的框架。它简化了Spring应用程序的开发过程，提供了自动配置和约定优于配置的原则。要使用Spring Boot加载图像列表并在HTML中显示，可以按照以下步骤进行操作：
- 创建Spring Boot项目：使用Spring Initializr（https://start.spring.io/）创建一个新的Spring Boot项目。选择适当的项目元数据，例如项目名称、包名和依赖项。
- 添加依赖项：在生成的项目中，打开pom.xml文件，并添加以下依赖项：
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>这将添加Spring Boot Web Starter依赖项，用于处理Web请求和渲染HTML页面。
- 创建图像列表：在项目的资源目录（src/main/resources）下创建一个名为"images"的文件夹，并将要显示的图像文件放入其中。
- 创建控制器类：在项目的源代码目录（src/main/java）下创建一个控制器类，例如ImageController.java。在该类中，添加以下代码：
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import java.io.File;
import java.util.ArrayList;
import java.util.List;
@Controller
public class ImageController {
@GetMapping("/")
public String showImages(Model model) {
File imagesFolder = new File("src/main/resources/images");
File[] imageFiles = imagesFolder.listFiles();
List<String> imageNames = new ArrayList<>();
if (imageFiles != null) {
for (File file : imageFiles) {
imageNames.add(file.getName());
}
}
model.addAttribute("imageNames", imageNames);
return "image-list";
}
}这个控制器类定义了一个GET请求的处理方法，该方法获取"images"文件夹中的图像文件列表，并将图像文件名存储在一个名为"imageNames"的模型属性中。
- 创建HTML模板：在项目的资源目录（src/main/resources）下创建一个名为"templates"的文件夹，并在其中创建一个名为"image-list.html"的HTML模板文件。在该文件中，添加以下代码：
<!DOCTYPE html>
<html>
<head>
<title>Image List</title>
</head>
<body>
<h1>Image List</h1>
<ul>
<li th:each="imageName : ${imageNames}" th:text="${imageName}"></li>
</ul>
</body>
</html>这个HTML模板使用Thymeleaf模板引擎，通过"th:each"指令遍历"imageNames"模型属性，并在列表中显示每个图像文件名。
- 运行应用程序：使用IDE工具（例如IntelliJ IDEA）运行Spring Boot应用程序。应用程序将启动嵌入式的Tomcat服务器，并监听默认端口（通常是8080）。
- 查看结果：在Web浏览器中访问"http://localhost:8080/"，将显示图像列表的HTML页面，其中包含"images"文件夹中的图像文件名。
请注意，上述步骤中的代码示例仅用于演示目的，实际应用程序可能需要根据具体需求进行适当的修改和扩展。另外，腾讯云提供了一系列云计算相关的产品，例如云服务器、对象存储、内容分发网络等，可以根据具体需求选择适当的产品进行部署和托管。
相关·内容
1回答
如何从服务器获取图片列表，并在网页中显示。
我有不同产品的1000+图像，我想建立功能，用户可以选择产品的类别，并根据产品类别，我想从服务器上获取所有图像，并希望显示给用户为他的选择。请让我知道如何使用spring/spring boot和angular js。
浏览 18提问于2018-08-18得票数 0
1回答
Spring Cloud Config Client -相同前缀的聚合配置
spring-boot、spring-cloud-config
我在Spring Boot微服务应用程序中通过Spring Cloud config Server加载了以下配置： { "list": [ "b": "b1" { "b": "b2"
浏览 29提问于2020-04-14得票数 0
2回答
Spring boot + Angular应用程序工作
angular、spring-boot
我想构建Spring 7应用程序，但我对Spring Boot+ + Angular 7如何协同工作感到困惑。由此产生的一些问题包括：
1)当我启动应用程序并在浏览器中点击时，调用将转到Spring Boot application服务器或angular服务器。概述spring boot和angular是如何组合工作的将有助于理解和开始在应用程序中编写代码。到目前为止，根据我对Angular 7的理
浏览 1提问于2019-03-27得票数 0
2回答
如何从Angular7表中读取Spring Boot中的数据
spring-boot、angular7
我在angular中创建了数据表，并接受客户的订单输入。客户将输入订单数据，然后单击提交。我想要的是，当客户将点击提交按钮时，这个订单数据将被发送到我的spring boot应用程序并打印。如何使用get和post方法在spring boot和display中获取这些数据？我是第一次接触Angular和Spring Boot。
浏览 1提问于2019-10-23得票数 0
3回答
Spring简单地呈现html页面。
spring、spring-mvc、spring-boot
问题：Whitelabel Error Page
package abc;
import org.springframework.boot.SpringApplication目前只有一些配置注释)：
/&
浏览 1提问于2014-08-15得票数 5
回答已采纳
1回答
Spring boot静态内容包括配置文件属性
spring、spring-boot
我在我的Spring boot项目中有一个静态网页，其中包含以下代码： <redoc spec-url='http://localhost:8080/v2/api-docs'></redoc> 我该如何基于配置文件属性来实现这一点
浏览 9提问于2021-10-01得票数 0
回答已采纳
3回答
在使用RequestMethod.GET刷新页面时，数据会重复地从数据库传到JSP
java、spring、spring-mvc
我正在尝试使用ModelMap将数据从DAO传递到JSP.它是有效的，但当我刷新该页面时，每次刷新都会重复出现相同的数据。我希望数据不会在刷新页面时一次又一次地出现。帮我解决这个问题。
浏览 64提问于2019-02-14得票数 0
1回答
创建了一个自定义的Spring boot layoutFactory，现在我无法启动我的spring boot app
java、gradle、spring-boot
这是我得到的错误-如果我去掉在我的build.gradle中 mainClass = "com.mycompany.Application"
layoutFactory = new CustomLayoutFactory
浏览 0提问于2017-03-02得票数 1
1回答
在简单的Spring Boot应用程序中，图像不显示在网页上
html、eclipse、spring-boot
我正在尝试加载一个基本的主页，只是为了尝试Spring Boot，但图像没有加载。 我尝试了各种不同的URL组合，以检查类路径是否错误。早些时候，我在静态文件夹中有一个图像文件夹，但这也不起作用。根据https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/#getting-s
浏览 28提问于2019-04-30得票数 1
2回答
将列表类型属性从应用程序yml加载到Java POJO中
java、spring、spring-boot、yaml
我想将嵌套列表属性加载到JAVA POJO中 我在一个类A上使用ConfigurationProperties注释从yml加载属性。我的列表是B类型的。这个B对象有它自己的列表属性。但是，yml属性并未按预期加载。ArrayList<>(); //However this list is still empty
} 我在application
浏览 15提问于2019-02-22得票数 0
2回答
Spring + Maven + Docker + IntelliJ的开发流程
java、maven、docker、intellij-idea、docker-compose
我想要求为应用程序的开发工作流程提供一些建议，并在标题中提到堆栈。在我转向使用Docker之前，我所要做的就是：
开发功能，点击绿色箭头启动应用程序或红色方块停止，并重复它的每一个变化的代码然后，它构建我的应用程序映像(我在运行配置中使用--build标志，所以每次我在docker上运行时，它都会生成图像)，并启动两个服务: app和mysql，一切都正常。问题是，当我更改代码中的某项内容时，我必
浏览 2提问于2019-11-03得票数 5
回答已采纳
2回答
Spring boot Mongo DB .yml配置
java、mysql、mongodb、hibernate、spring-boot
当我使用MySQL和hibernate进行spring引导时，我在.yml文件中使用了以下配置 datasource:
url: jdbc:mysql://localhost
浏览 2提问于2019-05-30得票数 2
回答已采纳
4回答
Spring Boot v2.0看不到模板
java、spring、spring-boot、tomcat
我尝试启动在Spring Initializr中创建的演示应用程序。Spring Boot版本- 2.0.3。 我创建了index.html并将其放入resources/templates文件夹。当我启动spring-boot:run时，控制台中的一条消息显示： Tomcat started on port(s): 8080 (http) with context path '' 当我打开localhost:8080时，它
浏览 58提问于2018-06-26得票数 2
回答已采纳
2回答
如果将静态内容部署为jar，则Spring boot 404错误
spring、angular、spring-boot
我有spring boot应用程序和angular js项目作为两个不同的模块。jar出现在spring boot应用程序的lib文件夹中。
现在，当我尝试访问应用程序时，我得到了404错误。如果我复制/resou
浏览 23提问于2017-06-16得票数 2
1回答
Spring是如何提供spring jpa v1.10.3的
java、spring、maven、spring-boot、pom.xml
它显示了1.10.3版本的version。</dependency> <groupId>org.springframework.boot</groupId>
<artifactId>spring-boot</
浏览 1提问于2018-04-09得票数 1
回答已采纳
1回答
在单例类中读取applicatiion.properties一次
spring-boot
在不使用注释的情况下，如何像读入其他属性文件一样读入application.properies文件？
浏览 0提问于2019-02-05得票数 0
3回答
如何在Spring 1.3中启用Thymeleaf实时重新加载
intellij-idea、gradle、spring-boot、thymeleaf
我创建了一个使用Thymeleaf的项目。我的IDE是IntelliJ。我在根文件夹中创建了一个application.properties，其中包括：spring.thymeleaf.cache=false正在读取我的application.properties，因为我可以使用@Value注释提取一个自定义属性。:spring-boot-starter-web')
compile(&#
浏览 2提问于2016-01-07得票数 7
回答已采纳
1回答
为什么要显式地定义KafkaTemplate beans？
java、spring-boot、spring-kafka
Spring Kafka reference documentation建议显式创建Kafka模板的bean。我使用的是spring-boot-starter 2.3.3和spring-kafka 2.5.5，我注意到您只需创建一个带有通配符类型的生产者工厂，Kafka模板bean就会自动创建。当您在Kafka模板中使用大量不同的值类型时，优点是配置较少。 我应该显式定义这些bean还有什么其他原因吗？
浏览 9提问于2020-08-20得票数 2
回答已采纳
2回答
spring-boot-maven-plugin可以用于非spring项目吗？
java、spring-boot、spring-boot-maven-plugin
spring-boot-maven-plugin主要目标是将spring boot应用程序打包到包含所有依赖项的可执行jar中。它可以在没有spring或spring boot的项目中使用吗？我指的不是spring依赖，而是用于加载依赖jars的类加载器机制。
浏览 0提问于2017-03-09得票数 3
1回答
无法在Rails6中自动加载类
ruby-on-rails、ruby、zeitwerk
我想将自定义类添加到应用程序文件夹中，放入clean Rails 6项目中，ruby 2.7.0。根据Zeitwerk文档，它应该自动加载app目录下的所有路径。注意:当我将car.rb放到app/models中时，它可以正常工作，但当它在app/custom目录中时，情况就不一样了
浏览 1提问于2020-05-11得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
