Spring+Thymeleaf如何通过JPQL查询结果填充表单Select下拉框

现有代码核心错误 #

• DAO层返回类型与查询结果不匹配：你编写的JPQL查询返回的是status字段的唯一字符串值集合，但方法定义返回List<Orders>，类型不兼容会直接抛出类型转换异常。
• JPQL语法错误：JPQL是面向实体类查询，不是面向数据库表，FROM orders o要改为FROM Orders o（和实体类名保持一致，首字母大写）。
• 视图层冗余配置：div上的th:object="${statusDropdown}"完全多余，th:object是用来绑定整个表单对象的，遍历集合不需要该属性。
• 提交属性配置错误：submit按钮用th:href无效，href是链接标签属性，提交按钮要使用formaction指定提交地址，同时select标签要加name属性才能正常提交参数。
• 不需要额外生成自增id：你的status本身就是唯一值，直接作为下拉选项的value即可，不需要额外新增id字段。

最优方案建议 #

你提到status只有6个固定静态值，优先推荐用枚举实现，不需要每次查数据库，性能更高、维护更方便：

方案1：枚举实现（优先推荐） #

首先定义订单状态枚举：

public enum OrderStatus {
    待付款("待付款"),
    已付款("已付款"),
    已发货("已发货"),
    已送达("已送达"),
    已取消("已取消"),
    已退款("已退款");

    private final String desc;

    OrderStatus(String desc) {
        this.desc = desc;
    }
    public String getDesc() {
        return desc;
    }
}

修改实体类的status字段类型：

@Column
@Enumerated(EnumType.STRING)
private OrderStatus status;

Controller层直接传入枚举所有值，无需调用数据库查询：

@GetMapping("/")
public String getStatusDropdown(Model model){
    model.addAttribute("statusDropdown", OrderStatus.values());
    return "forms";
}

修改Thymeleaf模板渲染：

<option th:each="status : ${statusDropdown}" th:text="${status.desc}" th:value="${status.name()}">Estado 1</option>

方案2：JPQL查询实现（若你坚持要从数据库读取现有值） #

修改DAO层代码，修正返回类型和JPQL语法：

@Repository("ordersDAO")
public interface OrdersDAO extends JpaRepository<Orders,Integer>{
    
    @Query("SELECT DISTINCT o.status FROM Orders o")
    @Transactional(readOnly = true)
    List<String> getAllStatus();
}

修改Service层返回类型：

@Override
public List<String> getAllStatus() {
    return ordersDAO.getAllStatus();
}

修改Controller层接收类型：

@GetMapping("/")
public String getStatusDropdown(Model model){
    List<String> statusDropdown = ordersService.getAllStatus();
    model.addAttribute("statusDropdown", statusDropdown);
    return "forms";
}

修改HTML模板，删除冗余配置：

<div class="form-row align-items-center">
   <div class="col-2 my-1">
      <label for="Estado" class="mr-sm-2">Estado</label>
      <select class="custom-select mr-sm-2" id="Estado" form="ordersForm" name="status">
      <option selected>Seleccione Estado</option>
      <option th:each="status : ${statusDropdown}" th:text="${status}" th:value="${status}">Estado 1</option>
      </select>
   </div>

   <div class="col align-self-end my-1">
      <input class="btn btn-info" type="submit" value="Buscar" formaction="@{/getOrdersByStatus}">    
   </div>
</div>

内容的提问来源于stack exchange，提问作者Javier Cifuentes Calderón