使用MySQL数据填充HTML表格(表格单元格的多个图像)

时间:2015-06-29 03:43:00

标签: php html mysql

我正在尝试使用来自我的数据库的数据填充HTML表。在这里,我已经在我的表中存储了“服务”。每项服务可能有多个图像。因此,在填充表时,它应该有3个表cells一个用于“服务名称”,第二个用于“描述”,第三个用于图像。

这是我的SQL查询,如下所示:

$prep_stmt = " SELECT s.id
                    , s.name
                    , s.description
                    , i.image
                    , i.image_path
                FROM  services s
                LEFT JOIN images i ON i.service_id = s.id";

这就是我的while看起来像这样:

while ($stmt->fetch()) {        
    $html  = "<tr>\n";  
    $html .= "  <td><input type='checkbox'></td>\n";    
    $html .= "  <td>\n";    
    $html .= "      <a href='' class='name'>{$name}</a>\n";     
    $html .= "  </td>\n";   
    $html .= "  <td class='view_html'>{$description}</td>\n";   
    $html .= "  <td>\n";    
                --- My images should be display here ---- 
    $html .= "  </td>\n";   
    $html .= "</tr>\n";                 

    //Add output to array
    $output[] = $html;  
}

我的问题是如何在一个表格单元格中显示多个图像?如果一个服务只有一个图像,那么我可以做到,但它有多个图像,然后我不知道该怎么做。

1 个答案:

答案 0 :(得分:7)

更改您的sql代码,如下所示,然后尝试

 $prep_stmt = " SELECT s.id
                    , s.name
                    , s.description
                    , (select group_concat(i.image_path,'/',i.image)  from images i where i.service_id = s.id) as img
                FROM  services s";

然后使用此Html代码

    while ($stmt->fetch()) {        
    $html  = "<tr>";  
    $html .= "  <td><input type='checkbox'></td>";    
    $html .= "  <td>";    
    $html .= "     <a href='' class='name'>{$name}</a>";     
    $html .= "  </td>";   
    $html .= "  <td class='view_html'>{$description}</td>";   

    $html .= "  <td>";
    $img_array=explode(",",$img);
    foreach($img_array as $im){
        if($im==''){
         $html .= " <img src='default.jpg'>";   
        }else{
         $html .= " <img src='{$im}'>";   
        }
    }
    $html .= "  </td>";

    $html .= "</tr>";                 

    //Add output to array
    $output[] = $html;  
}