如何在Spring MVC中创建允许从菜单中选择项目及其数量的表单？

Question

但如何将其转换为OrderDto实体？我很难理解如何在DTO的地图中同时输入盘子ID和数量。

下面是一个超文本标记语言菜单的例子（只是多个单菜单类div所在的菜单类div）。

<div class="wrapper">
<div class="title">
   <h4><span>Good food and great vibes</span>our menu</h4>
</div>
<div class="menu">
<div class="single-menu" th:each="dish : ${dishList}">
   <img src="https://via.placeholder.com/150" alt="" />
   <div class="menu-content">
      <h4 th:text="${dish.nameEng}">chicken fried salad <span>$45</span></h4>
      <p>
         Aperiam tempore sit,perferendis numquam repudiandae porro
         voluptate dicta saepe facilis.
      </p>
      <div class="myContainer m-1">
         <button class="decrement" data-type="decrement" onclick="stepper(this)">-</button>
         <input
            type="number"
            min="0"
            max="100"
            step="1"
            value="0"
            readonly
            />
         <button class="increment" data-type="increment" onclick="stepper(this)">+</button>
      </div>
   </div>
</div>

以下是DTO的一个示例：

public class OrderDto {
    private String userEmail;
    private String userName;
    Map<Dish, Integer> DishQuantityMap;
}

Answer 1

如果您可以以id to count格式发送DishQuantityMap，比如Map，那就更好了

OrderDto类——就像你的例子一样，不要忘记getter和setter。

我假设Dish类看起来像这样：

public class Dish {


  private Long id;
  private String name;
  private String description;

  //default constructor, getters and setters
  //since it is a key in a map you need proper overrides of hashCode() and equals()
}

我还假设您正在使用Jackson进行序列化/反序列化。Jackson不能只是将自定义对象反序列化为密钥，所以您需要为您的盘创建并注册KeyDeserializer。例如：

public class DishKeyDeserializer extends KeyDeserializer {

  private static final ObjectMapper MAPPER = new ObjectMapper();

  @Override
  public Object deserializeKey(String key, DeserializationContext context) throws IOException {
    return MAPPER.readValue(key, Dish.class);
  }
}

在这里，我使用另一个映射器来简化字符串键的反序列化。您可以在示例中看到如何注册反序列化程序。

您的工作json将如下所示：

{
  "userEmail": "[e-mail]",
  "userName": "username",
  "dishQuantityMap": {
    "{\"id\":2,\"name\":\"food2\",\"description\":\"yummiest\"}": 19,
    "{\"id\":1,\"name\":\"food1\",\"description\":\"yummy\"}": 11
  }
}

请注意，映射中的键是如何将Dish对象转换为json字符串的，并正确转义引号。

还有一个例子：

    ObjectMapper mapper = new ObjectMapper();
    SimpleModule module = new SimpleModule();
    //add key deserializer in module
    module.addKeyDeserializer(Dish.class, new DishKeyDeserializer());
    //register module
    mapper.registerModule(module);

    //getting the json as project resource, you get it however you need
    InputStream stream = ClassLoader.getSystemResourceAsStream("order.json");
    OrderDto parsedOrder = mapper.readValue(stream, OrderDto.class);