表达式语言和样式="background-image：url

Question

我正在使用Thymeleaf(Spring Boot项目(。下面的代码在屏幕中央初始化图像(从这个.html https://colorlib.com/etc/coloshop/single.html：

<div class="col-lg-9 image_col order-lg-2 order-1">
    <div class="single_product_image">
        <div class="single_product_image_background" style="background-image:url(images/single_2.jpg)">
        </div>
    </div>
</div>

我需要将"images/single_2.jpg"行替换为 ${product.mainImage}，但我无法正确 dit。 ${product.mainImage} 包括数据库中的 url 地址。EL 表达式通常适用于本文档，但不适用于上面的代码。

不起作用：

style="background-image:url("${product.mainImage)")

如果我使用：

style="background-image:url(${product.mainImage})

我有"org.xml.sax.SAXParseException：元素类型"body"必须由匹配的结束标记"错误终止。

在这个例子中如何正确使用EL？提前感谢您的帮助。

Answer 1

我认为只需将 $ 更改为 #：

style="background-image:url('#{product.mainImage}')";