spring boot thymeleaf 替换页面中的html内容

本文介绍如何使用Thymeleaf的th:utext表达式动态地将后端生成的HTML片段插入到前端页面中。通过一个简单的示例展示了在Java后端设置要插入的HTML内容,并在Thymeleaf模板中指定插入位置的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

功能

      在文档中动态插入一段后端生成的html文档,使用 thymeleaf 中的 th:utext 表达式即可,示例,写一个html页面如下

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>测试页面</title>
</head>
<body>

<div> <p th:utext="${htmlcontent}">conten</p> </div>

</body>
</html>

     后端的java代码如下所示:

@Controller
public class Thy {

    @RequestMapping("/page")
    public String getPage(Model model){
        model.addAttribute("htmlcontent","<div><h4>我是B</h4></idv>");
        return "home";
    }

}
      html文档中的 p 标签即会被替换掉。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值