大家好,今天继续给大家介绍平时网站用的比较多的文章列表跳转功能。
我们今天还是继续使用bootstrap这款css框架来做样式。我们这里需要两个php页面,一个是新闻列表,另一个是新闻详情页。
<link rel="stylesheet" href="css/bootstrap.css" />
设计数据库
list.php
<?php
$conn = mysqli_connect("localhost","root","","shop");
if(!$conn){
echo "连接失败";
}
$sql = "select * from news_list";
mysqli_query($conn,"set names utf8");
$res = mysqli_query($conn,$sql);
$arr = Array();
while( ($row=mysqli_fetch_assoc($res)) != false ) {
$arr[] = $row;
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/bootstrap.css" />
<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
</head>
<body>
<div class="container">
<div class="list-group">
<?php
foreach ($arr as $key => $value) {
echo '<a href="detail.php?id='.$value["id"].'"= class="list-group-item">'.$value["news"].'</a>';
}
?>
</div>
</div>
</body>
</html>
detail
<?php
$conn = mysqli_connect("localhost","root","","shop");
if(!$conn){
echo "连接失败";
}
$id = $_GET["id"];
$sql = "select * from news_list where id='$id'";
mysqli_query($conn,"set names utf8");
$res = mysqli_query($conn,$sql);
$row=mysqli_fetch_assoc($res);
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<?php
echo $row["news_con"];
?>
</body>
</html>
这里我们需要注意,如果是文章详情页(detail.php)那么,我们需要接受一个从(list.php)一个参数,在文章详情页(detail.php)用全局函数$_GET[]来接受。