php一行多個商品,【后端開發】php一行展示多個商品怎么實現

0a6e1307382b214fe1183066e455570f.png

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

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

1、首先php代碼

$sql = "select * from user";

$result = $conn->query($sql);

if ($result)

{

if ($result->num_rows>0)

{

echo '

';

while ($rows = $result->fetch_array()) {

print_r($rows);

echo '

';

echo ''.$rows['id'].'';

echo ''.%24rows%5B'imgurl'%5D.'';

echo ''.$rows['name'].'';

echo '

';

}//end while()

echo '

';

}else{

echo '查詢結果為空!';

}//end if()

}else{

echo '查詢失敗!';

}//end if()

注意上面有輸出div標簽,并且具有class。

2、下面是css代碼的實現

73a27ac9a6d3ca3f782a1c6a4a11fe8e.png

以下是模擬數據庫數據

530eafabb7bfd0a06c7d296bf17c68a2.png

注:其中涉及到的flex布局,想學習的小伙伴可以在ki4網搜索css教程。

效果:

4fc25e8c93bf61702bb520d79499db9d.png

更多PHP相關知識,請訪問ki4網!

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/382961.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/382961.shtml
英文地址,請注明出處:http://en.pswp.cn/news/382961.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

linux設置時間快1小時,LINUX CentOS系統時間與現在時間相差8小時解決方法

GPS 系統中有兩種時間區分,一為UTC,另一為LT(地方時)兩者的區別為時區不同,UTC就是0時區的時間,地方時為本地時間,如北京為早上八點(東八區),UTC時間就為零點,時間比北京時晚八小時,…

linux雙網卡端口聚合,Linux雙網卡聚合改造

Linux雙網卡聚合改造一、環境和需求Linux主機只有一塊網卡接到交換機上,為了消除交換機的單點,新增一臺交換機,Linux主機端新接一塊網卡到新交換機上,對這兩塊網卡做聚合達到目的。二、物理連線使用網線連接新增交換機和新網卡三、…

linux服務器無法識別xml文件,linux上重啟服務器提示找不到smartbi-config.xml文件

(本文檔僅供參考)問題服務器上重啟服務時,報了如下錯誤信息:(備注:因安全考慮,新版本的config登錄界面已經不展示config文件的加載路徑了。)解決方案原因一:這是一個關于在哪個路徑下啟動smartbi服務的問題。首先&…

linux uname命令詳解,linux中uname命令參數及用法詳解

uname 命令可用于大多數 UNIX 和類 UNIX 系統以及 Linux。功能說明:uname用來獲取電腦和操作系統的相關信息。語  法:uname [-amnrsvpio][--help][--version]補充說明:uname可顯示linux主機所用的操作系統的版本、硬件的名稱等基本信息。參…

android linux網絡連接,Android和Linux服務器之間的TCP連接

我正在編寫一個代碼,需要每秒從Android移動設備向臺式計算機(linux服務器)發送數據。由于數據經常發送,通過Http命中無法實現(因為會消耗時間),所以Tcp通信似乎是更好的選擇,因為android手機的數據可以通過此套接字編程快速發送。…

linux堆上的內存可執行嗎,pwn的藝術淺談(二):linux堆相關

這是linux pwn系列的第二篇文章,前面一篇文章我們已經介紹了棧的基本結構和棧溢出的利用方式,堆漏洞的成因和利用方法與棧比起來更加復雜,為此,我們這篇文章以shellphish的how2heap為例,主要介紹linux堆的相關數據結構…

arm嵌入式linux應用實例開發pdf,零點起步——ARM嵌入式Linux應用開發入門一書的源代碼...

代碼片段和文件信息屬性 大小 日期 時間 名稱----------- --------- ---------- ----- ----文件 24064 2016-03-20 09:49 零點起步——ARM嵌入式Linux應用開發入門\習題答案 (1).doc文件 24064 2016-03-20 09:50 零點起步——ARM嵌入式Lin…

linux上p圖工具,linux圖片處理工具GraphicsMagick安裝使用

安裝依賴包:yum install libpng libjpeg freetype libpng-devel libjpeg-devel libtool-ltdl-devel libtool-ltdl官網下載GraphicsMagick包官網地址:http://www.graphicsmagick.org/解壓編譯安裝:tar xf GraphicsMagick-1.3.25.tar.gz./confi…

