thymeleaf+bootstrap，onclick实现传订单id到模态框中

最新推荐文章于 2024-01-26 15:05:34 发布

S_simon

最新推荐文章于 2024-01-26 15:05:34 发布

阅读量4.2k

点赞数

CC 4.0 BY-SA版权

文章标签： bootstrap thymeleaf springboot

本文链接：https://blog.youkuaiyun.com/S_simon/article/details/80889363

本文介绍了如何在SpringBoot项目中，利用Thymeleaf模板引擎和Bootstrap模态框，实现在点击按钮时将订单ID传送到模态框展示的详细步骤和代码示例。

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

下面是一个评价订单的功能代码

<a id="myModal" data-toggle="modal" data-target="#exampleModal" th:onclick="'javascript:Values('+${item.id}+')'">评价服务</a>

模态框代码

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">评价</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">