单表单嵌套多个数据源并显示记录，行内编辑（layui）

layer表格官方 https://www.layui.com/doc/modules/table.html

前后端数据格式以对象数组，其他方式同理

@RequestMapping(value="/show/info",method = RequestMethod.POST)
    @ResponseBody
    public Page show(HttpServletRequest request) {   
        int page = Integer.parseInt(request.getParameter("page"));
        int limit = Integer.parseInt(request.getParameter("limit"));
        
        //总数
        int start = (page-1)*limit;
        int size = limit;
        int count = uploadPicMapper.count(start,size);              
        List pList = uploadPicMapper.get(start,size);     
        Page pag = new Page();
        pag.setCode(0);
        pag.setCount(count);
        pag.setMsg("");
        pag.setData(pList);

        return pag;  
    }
    
    
    @RequestMapping(value="/add/jinK/info",method = RequestMethod.POST)
    public ModelAndView saveJinK(@RequestBody UploadPic[] uploadPic) {
        int len = uploadPic.length;
        for(int i =0;i() {{
            put("success", true);
            put("message", "完成");
        }}); 
    }

数据格式：

[{
	"id": 16,
	"name": "50",
	"url": "",
	"LAY_TABLE_INDEX": 0
}, {
	"id": 17,
	"name": "35",
	"url": "",
	"LAY_TABLE_INDEX": 1
}, {
	"id": 18,
	"name": "8",
	"url": "",
	"LAY_TABLE_INDEX": 2
}]

只根据layer文档，实现基础操作，做参考

 
日期:1
 

    

    进库    
      
      新增
    
    

    原料    
      
      新增
    
    

        铁管数(支):
        总重(KG):
    
    
    
        

            型号:/自重:/总重:
        
        

           型号:/自重:/总重:
        
        

        

           型号:/自重:/总重:
        
        

           型号:/自重:/总重:
        
    
    

     保存
    
 
 

备注：

table.render({
elem: ‘#demp’
,url: ‘’
,parseData: function(res){ //res 即为原始返回的数据
return {
“code”: res.status, //解析接口状态
“msg”: res.message, //解析提示文本
“count”: res.total, //解析数据长度
“data”: res.data.item //解析数据列表
};
}
//,…… //其他参数
});

该参数非常实用，为 layui 2.4.0 开始新增（官方提示），该参数比较容易与数据绑定，推荐使用