manjaro linux下載軟件,manjaro linux

manjaro linux下載。manjaro linux是基于Arch Linux開發的Linux操作系統!對于裸服務器、虛擬機、IaaS 和 PaaS 方面都得到了加強,而且內置了強大的數據中心滿足商業的各種要求,是強大的混合云平臺和物理系統!manjaro linux介紹man…

linux 安裝qt 4.6軟件,QT學習之一:Linux下安裝QT之版本qt-4.6.3

在Linux中分別安裝應用于不同平臺的QT:PC;嵌入式X86;ARM。這三者PC版、嵌入式X86版和ARM版的區別主要體現在:當configure時分別加了不同的參數,具體區別是:PC平臺:在linux中全安裝qt&#xff0c…

linux kill命令使用方法,Linux初學者的killall命令(8個例子)

Linux初學者的killall命令(8個例子)我們已經討論了kill命令 ,如果你想在Linux中終止進程,你可以使用kill命令 。 但是,還有一個命令行實用程序可以用于相同的目的: killall 。 在本教程中,我們將使用一些易于理解的示例…

linux wait 信號丟失,wait函數族和SIGCHLD信號的關系

一、wait()和waitpid()函數的區別pid_t wait(int *status)進程一旦調用了wait,就立即阻塞自己,由wait自動分析是否當前進程的某個子進程已經退出,如果讓它找到了這樣一個已經變成僵尸的子進程, wait就會收集這個子進程的信息&…

linux socket接收不到16進制數據,C下通過socket收發十六進制數據解決辦法

C下通過socket收發十六進制數據系統是在LINUX下,下位機發送十六進制數據過來 上位機怎么解析 把數據以十六進制的形式顯示出來,發送十六進制又如何實現------解決方案--------------------socket不就是發16進制的么------解決方案--------------------那…

c語言 字符串 url,如何對URL字符串進行百分號編碼

在和web服務進行交互時,我們經常需要對URL中的特定字符和傳輸的表單數據進行百分號編碼。例如,’&’在百分號編碼時會變成’%26’。搞清楚 URL中哪部分的哪些字符應該進行百分號編碼了并不是件易事。最好的資料好像是RFC 3986和W3C HTML5。出于興趣和…

擊鼓傳花擊鼓次數相同c語言,JavaScript 實現擊鼓傳花游戲

大家小時候應該都玩過擊鼓傳花(Hot Potato)的游戲吧!一群小孩圍成一個圓圈,把花盡快的傳給旁邊的人。某一時刻傳花停止,這時花在誰手里,誰就退出圓圈結束游戲。重復此過程,直到剩下最后一個孩子,即為勝者。…

c語言查找字符串au,幾個C語言詞匯不懂,望老鳥們相助(俺是新手哦)

幾個C語言詞匯 auto break case char const continue default do double else enum extern float for goto if int long registerreturn short signed幾個C語言詞匯 auto break case char const continue default do double else enum extern float for goto if int long regis…

c語言中 %.2s,C2S是什么意思

1. The testing result indicates that TiO_2 has mineralized effect on C_2S, at the same time flux effect on reducing low general melting point of CaO-SiO_2 system and yielding much liquid phase, TiO_2 has definite stabilized effect on β-C_2S.結果隨著TiO2摻…

前端的c語言面試題,前端工程師面試題匯總(選擇題)

前端工程師面試題匯總(選擇題)時間:2017-12-05 來源:前端工程師面試題推薦作為一名前端工程師,我們必不可少的就是參加面試,面試過程中會遇到各類奇葩的問題,今天小編為大家匯總了一些相關的問題,希望可…

用英文單詞模擬數字計算c語言,C語言程序設計用英文單詞模擬數學計算

匿名用戶1級2010-05-09 回答最后輸出是用的是阿拉伯數字,這個你再改改吧, 小問題了。。。。#include #include #include #include #include int carry 0;int parse_int(const char *s, int len){char tens[10], units[10];memset(tens, 0, sizeof(tens)…

c語言猜數字游戲新建,C語言編程 如何構建一個簡單的猜數字小游戲

#include//生成隨機函數起點時用到time.hint main(){int number1 0, choice 0, number2 0;printf("$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$\n");//界面設置printf("$$$$$ 歡 迎 來 到 $$$$$\n");printf("$$$$$ 猜 數 字 …