Question

我正在使用Spring Boot，Spring MVC和Spring Data进行Spring项目。现在我的问题可能与百里香有关这是我的索引页面

Logo Bonfire和房间图片是图像并保存在eclipse中的文件夹src/main/resource/static/images中。

当我使用搜索功能时，它会显示像这张图片的搜索页面

我不知道为什么它不显示徽标图片和房间图片，虽然我在索引页面和搜索页面上使用了一个模板......而且它仍然发生在详细页面上，图像不显示。仅索引页面显示图像

我认为问题不在于代码......我不知道为什么这是我的room.html（索引页和搜索页）

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="Header :: head">
</head>
<body>
<div th:replace="Header :: header"  class="header"></div>
<div class="container">
        <div class="products">
                <h2 class=" products-in">AVAILABLE ROOM</h2>
                <div class=" top-products">
                 <span th:each="room,iterStat : ${room}">
                    <div class="col-md-3 md-col">
                        <div class="col-md">
                            <a th:href="@{/room/{id}/detail(id=${room.id})}" class="compare-in"><img th:src="@{'images/'+${room.image}}" alt="" />

                            </a>    
                            <div class="top-content">
                                <h5><a th:href="@{/room/{id}/detail(id=${room.id})}"><tr th:text="${room.name}"></a></h5>
                                <div class="white">
                                    <a th:href="@{/room/{id}/book(id=${room.id})}" class="hvr-shutter-in-vertical hvr-shutter-in-vertical2">BOOK</a>
                                    <p class="dollar"><span class="in-dollar">$</span><span>2</span><span>0</span></p>
                                    <div class="clearfix"></div>
                                </div>
                            </div>                          
                        </div>
                    </div>
                     </span>
                <div class="clearfix"></div>
                </div>

        </div>
    </div>
 <div th:replace="Header :: footer"   class="footer"></div>

 </body>
 </html>

高兴的帮助我

Answer 1

使用这种方法来设置图像：-

<div th:style="'background-image:url('+ ${room.image}+');'"></div>

Answer 2

使用类似这样的东西。

<img th:src="${'images/'+ room.image}" />

春天：不在百里香中显示图像

2 个答案: