php一行展示多个商品怎么实现

angryTom
Lepaskan: 2023-02-28 10:28:01
asal
3461 orang telah melayarinya

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;">&#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()
Salin selepas log masuk

注意上面有输出div标签,并且具有class

2、下面是css代码的实现

2.jpg

以下是模拟数据库数据

3.jpg

注:其中涉及到的flex布局,想学习的小伙伴可以在php中文网搜索css教程。

效果:

1.jpg

更多PHP相关知识,请访问PHP中文网

Atas ialah kandungan terperinci php一行展示多个商品怎么实现. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!