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

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,所以是这种格式

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

 

  • 4
    点赞
  • 2
    评论
  • 7
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2022 CSDN 皮肤主题:书香水墨 设计师:CSDN官方博客 返回首页

打赏作者

hujianbest

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值