2 Star 1 Fork 0

ADA/nhcar

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
productlist.php 8.42 KB
一键复制 编辑 原始数据 按行查看 历史
ADA 提交于 2020-11-10 18:26 . 汽车列表显示,列表新车上市
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="js/jquery.js"></script>
<script language="javascript" src="js/nhcar.js"></script>
</head>
<body>
<div id="header">
<div id="header-content">
<a href="#" id="logo"><img src="images/logo.gif" alt="南华汽车网" /></a>
<div id="header-right">
<ul id="subnav">
<li class="login"><a href="#">登录</a></li>
<li class="mobile"><a href="#">手机版</a></li>
<li class="car"><a href="#">购物车</a></li>
<li class="message"><a href="#">在线留言</a></li>
</ul>
<form id="search">
<p><label>输入你要搜索的车型名称</label><input type="text" value="" class="skey"/><input type="submit" value="搜索" class="searchbt" /></p>
<dl>
<dt>热门:</dt>
<dd><a href="#">速腾</a></dd>
<dd><a href="#">奥迪A3</a></dd>
<dd><a href="#">宝马X6</a></dd>
<dd><a href="#">速腾</a></dd>
<dd><a href="#">奥迪A3</a></dd>
<dd><a href="#">宝马X6</a></dd>
</dl>
</form>
</div>
<div id="nav">
<div class="catelist">
<h2>汽车分类</h2>
<ul>
<li><a href="#">大众</a></li>
<li><a href="#">丰田</a></li>
<li><a href="#">吉利</a></li>
<li><a href="#">海马</a></li>
<li><a href="#">奥迪</a></li>
<li><a href="#">劳斯莱斯</a></li>
<li><a href="#">雷克萨斯</a></li>
<li><a href="#">本田</a></li>
<li><a href="#">英菲尼迪</a></li>
<li><a href="#">凯迪拉克</a></li>
<li><a href="#">奇瑞</a></li>
</ul>
</div>
<ul id="navlist">
<li><a href="#">首页</a></li>
<li><a href="#">新车上市</a></li>
<li><a href="#">热销汽车</a></li>
<li><a href="#">豪车推荐</a></li>
<li><a href="#">汽车资讯</a></li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="content">
<div id="sidebar">
<h2>品牌:</h2>
<ul>
<li><a href="#">大众</a></li>
<li><a href="#">丰田</a></li>
<li><a href="#">吉利</a></li>
<li><a href="#">海马</a></li>
<li><a href="#">奥迪</a></li>
<li><a href="#">劳斯莱斯</a></li>
<li><a href="#">雷克萨斯</a></li>
<li><a href="#">本田</a></li>
<li><a href="#">英菲尼迪</a></li>
<li><a href="#">凯迪拉克</a></li>
<li><a href="#">奇瑞</a></li>
</ul>
</div>
<div class="homeplist" id="main-right">
<h2>汽车列表</h2>
<div class="ordernav">
<label>排序:</label><a href="#" class="cur">新车</a><a href="#">价格</a><a href="#">热评</a><a href="#">热销</a>
</div>
<ul>
<?php
//1.连接数据库
$link= mysqli_connect("localhost", "root", "");//创建数据库的连接
mysqli_select_db($link, "nhcar");//选择操作的数据库
mysqli_set_charset($link, "utf8");//设置数据库连接的字符编码
//2.操作数据表,写SQL模板
$sql="SELECT * FROM product;";
$result= mysqli_query($link, $sql);//mysqli_query如果select返回一个查询结果资源;如果insert update delete返回的true或false
//3.处理结果数据
while ($row= mysqli_fetch_assoc($result)){
$pname=$row['pname'];
$pprice=$row['pprice'];
$ppic=$row['ppic'];
$pid=$row['pid'];
//echo "$pname $pprice $ppic $pid<br>";
?>
<li><a href="#"><img src="images/<?php echo $ppic;?>" /></a>
<h3><a href="#"><?php echo $pname;?></a></h3>
<p><a href="#">立即抢购</a><?php echo $pprice;?></p>
</li>
<?php
}
?>
<li><a href="#"><img src="images/p1.jpg" /></a>
<h3><a href="#">奥迪 奥迪A3 2014款 40TFS</a></h3>
<p><a href="#">立即抢购</a>RMB:260,000</p>
</li>
<li><a href="#"><img src="images/p2.jpg" /></a>
<h3><a href="#">奥迪 奥迪A3 2014款 40TFS</a></h3>
<p><a href="#">立即抢购</a>RMB:260,000</p>
</li>
<li><a href="#"><img src="images/p3.jpg" /></a>
<h3><a href="#">奥迪 奥迪A3 2014款 40TFS</a></h3>
<p><a href="#">立即抢购</a>RMB:260,000</p>
</li>
<li><a href="#"><img src="images/p4.jpg" /></a>
<h3><a href="#">奥迪 奥迪A3 2014款 40TFS</a></h3>
<p><a href="#">立即抢购</a>RMB:260,000</p>
</li>
<li><a href="#"><img src="images/p5.jpg"/></a>
<h3><a href="#">奥迪 奥迪A3 2014款 40TFS</a></h3>
<p><a href="#">立即抢购</a>RMB:260,000</p>
</li>
<li><a href="#"><img src="images/p6.jpg" /></a>
<h3><a href="#">奥迪 奥迪A3 2014款 40TFS</a></h3>
<p><a href="#">立即抢购</a>RMB:260,000</p>
</li>
<li><a href="#"><img src="images/p7.jpg" /></a>
<h3><a href="#">奥迪 奥迪A3 2014款 40TFS</a></h3>
<p><a href="#">立即抢购</a>RMB:260,000</p>
</li>
<li><a href="#"><img src="images/p8.jpg" /></a>
<h3><a href="#">奥迪 奥迪A3 2014款 40TFS</a></h3>
<p><a href="#">立即抢购</a>RMB:260,000</p>
</li>
<li><a href="#"><img src="images/p9.jpg" /></a>
<h3><a href="#">奥迪 奥迪A3 2014款 40TFS</a></h3>
<p><a href="#">立即抢购</a>RMB:260,000</p>
</li>
<li><a href="#"><img src="images/p10.jpg" /></a>
<h3><a href="#">奥迪 奥迪A3 2014款 40TFS</a></h3>
<p><a href="#">立即抢购</a>RMB:260,000</p>
</li>
<li><a href="#"><img src="images/p11.jpg" /></a>
<h3><a href="#">奥迪 奥迪A3 2014款 40TFS</a></h3>
<p><a href="#">立即抢购</a>RMB:260,000</p>
</li>
<li><a href="#"><img src="images/p12.jpg" /></a>
<h3><a href="#">奥迪 奥迪A3 2014款 40TFS</a></h3>
<p><a href="#">立即抢购</a>RMB:260,000</p>
</li>
</ul>
<div class="pagenav"><a href="#">&lt;</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><span></span><a href="#">&gt;</a></div>
</div>
</div>
</div>
<div id="footer">
<ul id="footer-nav">
<li><a href="#">免责条款</a></li>
<li><a href="#">隐私保护</a></li>
<li><a href="#">咨询热点</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">公司简介</a></li>
<li class="last"><a href="#">配送方式</a></li>
</ul>
<ul id="footer-intro">
<li class="item1">正品保障</li>
<li class="item2">30天退换货</li>
<li class="item3">货到付款</li>
<li class="item4">实物拍摄</li>
<li class="item5">实时发货</li>
<li class="item6">会员积分</li>
</ul>
<div id="footer-content">
<p>&copy;2002-2015 南华汽车网(nhcar.com)版权所有,并保留所有权利。ICP备案证书号:粤ICP888888号</p>
<p>常年法律顾问:南华律师事务所。技术支持:广州锐发计算机科技有限公司</p>
<p>广州市南华工商学院信息管理专业</p>
</div>
</div>
<div id="cslist">
<ul>
<li class="qq"><a href="#"><i>qq</i></a></li>
<li class="tel"><a href="#"><i>tel</i></a></li>
<li class="weixin"><a href="#"><i>weixin</i></a></li>
<li class="top"><a href="#"><i>top</i></a></li>
</ul>
</div>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/yxh0102/nhcar.git
git@gitee.com:yxh0102/nhcar.git
yxh0102
nhcar
nhcar
master

搜索帮助