gpt4 book ai didi

java - 如何在我的 UI 中使用 vaadin 显示图片

转载 作者:太空宇宙 更新时间:2023-11-04 09:35:07 26 4
gpt4 key购买 nike

我只是想在 vaadin 布局中显示图片,我正在使用 vaadin 13。

我不确定问题出在哪里。我多次检查了图片的路径以及它是否在正确的包中,但一切似乎都正确。所以我不明白为什么它不显示我的照片。

@SuppressWarnings("serial")
@Route(value = "", layout = MainView.class)
public class Overview extends VerticalLayout {

public Overview() {
Label helloLabel = new Label("Hello User!");

// Html img = new Html("<img src='/images/homePicture.jpg'>");
// add(img);
Image i = new Image("images/homePicture.jpg", "Alternative image text");
add(i);


Button secondButton = new Button("show");
Dialog dialog = new Dialog();
dialog.add(i);
secondButton.addClickListener(event -> dialog.open());
add(secondButton);

实际上看起来是这样的。 enter image description here

文件路径结构: enter image description here

最佳答案

感谢@KasparScherrer,问题已解决

当我将 src/main/resources 文件夹更改为 src/main/webapp 时,它可以工作,但是我的 Maven 项目告诉我,我的项目缺少所需的 src/main/resources 文件夹。

关于java - 如何在我的 UI 中使用 vaadin 显示图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56609269/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com