spring boot+bootstrap+thymeleaf单选按钮

aoyhnmkz  于 2021-07-03  发布在  Java
关注(0)|答案(1)|浏览(496)

在我的thymeleaf模板中有一段代码:

<form action="#"
      th:action="@{/update/{id}(id=${user.id})}"
      th:object="${user}"
      method="post"
      enctype="multipart/form-data">

 <tr th:each="pic: ${pics}" >
                        <td class="col_name" >
                            <div class="box small">
                                <img th:src="'pics/' + ${user.id} + '/' + ${pic}"/>
                            </div>
                        </td>
                        <td class="col_actions">
                            <a style="color:#808080; margin-right: 10px;">
                                <input type="radio" th:field="*{mainPicture}" th:value="${pic}" >Main picture<br>
                            </a>
                        </td>
                        <td class="col_actions">
                            <a href="#" style="color:#808080;  text-align: center;"  >
                                <i class="fa fa-times" aria-hidden="true" ></i>
                            </a>
                        </td>
                    </tr>

检查源代码:

<td class="col_actions">
                            <a style="color:#808080; margin-right: 10px;">
                                <input type="radio" value="7e7f6887-c0ce-4dc3-bb95-2b9ef92fc903.jpg" id="mainPicture1" name="mainPicture" >Main picture<br>
                            </a>
                        </td>
                        <td class="col_actions">
                            <a href="#" style="color:#808080;  text-align: center;"  >
                                <i class="fa fa-times" aria-hidden="true" ></i>
                            </a>
                        </td>
                    </tr>
                    <tr >
                        <td class="col_name" >
                            <div class="box small">
                                <img src="pics/5/7e92cc5c-73e7-451b-9ee8-2ae43c1b0125.jpg"/>
                            </div>
                        </td>
                        <td class="col_actions">
                            <a style="color:#808080; margin-right: 10px;">
                                <input type="radio" value="7e92cc5c-73e7-451b-9ee8-2ae43c1b0125.jpg" id="mainPicture2" name="mainPicture" >Main picture<br>
                            </a>
                        </td>

...
在控制器上:

@PostMapping("/update/{id}")
    public String updateUser(@PathVariable("id") long id, @Valid UserPayload userPayload,
            BindingResult result, Model model) {

        System.out.println("===================");
        System.out.println( userPayload.getMainPicture());
        System.out.println("===================");

..
}

@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
@JsonInclude(NON_NULL)
public class UserPayload implements Serializable {

    private Long id;

    // pics
    private System mainPicture;
...
}

但是为空,并且在模板中我检查了id=“mainpicture2”

uidvcgyl

uidvcgyl1#

你打字打错了 UserPayload 班级。而不是:

private System mainPicture;

…您应该:

private String mainPicture;

当您更改类型时,值会正确绑定并 System.out.println( userPayload.getMainPicture()); 将打印 7e92cc5c-73e7-451b-9ee8-2ae43c1b0125.jpg 国际贸易组织 null .
编辑:
我注意到有人投了反对票,所以我要扩大我的答案。
我认为用系统代替字符串是错误的。
否则,例如。 System 是你的一个类-那么你的问题就缩小到反序列化问题。有一个纯文本值从窗体传递到控制器(i.a。 "7e92cc5c-73e7-451b-9ee8-2ae43c1b0125.jpg" ). java应该知道如何将这样的文本绑定到 mainPicture 变量。如果 mainPicture 是你的任何自定义类型那么它就不再是一个简单的任务了。可能是一个承包商 String 争论就足够了。

相关问题