springboot controller返回对象到前端

最新推荐文章于 2025-06-27 13:41:39 发布

sharionlee

最新推荐文章于 2025-06-27 13:41:39 发布

阅读量5.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： thymeleaf springboot 文章标签： springmvc thymeleaf

本文链接：https://blog.youkuaiyun.com/sharionlee/article/details/98584443

springboot 同时被 2 个专栏收录

1 篇文章

订阅专栏

thymeleaf

0 篇文章

订阅专栏

本文介绍了一种使用Springboot的SpringMVC控制器返回对象到前端Thymeleaf的方式。通过DxxVo数据vo部分参数的设置，然后在前端进行接收，展示了从后端到前端的数据传递流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

技术栈：
Springboot + SpringMVC + Thymeleaf

1、controller部分代码

@RequestMapping("moduleViewPage")
    private String moduleViewPage(@RequestParam String qyId, @RequestParam String khmc
                             Model model) {
        // 字符串返回前端
        model.addAttribute("qyId", qyId);

        // 查询入参对象
        DpCshViewQuery dpCshViewQuery = new DpCshViewQuery();
        dpCshViewQuery.setQyId(qyId);
        dpCshViewQuery.setNsrsbh(nsrsbh);
        // 查询数据封装到Vo对象(字符串、集合)
        DxxVo dxxVo = dpcshService.getDxxViewData(dpCshViewQuery);
        // vo对象转jsonString
        String dxxString = JSONObject.toJSONString(dxxVo );

        // json字符串返回前端
        model.addAttribute("moduleViewData", dxxString );
        return "template/system/moduleViewPage";
    }

DxxVo 数据vo部分参数：

package org.system.vo.demo;


import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.Data;

import java.util.List;

@Data
@ApiModel("数据vo")
public class DxxVo {

    @ApiModelProperty("企业id")
    private String qyId;

    @ApiModelProperty("demoList")
    private List<DemoVo> demoList;

}

2、前端接收

<input type="hidden" id="qyId" name="qyId" th:value="${qyId}">
<input type="hidden" id="dpCshViewData" name="dpCshViewData" th:value="${dpCshViewData}">

initPageData: function () {
            // 获取字符串数据
            var qyId = $('#qyId').val();

            // 获取jsonString数据并转成jsonObject
            var dataObject =  JSON.parse($("#moduleViewData").val());
            var qymc = dataObject.qymc;// 获取字符串数据
            var dataList = dataObject.dataList; // 获取集合数据

}

以上是controller返回数据，前端接收数据过程；