如何让Thymeleaf读取单选按钮的值？Spring Boot集成问题求助

主要错误点及修复 #

1. 错误将DTO声明为Spring Bean #

你的DateRangeDto被标记为@Component，这会让Spring把它当作单例Bean管理，导致请求间数据共享，同时表单提交时无法自动绑定请求参数到该实例。必须移除@Component注解，让它作为普通数据传输对象使用：

修改后的DateRangeDto：

@Data
@AllArgsConstructor
@NoArgsConstructor
@Builder
// 移除@Component
public class DateRangeDto {
    private String dateFilter = "";
    private Date fromDate = new Date();
    private Date toDate = new Date();
}

2. 控制器方法未接收表单参数 #

当前的applyDateRangeFilter方法没有接收DateRangeDto参数，Spring无法将表单提交的单选按钮值绑定到DTO。需要添加@ModelAttribute注解的参数来接收表单数据：

修改后的控制器方法：

@PostMapping("/date")
public String applyDateRangeFilter(@ModelAttribute DateRangeDto dateRangeDto, Model model, Pageable pageable) {
    // 可直接使用绑定后的dateRangeDto，比如打印值验证
    System.out.println("选中的筛选值：" + dateRangeDto.getDateFilter());
    
    model.addAttribute("dateRangeDto", dateRangeDto);
    model.addAttribute("list", service.findAll(pageable));

    return "/fragments/filter-date";
}

3. Thymeleaf视图属性冗余冲突 #

th:field是Thymeleaf处理表单绑定的核心属性，它会自动生成name、id以及checked状态，手动添加th:name、th:checked、id会导致冲突，覆盖自动生成的内容。需要删除这些冗余属性：

修改后的视图代码：

<input th:type="radio"
       th:field="${dateRangeDto.dateFilter}"
       th:value="'pastHour'"/>
<label th:for="${#ids.prev('dateRangeDto.dateFilter')}">过去一小时</label>

补充：如果需要关联标签，用th:for配合#ids.prev()自动关联生成的id，避免手动写id导致不一致。

额外建议 #

• 若有多个单选按钮（如pastDay、pastWeek等），只需复制上述input标签并修改th:value即可，Thymeleaf会自动根据dateRangeDto.dateFilter的值判断选中状态。
• 测试时可在控制器中打印dateRangeDto.getDateFilter()，确认是否成功获取选中值。

内容的提问来源于stack exchange，提问作者cbmeeks