t1441332354
t1441332354
2018-06-10 09:41
采纳率: 71.8%
浏览 1.1k
已采纳

关于将数据库取得的值如何匹配显示

这是从数据库查询得到的值
图片说明
可以看出数据都是[x,y]的格式,而一个名称可能会由多个x,y组成,x代表设备名称,对应下表
图片说明
y则是代表合格情况,在前端显示的只有y,但要根据x显示在相应的位置,例如
图片说明
怎么做到这一点?
前端是jsp,后台是Java,数据库是mysql。显示代码如下

 <table border="1" align="center">
    <tr>
        <td align="center">船名</td>
<%
    List<DetectItem> list = (List<DetectItem>)request.getAttribute("list");
    if(list == null || list.size() <1 ){
        out.print("没有数据!");
    }else{
        for(DetectItem di : list){
            String[] ItemName = {"di.getItemName"};
            for(int i=0;i<ItemName.length;i++){
        %>
        <td align="center"><%=ItemName[i]%></td>
    <%}
    }
}%>
    </tr>
</table>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • showbo
    已采纳

    船名用自定义属性存储concat后的值,遍历下就行了

    
    <table border="1">
        <tr><td>船名</td><td>北斗</td><td>AIS</td><td>雷达应答器</td><!---更多类型--></tr>
        <tr><td value="2,1">船1</td><td></td><td></td><td></td></tr>
        <tr><td value="1,2,2,2">船2</td><td></td><td></td><td></td></tr>
    </table>
    <script>
        var kvState = { 1: '合格', 2: '不合格' }//是否合格映射,不懂你的1,2是否表示这个意思
        var kvTD = { 1: 2, 8: 1, 2: 3 };//DetectItem值对应table中的第几列(注意是从0开开始),如果你按照你的表中id排列下来可以省略这个对应关系
        var tds=document.querySelectorAll('td[value]');
        for (var i = 0; i < tds.length; i++) {
            var tr = tds[i].parentNode//得到tr
            var arr = tds[i].getAttribute('value').split(',');
            for (var k = 0; k < arr.length; k += 2) {
                tr.cells[kvTD[arr[k]]].innerHTML = kvState[arr[k + 1]];
            }
        }
    </script>
    
    点赞 评论
  • u012976158
    强化脑细胞 2018-06-10 10:47

    建议在后台做一个vo,也就是DetectItem的扩展类(将其中新增一个记录所有设备是否合格的数组),首先获取到DetectItem的集合以后,获取多组xy(字符串的处理可得到),通过你给的对应表得到每一个设备是否合格。合格用1表示,不合格用2表示,如果没有值就用0表示(此处就是设备是否合格的数组),然后存到request传递到前台进行遍历,取值和判断。即可。

    点赞 评论
  • weixin_42148174
    weixin_42148174 2018-06-10 12:24

    建议把上面的回复整合借鉴,首先用自定义属性存储concat后的值,获取DetectItem的集合及多组xy,通过你给的对应表得到每一个设备是否合格。,然后存到request传递到前台进行遍历,取值和判断。

    点赞 评论

相关推荐