phpstudy项目实战——留言板（详细）

2023-08-24 22:16:22

跟着PHP中文网学做留言板……

之前在csdn上写过一个博客，是关于phpstudy的部分简单操作。点击这里即可进入
疫情期间宅在家里要重拾遗漏的东西，接下来我将针对之前没有写完的东西做更多的补充。

五、PHP显示列表文件的创建

1.创建一个PHP文件（名字为list.php)
2.向文件中写入内容

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">	
	<title>留言板</title>
	<?php include("conn.php"); ?>
 	<link rel="stylesheet" type="text/css" href="css.css">
 </head>
<body>
 	<table width="600" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#a9a9a9">
  	<?php 
   		$sql="select * from message ORDER BY id DESC";
   		$query=mysqli_query($conn,$sql);
  		while($row=mysqli_fetch_array($query,MYSQLI_ASSOC)){
  	?>
   	<tr bgcolor="#eff3f">
   		<td>标题：<?php echo $row['title']; ?>
   		<font color="red">用户：<?php echo $row['user'];?>
		</td>
  	</tr>
  	<tr bgcolor="#ffffff">
   		<td>发布内容：<?php echo $row['content']; ?></td>
  	</tr>
  	<tr bgcolor="#ffffff">
   		<td align="right">时间：<?php echo $row['lastdate']; ?></td>
  	</tr>
  	<?php } ?>
   	<tr bgcolor="#228b22">
   		<td><div align="right">
   	<a href="add.html">返回留言</a>
   	</div>
   		</td>
  	</tr>
 	</table>
</body>
</html>

3.保存list.php.同样将其保存在WWW文件夹中，由此页面php显示文件创建成功。
4.从浏览器中打开http://localhost/bbs/list.php,即可查看留言信息。

留言信息的显示如下所示：（由于我在创建留言时并没有填写标题内容什么的，就导致了这种情况，后续会对这种情况进行检查报错）

六、PHP删除留言文件的创建

1.创建一个PHP文件（名字为del.php)
2.向文件中写入如下内容。

<?php
include("conn.php");
$id=$_GET['id'];
$query="delete from message WHERE id=".$id;
mysqli_query($conn,$query);
$url="list.php";
echo "<script>";
echo "window.location.on.href='$url";
echo "</script>";
?>

3.同样将其保存在WWW文件夹中。
4.向list.php文件中加入以下位置处加入以下内容并保存：（即删除那一行）

5.从浏览器中打开http://localhost/bbs/list.php,通过点击删除即可进行留言的删除。

当点击删除时，网址会发生如下变化。

其中对于其无法回退到上一页面的情况，我觉得是有bug存在的，在后期增加效果时再稍作改进。

七、PHP留言板中利用js对数据合法性的验证

1.此步骤不用新建文件，直接在add.html中操作即可。
2.在add.html中的head标签内添加入以下内容：

<script type="text/javascript">
  function CheckPost(){
   if (myform.user.value=="") {
    alert("请填写用户名");
    myform.user.focus();
    return false;
   }
   if(myform.title.value.length<=5){
    alert("标题内容不能小于五个字符");
    myform.title.focus();
    return false;
   }
   if(myform.content.value.length==""){
    alert("内容不能为空");
    myform.content.focus();
    return false;
   }
  }
 </script>

body标签下面的内容如下所示：

3.从浏览器中打开http://localhost/bbs/add.html可以查看效果。