从双打列表创建坐标

Question

我在 spring boot 中有一个表单，人们可以在其中创建 1 个或多个坐标。 输入字段是分开的（对于 X 和 Y）但具有相同的名称，因此人们创建的所有坐标都放在一个双精度列表中。 现在我遇到了问题，我需要将其转换为坐标列表。 列表中的值都是正确排序的（索引 0 是 X，索引 1 是 Y 坐标，从索引 2 开始，新坐标开始等）。 但我不确定如何每次从流中获取 2 个列表值以创建坐标。 这是我到现在为止的代码：

public class LocationForm {
    private Integer id;
    @NotBlank
    @Size(min=6, max=64)
    private String name;
    @NotNull
    private LocationType type;
    @ListNotBlank
    private List<Double> geometry;
    public Integer getId() {
        return id;
    }
    public void setId(Integer id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public LocationType getType() {
        return type;
    }
    public void setType(LocationType type) {
        this.type = type;
    }
    public List<Double> getGeometry() {
        return geometry;
    }
    public void setGeometry(List<Double> geometry) {
        this.geometry = geometry;
    }
}

上面的代码验证来自我的表单的输入并从中创建一个对象。 坐标的输入字段如下所示：

<div class="form-row">
                        <div class="form-group col-md-6">
                          <label for="coordinates">Coordinate X</label>
                          <input type="text" th:class="${#fields.hasErrors('geometry')} ? 'form-control is-invalid' : 'form-control'" name="geometry" id="geometry" 
                          placeholder="Enter coordinates" >
                          <small th:if="${#fields.hasErrors('geometry')}" th:errors="*{geometry}" class="text-danger"></small>
                        </div>
                        <div class="form-group col-md-6">
                          <label for="coordinates">Coordinate Y</label>
                          <div class="d-flex">
                              <input type="text" th:class="${#fields.hasErrors('geometry')} ? 'form-control is-invalid' : 'form-control'" name="geometry" id="geometry" 
                              placeholder="Enter coordinates" >
                              <button class="btn btn-success" type="button"  onclick="geometry_fields();">Add</button>
                          </div>
                        </div>
                    </div>

上面你可以看到 X 和 Y 是分开的，但由于它们具有相同的名称，因此所有它们都将被放入双打列表中。 有人知道如何使用上述输入制作坐标列表吗？

Answer 1

由于您的（业务）模型代表 2 个坐标系，因此为什么要创建List<Double> 。 相反，尝试通过将geometry对象更改为 2 个不同的对象来解决它，例如， Double X; Double Y; Double X; Double Y;

这将使视图-模型-控制器之间的数据流无痛。

如果你打算做很多地理空间的事情，那么看看使用这个Apache SIS

Answer 2

两个问题。 首先，将您的模型更新为List<Coordinate> ，其中Coordinate是一个带有 2 个道具x和y的简单 bean。

其次，要绑定到 Spring MVC 中的 List，您需要使用索引属性。 所以你的表格会是这样的：

<input type="text" th:class="${#fields.hasErrors('geometry')} ? 
             'form-control is-invalid' : 'form-control'" name="coordinate[0].x">

<input type="text" th:class="${#fields.hasErrors('geometry')} ? 
              'form-control is-invalid' : 'form-control'" name="coordinate[0].y">

然后coordinate[1].x等等。