SpringMVC接收Form表单中的数组数据

最新推荐文章于 2024-05-20 10:00:00 发布

hujianbest

最新推荐文章于 2024-05-20 10:00:00 发布

阅读量1.3w

点赞数 9

分类专栏： JavaWeb 文章标签： Form表单 SpringMVC

本文链接：https://blog.csdn.net/whut2010hj/article/details/84582143

版权

JavaWeb 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

昨天学校项目里要做个功能，是要在前端定义一条折线端，然后提交到后台存进数据库里。

折线段的话其实就是不定数量的一些点坐标，第一反应就是用Form提交一个Point 的List，后台也用List接收，然而却发现SpringMVC 不能直接接收List，需要做一点变动。

学校的代码不好贴出来，我单独写个例子演示一下

前端页面这样写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="test"  method="post" enctype="application/x-www-form-urlencoded">
    <table>
        <tr>
            <td><input type="text" name="points[0].x"/></td>
            <td><input type="text" name="points[0].y"/></td>
        </tr>
        <tr>
            <td><input type="text" name="points[1].x"/></td>
            <td><input type="text" name="points[1].y"/></td>
        </tr>
        <tr>
            <td><input type="text" name="points[2].x"/></td>
            <td><input type="text" name="points[2].y"/></td>
        </tr>
        <input type="submit" value="Submit">
    </table>
</form>


</body>
</html>

实体类

public class Point {
    private Integer x;
    private Integer y;

    public Integer getX() {
        return x;
    }

    public void setX(Integer x) {
        this.x = x;
    }

    public Integer getY() {
        return y;
    }

    public void setY(Integer y) {
        this.y = y;
    }
}

实体类集合封装类，这里是个技巧了，SpringMVC不能用List接收，但可以用包装了List成员的对象接收

public class PointModel {
    private List<Point> points;

    public List<Point> getPoints() {
        return points;
    }

    public void setPoints(List<Point> points) {
        this.points = points;
    }
}

控制器，就跟平常没啥两样了

@Controller
public class PointController {
    @PostMapping("/test")
    @ResponseBody
    public String testPost(PointModel pointModel){
        System.out.println(JSON.toJSONString(pointModel));
        return JSON.toJSONString(pointModel);
    }

    @GetMapping("/test")
    public String testGet(Model model){
        return "test";
    }
}

我们先用PostMan 测试一下后台好不好用

开启服务

POST

可以看到提交成功了，form-data 和x-www-form-urlencoded 都是可以的

我们再用页面POST一下试试

返回的结果与PostMan一致，这里我浏览器上装了JSON-handle，所以是这种格式

下次需要提交数组类型的数据就可以这么做啦，做个笔记。

hujianbest

关注

9
点赞
踩
16

收藏

觉得还不错? 一键收藏
2
评论
SpringMVC接收Form表单中的数组数据

昨天学校项目里要做个功能，是要在前端定义一条折线端，然后提交到后台存进数据库里。折线段的话其实就是不定数量的一些点坐标，第一反应就是用Form提交一个Point 的List，后台也用List接收，然而却发现SpringMVC 不能直接接收List，需要做一点变动。学校的代码不好贴出来，我单独写个例子演示一下前端页面这样写&lt;!DOCTYPE html&gt;&lt;html...
复制链接

扫一扫