提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  数据库

当前栏目

HTML+PHP+MySQL实现新闻列表模块(1+X Web前端开发中级 例题)——初稿

mysqlPHP列表模块WebHTML 实现 新闻
2023-09-11 14:15:12 时间

 📄题目要求 

  • 阅读下列说明、效果图、MySQL数据库操作和代码，进行动态网页开发，填写（1）至（15）代码。

🧩说明

  • 该程序为一个html和php混合的新闻列表模块，使用PHP语言，采用MySQL数据库和mysqli扩展。项目名称为itwang，包括web目录，config目录，class目录，public目录。

  • 其中web目录存放information.php文件。public目录存放图片资源。config目录存放配置文件，class目录存放各种类。

  • 进行动态网页开发，补全代码，在（1）至（15）处填入正确的内容。

🧩效果图

💻HTML+PHP代码

<?php
// 在(1)处补齐代码，开启session
（1）;
// 在（2）处补齐代码，使用相对路径，以../开头，导入config.php文件
require_once"（2）";
//自动加载类
spl_autoload_register(function($name){
	require_once"../class/{$name}.class.php";
});
?>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<title>项目实战</title>
	<link rel="stylesheet" href="./dist/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css" />
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
<?php require_once"./common/header.html";?>
<div id="information">
	<div class="container">
		<div class="row">
			<div class="col-md-8">
				<div class="container-fluid" style="padding:0;">
					<?php
						//连接数据库遍历数据
						// 在(3),(4),(5),(6)位置根据配置文件中常量分别填写域名，用户名，密码，数据库
						$mysqli=new mysqli((3),(4),(5),(6));
						if ($mysqli->connect_errno) {
						    die('连接失败: ' . $mysqli->connect_error);
						}
						// 设置字符编码
						$mysqli->query("set names utf8");
						//在（7）处补全代码，计算数据表中数据总数
						$total=$mysqli->query("select id from information where status=1")->（7）;
						//根据上下文，在（8）处补全代码，设置每页条数的变量 
						(8)=5;
						//在（9）处补全代码，向上取整  
						$maxpage=（9）($total/$showrow);
						//当前页面,如果从前端通过get方法获取了当前页，就给$currentP,否则就是1
						$currentP=empty($_GET['page']) ? 1 : ($_GET['page']>$maxpage?$maxpage:$_GET['page']);
						// mysqli预处理语句
						// 在（10）处填写当前页变量，在(11)处填写每页条数变量
						if($stmt=$mysqli->prepare("select * from information where status=1 limit ".(( （10）-1)* $showrow)." , {（11）}")){    
						$stmt->execute();   //执行语句
						$stmt->bind_result($id,$title,$content,$author,$image,$time,$status);   //绑定字段
						// 在（12）处填写条件循环关键字
						（12） ($stmt->fetch()) {
						?>	
						<div class="row info-content">
						<div class="col-md-5 col-sm-5 col-xs-5">
							<img src="../public/<?php echo $image; ?>" class="img-responsive" alt="" style='width:300px;height:150px;'>
						</div>
						<div class="col-md-7 col-sm-7 col-xs-7">
							<h4><?php echo $title; ?></h4>
							<p class="hidden-xs"><?php echo mb_substr($content, 0,20,"utf-8")."......"; echo "<a href='detail.php?id={$id}'>[阅读全文]</a>"; ?></p>
							<p><?php echo $author;
  echo "&nbsp;&nbsp;&nbsp;&nbsp;".date("Y/m/d",$time); ?></p>
						</div>
					</div>
					<?php		
						}
						$stmt->close();
					}
						?>
				</div>
				<div>
					<?php
					if($total>$showrow){
						// 在（13）处补全代码，实例一个分页类，在（14）处填写数据总数的变量名
						$page=new （13）(（14）,$showrow);
						// 根据page类，分析并填写（15）处调用方法
						echo $page->(15)(3,4,5,6,7);
					}
					?>
				</div>	
			</div>
			<div class="col-md-4 info-right hidden-xs hidden-sm">
				<blockquote>
					<h2>热门资讯</h2>
				</blockquote>
				<div class="container-fluid">
					<?php    					
					$res=$mysqli->query("select inforid from hot group by inforid order by count(inforid) desc limit 5;");					
					while ($row=$res->fetch_array()) {
						//查询最热门 的资讯的详情						
						$re=$mysqli->query("select * from information where id=".$row[0]);
						$rows=$re->fetch_array(1);
					?>
					<div class="row">
						<div class="col-md-5 col-sm-5 col-xs-5" style="margin: 12px 0; padding: 0">
							<img src="/project/public/<?php echo $rows["image"] ;?>" class="img-responsive" alt="">
						</div>
						<div class="col-md-7 col-sm-7 col-xs-7" style="padding-right: 0">
							<h4><?php echo $rows["title"] ;?></h4>
							<p><?php echo $rows["author"] ;echo date("Y/m/d",$rows["time"]);?></p>
						</div>
					</div>
					<?php
					};
					?>
				</div>
			</div>
		</div>
	</div>
</div>
<?php
$mysqli->close(); 
	require_once"common/footer.html";
	?>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

🎯实现效果

📰完整答案

试题二（30分）

【问题】（30分）
(1)session_start()
(2)../config/config.php
(3)HOST   (必须大写)
(4)USER   (必须大写)
(5)PSW    (必须大写)
(6)DB    (必须大写)
(7)num_rows
(8)$showrow
(9)ceil
(10)$currentP
(11)$showrow
(12)while
(13)Page
(14)$total
(15)fpage
（每空2分，共30分）

🎯点赞收藏，防止迷路🔥 

相关文章