返回前端json数据格式案例二

需求   A表中有   设备的ID ,sbid ,以及设备名称  sbmcb  都是以字符串进行拼接。
sbid:sb123,sb567
sbmc:mc设备01,mc设备02,
  B表有  dpt【代表拍摄的流程】字段,以及设备IDa,和设备名称  sbmch,   一个设备一张照片【一条数据】
dpt:朝阳东       sb123,    mc设备01  ipath
dpt:朝阳西      sb567,    mc设备02     ipath
给前端返回如下格式
[
    {
        "value": "48124",   //设备的ID
        "children": [        //dpt  字段
            {
                "value": "61",
                "label": "现场"
            },
            {
                "value": "60",
                "label": "直线"
            },
            {
                "value": "62",
                "label": "寸"
            },
            {
                "value": "63",
                "label": "尺寸"
            }
        ],
        "label": "南槐接头01"      //设备名称
    },
    {
        "value": "48125",
        "children": [
            {
                "value": "67",
                "label": "w间距"
            },
            {
                "value": "65",
                "label": "绝缘"
            },
            {
                "value": "64",
                "label": "检查"
            },
            {
                "value": "66",
                "label": "间距"
            }
        ],
        "label": "南槐接头02"
    },

    {
        "value": "0",
        "label": "全部"
    }
]

  JdbcTemplate jdbcTemplate3 = (JdbcTemplate) ctx.getBean("CmJdbcTemplate");
        String sqlhwe = "    select t.SBQDMC as LABELM, t.SBQD as VALUE from gw_jxjsy_jxjh t  where   t.id='" + rwid + "'";
        List<Map<String, java.lang.Object>> sqlhwelist = jdbcTemplate3.queryForList(sqlhwe);
        String sqlhwef = "select t.taskid from gw_jxjsy_ysrww t  where   t.pid='" + rwid + "'";
        List<Map<String, java.lang.Object>> sqlhwelistf = jdbcTemplate3.queryForList(sqlhwef);
        String taskid = "";
        for (Map<String, java.lang.Object> stringObjectMap : sqlhwelistf) {
            if (StringUtil.isNotEmpty((String) stringObjectMap.get("taskid"))) {
                taskid = (String) stringObjectMap.get("taskid");
            }
        }
        String sqlhw = "select  t. EQUIPMENTID as  sbid ,t.STEPTYPE   as  dpt ,t.EQUIPMENTNAME   as  sbmc from  Gw_Dljt_Pic_Rw  t  where   t.taskid='" + taskid + "'     and t.filepath  is not  null   and t.filepath not like '%dat%'  group by t.EQUIPMENTID\n" +
                ", STEPTYPE,EQUIPMENTNAME";
        List<Map<String, java.lang.Object>> listhw = jdbcTemplate3.queryForList(sqlhw);
        HashMap<String, java.lang.Object> quan = new HashMap<String, java.lang.Object>();
        List<Map<String, java.lang.Object>> list5 = new ArrayList<Map<String, java.lang.Object>>();
        String valuea = (String) sqlhwelist.get(0).get("VALUE");
        String[] split = valuea.split(",");
        for (int i = 0; i < split.length; i++) {
            HashMap<String, java.lang.Object> ma = new HashMap<String, java.lang.Object>();
            ArrayList<HashMap<String, java.lang.Object>> listw = new ArrayList<HashMap<String, java.lang.Object>>();
            for (Map<String, java.lang.Object> objectMap : listhw) {
                if (split[i].equals(objectMap.get("sbid"))) {
                    HashMap<String, java.lang.Object> maw = new HashMap<String, java.lang.Object>();
                    ma.put("value", split[i]);
                    ma.put("label", objectMap.get("sbmc"));

                    if ("1".equals(objectMap.get("dpt"))) {
                        maw.put("value", "60");
                        maw.put("label", "直线度");
                    }
                    if ("2".equals(objectMap.get("dpt"))) {
                        maw.put("value", "61");
                        maw.put("label", "现场");
                    }
                    if ("3".equals(objectMap.get("dpt"))) {
                        maw.put("value", "62");
                        maw.put("label", "尺寸");
                    }
                    if ("4".equals(objectMap.get("dpt"))) {
                        maw.put("value", "63");
                        maw.put("label", "半导电端口尺寸");
                    }
                    if ("5".equals(objectMap.get("dpt"))) {
                        maw.put("value", "64");
                        maw.put("label", "精细");
                    }
                    if ("6".equals(objectMap.get("dpt"))) {
                        maw.put("value", "65");
                        maw.put("label", "绝缘");
                    }
                    if ("7".equals(objectMap.get("dpt"))) {
                        maw.put("value", "66");
                        maw.put("label", "绝缘间距");
                    }
                    if ("8".equals(objectMap.get("dpt"))) {
                        maw.put("value", "67");
                        maw.put("label", "压接后");
                    }
                    if ("9".equals(objectMap.get("dpt"))) {
                        maw.put("value", "68");
                        maw.put("label", "压钳压模后");
                    }
                    if ("10".equals(objectMap.get("dpt"))) {
                        maw.put("value", "69");
                        maw.put("label", "应力锥");
                    }
                    if ("11".equals(objectMap.get("dpt"))) {
                        maw.put("value", "70");
                        maw.put("label", "电");
                    }
                    if ("12".equals(objectMap.get("dpt"))) {
                        maw.put("value", "71");
                        maw.put("label", "主体长度");
                    }
                    listw.add(maw);
                }
                ma.put("children", listw);
            }
            if (ma.size() > 0) {
                list5.add(ma);
            }
        }
        quan.put("value", "0");
        quan.put("label", "全部");
        list5.add(quan);
        return JSONArray.fromObject(list5).toString();

好的,这里给出一个前端传输文件数据并在后端接收的案例,以 JavaScript 和 Express 框架为例: 前端代码 ```javascript const fileInput = document.querySelector('input[type="file"]'); fileInput.addEventListener('change', async (event) => { const formData = new FormData(); formData.append('file', event.target.files[0]); const response = await fetch('/upload', { method: 'POST', body: formData }); const result = await response.json(); console.log(result); }); ``` 上述代码中,我们使用了 HTML5 中的 `input[type="file"]` 元素来实现文件选择功能。在文件选择后,我们将文件数据封装成 FormData 对象,并通过 Fetch API 发送到后端。请求的目标 URL 为 `/upload`,请求方法为 POST。 后端代码 ```javascript const express = require('express'); const multer = require('multer'); const app = express(); const upload = multer({ dest: 'uploads/' }); app.post('/upload', upload.single('file'), (req, res) => { console.log(req.file); res.json({ message: 'File uploaded successfully' }); }); app.listen(3000, () => { console.log('Server started on port 3000'); }); ``` 上述代码中,我们使用了 Express 框架和 multer 库来处理文件上传。在 Express 应用中,我们定义了一个 POST 方法的路由 `/upload`,并使用 multer 的 `upload.single('file')` 中间件来接收单个文件数据。在中间件处理后,我们可以在 `req.file` 对象中获取到文件的相关信息,如文件名、文件类型、文件大小等。最后,我们将处理结果封装成 JSON 数据返回前端
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

明天会更好fjy

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

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

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

打赏作者

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

抵扣说明:

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

余额充值