首頁  >  文章  >  後端開發  >  php一行展示多個商品怎麼實現

php一行展示多個商品怎麼實現

angryTom
angryTom原創
2019-11-02 09:55:593515瀏覽

php一行展示多個商品怎麼實現

php一行展示多個商品怎麼實作

php可以用來連接資料庫查詢商品,並輸出展示給用戶,但想要實作一行展示多個商品需要用到css技術,具體實作如下:

1、先php程式碼

#
<?php
$sql = "select * from user";  
$result = $conn->query($sql);  
  
if ($result)
{  
    if ($result->num_rows>0)  
    {  
        
        echo &#39;<div class="parent">&#39;;
        while ($rows = $result->fetch_array()) {  
            print_r($rows);
            echo &#39;<div class="item">&#39;;
            echo &#39;<i>&#39;.$rows[&#39;id&#39;].&#39;</i>&#39;;  
            echo &#39;<img  src="&#39;.$rows[&#39;imgurl&#39;].&#39;" alt="php一行展示多個商品怎麼實現" >&#39;;  
            echo &#39;<span>&#39;.$rows[&#39;name&#39;].&#39;</span>&#39;;  
            echo &#39;</div>&#39;;
        }//end while()  
        echo &#39;</div>&#39;;
    }else{  
        echo &#39;查询结果为空!&#39;;     
    }//end if()  
}else{  
    echo &#39;查询失败!&#39;;   
}//end if()

注意上面有輸出div標籤,並且具有class

php一行展示多個商品怎麼實現2、以下是css程式碼的實作

php一行展示多個商品怎麼實現

#以下是模擬資料庫資料


註:其中涉及到的flex佈局,想學習的小夥伴可以在php中文網搜尋css教學。

php一行展示多個商品怎麼實現

效果:

###更多PHP相關知識,請造訪###PHP中文網###! ###

以上是php一行展示多個商品怎麼實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn