留言本的实现需要两个模块，一个是静态的html页面，提供表单供用户输入，另一个是php页面，用于接收用户的输入并将结果保存。还需要一个php页面，用来显示接收到的信息。
建立一个文件夹，里面存放以上三个文件，并在里面建立一个post资料夹，用来上传用户提交的数据。（文件夹可自己命名。）
Display.php文件的代码如下
<?php
$path="post/";
$dr=opendir($path);
while($filen=readdir($dr)){
if($filen !="." and $filen !=".."){
$fs=fopen($path.$filen,"r");
echo"<b>标题：</b>".fgets($fs)."<br/>";
echo"<b>作者：</b>".fgets($fs)."<br/>";
echo"<b>内容：</b>".fread($fs,filesize($path.$filen))."<pre/>";
echo"<hr/>";
fclose($fs);
}
}
closedir($dr);
?>Post.php代码如下
<?php
$path="post/";//指定存储路劲
$filename="S".date("YmdHis").".bat";//有当前时间产生文件名
$fp=fopen($path.$filename,"w");//一写入方式创建并打开文件
//$title=$POST["title"];
//$author=$POST["author"];
//$conment=$POST["conment"];
fwrite($fp,$_POST["title"]."\n");
fwrite($fp,$_POST["author"]."\n");
fwrite($fp,$_POST["conment"]."\n");
fclose($fp);
echo "你的留言发表成功";
?>post.html代码
<!DOCTYPE html>
<html>
<head>
<title>留言板</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body class="bg-light">
<h1 align="center">我的留言板</h1>
<form action="Post.php" method="post" name="form">
<div class="container">
<div align="center">
<button type="submit" class="btn btn-outline-success">提交查询内容</button>
<button type="reset" class="btn btn-outline-primary">重置</button>
</div>
<div>
<div class="form-group">
<label for="title">标题:</label>
<input type="text" name="title" class="form-control" id="title" placeholder="Enter title" size="50" data-toggle="tooltip" data-placement="left" title="亲，请提交你的标题哦">
</div>
<div class="form-group">
<label for="author">作者:</label>
<input type="text" name="author" class="form-control" id="author" placeholder="Enter author" size="20" data-toggle="tooltip" title="亲，请提交你的伟大昵称呢">
</div>
<div class="form-group">
<label for="conment">内容:</label>
<textarea name="conment" class="form-control" rows="5" id="conment" placeholder="Enter conment" data-toggle="tooltip" data-placement="bottom" title="亲，请写下你的小日常哟"></textarea>
</div>
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</div>
</div>
</form>
</body>
</html>————————————————
版权声明：本文为CSDN博主「阿学世界」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_46483221/article/details/105413589