Thyemleaf 用Js写新增弹窗

Thymeleaf是一个用于Web和独立环境的现代服务器端Java模板引擎。它是Spring Boot默认的模板引擎，可以与Spring MVC等框架无缝集成。

在Thymeleaf中使用JavaScript来实现弹窗可以采用以下步骤：

1. 在HTML中引入jQuery和自定义的JavaScript文件：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="js/add-modal.js"></script>

2. 在HTML中定义新增按钮，并为其添加一个点击事件：

<button id="addButton">新增</button>

$(document).on("click", "#addButton", function() {
    showModal();
});

3. 在自定义的JavaScript文件中定义showModal()函数，用于弹出新增窗口：

function showModal() {
    var modalHtml = '<div class="modal">' +
                        '<div class="modal-content">' +
                            '<span class="close">&times;</span>' +
                            '<h2>新增</h2>' +
                            '<form>' +
                                '<label for="name">名称：</label>' +
                                '<input type="text" id="name">' +
                                '<label for="age">年龄：</label>' +
                                '<input type="text" id="age">' +
                                '<button type="submit">保存</button>' +
                            '</form>' +
                        '</div>' +
                    '</div>';

    $("body").append(modalHtml);

    $(".close").click(function() {
        $(".modal").remove();
    });
}

在上面的代码中，定义了一个HTML模板，包含一个模态框和表单，当点击新增按钮时，会动态地将模态框添加到页面中。同时，为关闭按钮添加了点击事件，当点击关闭按钮时，会将模态框从页面中移除。

以上就是利用Thymeleaf和JavaScript实现新增弹窗的简单示例。具体实现方式可以根据实际情况进行调整。