PHP开发留言板教程之展示留言

看下面一段代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>留言板</title>
   <style type="text/css">
        *{margin:0px;padding:0px;}
        body{background:#eee;}
        #bdy{width:414px;height:736px;margin:0 auto;margin-top:20px;
            background:#66CDAA;
        }
        #top{font-family:"隶书";font-size:30px;text-align:center;/*margin-top:18px;*/
            color:#f60;}
        .a{text-decoration:none;color:#fff;float:right;padding-right:15px;}
        .a:hover{color:red;}
        #cont{width:414px;height:736px;margin:0 auto;margin-top:20px;}
        #left{width:350px;height:300px;margin-top:80px;margin-left:15px;/*float:left;*/
            background:#48D1CC;padding-left:5px;}

        #right{width:360px;height:200px;margin-top:20px;background:#48D1CC;
            margin-left:15px;/*float:left;*/}
        h5{text-align:center;margin-top:15px;margin-bottom:20px;}
        #sub{width:120px;height:25px;margin-top:15px;}
        #sub:hover{background:#AFEEEE;}
        .span{font-size:18px;color:red;font-weight:bold;}
        table{width:360px;margin:0 auto;margin-top:15px;border:1px solid #eee;}
        td{text-align:center;}
        #td a{text-decoration:none;color:#eee;}
        #td a:hover{color:red;}
    </style>
</head>
<body>
    <div id="bdy">
        <div id="top">留言板</div>
        <a href="login.php" class="a">登录</a>
        <a href="reg.php" class="a">注册</a>
        <div id="cont">
            <div id="left">
                <h5>写留言</h5>
                <form method="post" action="addmessage.php">
                    标题：<input type="text" placeholder="请输入标题" name="title">
                    </br></br>
                    内容：<textarea cols="40" rows="5" name="content"></textarea>
                    </br></br>
                    <input type="submit" value="添加留言" id="sub">
                </form>
            </div>
            <div id="right"></div>
        </div>
    </div>
</body>
</html>

这里面我们写了一个 <div id="right"></div>

这个标签中我们一直没有加入内容，这就是我们留言要显示的位置

下面我们来看以下里面的代码

使用的是一个表格，下面我们要来写展示内容了

在文件头部加入php 标签

代码如下：

<?php
    session_start();
    require_once('conn.php');//链接数据库

    //分页
    $page=isset($_GET['page']) ?$_GET['page'] :1 ;//接收页码
    $page=!empty($page) ? $page :1;
    
    $table_name="mess";//查取表名设置
    $perpage=5;//每页显示的数据个数

    //最大页数和总记录数
    $total_sql="select count(*) from $table_name";
    $total_result =mysql_query($total_sql);
    $total_row=mysql_fetch_row($total_result);
    $total = $total_row[0];//获取最大页码数
    $total_page = ceil($total/$perpage);//向上整数
    //临界点
    $page=$page>$total_page ? $total_page:$page;//当下一页数大于最大页数时的情况
    //分页设置初始化
    $start=($page-1)*$perpage;

    //展示留言
    $sql1 = "select * from mess order by id desc limit $start,$perpage";
    $res = mysql_query($sql1);
    //$row=mysql_fetch_array($res);
    
?>

然后我们的html 页面也要加入php 的代码：

<div id="bdy">
       <div id="top">留言板</div>
       <?php
           if(!empty($_SESSION['name'])){
       ?>
       <span class="span">尊敬的用户：<?php echo $_SESSION['name'];?>,您好！</span>
       <?php
           }else{
       ?>
       <a href="login.php" class="a">登录</a>
       <a href="reg.php" class="a">注册</a>
       <?php
           }
       ?>
       <div id="cont">
           <div id="left">
               <h5>写留言</h5>
               <form method="post" action="addmessage.php">
                   标题：<input type="text" placeholder="请输入标题" name="title">
                   </br></br>
                   内容：<textarea cols="40" rows="5" name="content"></textarea>
                   </br></br>
                   <input type="submit" value="添加留言" id="sub">
               </form>
           </div>

                          <第>ID
                           < ;内容>标题



                                                   while($row = mysql_fetch_array ($res)){
                       ?>
                       <tr>

	留言者
<td><?php echo $row['title'];?></td>	< ;td>< ?php echo $_SESSION['name'];?></td> </tr> } ?>
<a href="<?php echo "$_SERVER[PHP_SELF]?page=".($page-1)?>"> ;上一页</a> <a href="<?php echo "$_SERVER[PHP_SELF]?page=".($page+1)?>">下一页</ a> <a href="<?php echo "$_SERVER[PHP_SELF]?page={$total_page}"?>">末页</a>

下面是完整代码：

<?php
    session_start();
    require_once('conn.php');//链接数据库

    //分页
    $page=isset($_GET['page']) ?$_GET['page'] :1 ;//接收页码
    $page=!empty($page) ? $page :1;
    
    $table_name="mess";//查取表名设置
    $perpage=5;//每页显示的数据个数

    //最大页数和总记录数
    $total_sql="select count(*) from $table_name";
    $total_result =mysql_query($total_sql);
    $total_row=mysql_fetch_row($total_result);
    $total = $total_row[0];//获取最大页码数
    $total_page = ceil($total/$perpage);//向上整数
    //临界点
    $page=$page>$total_page ? $total_page:$page;//当下一页数大于最大页数时的情况
    //分页设置初始化
    $start=($page-1)*$perpage;

    //展示留言
    $sql1 = "select * from mess order by id desc limit $start,$perpage";
    $res = mysql_query($sql1);
    //$row=mysql_fetch_array($res);
    
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>留言板</title>
   <style type="text/css">
        *{margin:0px;padding:0px;}
        body{background:#eee;}
        #bdy{width:414px;height:736px;margin:0 auto;margin-top:20px;
            background:#66CDAA;
        }
        #top{font-family:"隶书";font-size:30px;text-align:center;/*margin-top:18px;*/
            color:#f60;}
        .a{text-decoration:none;color:#fff;float:right;padding-right:15px;}
        .a:hover{color:red;}
        #cont{width:414px;height:736px;margin:0 auto;margin-top:20px;}
        #left{width:350px;height:300px;margin-top:80px;margin-left:15px;/*float:left;*/
            background:#48D1CC;padding-left:5px;}

        #right{width:360px;height:200px;margin-top:20px;background:#48D1CC;
            margin-left:15px;/*float:left;*/}
        h5{text-align:center;margin-top:15px;margin-bottom:20px;}
        #sub{width:120px;height:25px;margin-top:15px;}
        #sub:hover{background:#AFEEEE;}
        .span{font-size:18px;color:red;font-weight:bold;}
        table{width:360px;margin:0 auto;margin-top:15px;border:1px solid #eee;}
        td{text-align:center;}
        #td a{text-decoration:none;color:#eee;}
        #td a:hover{color:red;}
    </style>
</head>
<body>
    <div id="bdy">
        <div id="top">留言板</div>
        <?php
            if(!empty($_SESSION['name'])){
        ?>
        <span class="span">尊敬的用户：<?php echo $_SESSION['name'];?>,您好！</span>
        <?php
            }else{
        ?>
        <a href="login.php" class="a">登录</a>
        <a href="reg.php" class="a">注册</a>
        <?php
            }
        ?>
        <div id="cont">
            <div id="left">
                <h5>写留言</h5>
                <form method="post" action="addmessage.php">
                    标题：<input type="text" placeholder="请输入标题" name="title">
                    </br></br>
                    内容：<textarea cols="40" rows="5" name="content"></textarea>
                    </br></br>
                    <input type="submit" value="添加留言" id="sub">
                </form>
            </div>
            <div id="right">
                    <table cellspacing="0" cellpadding="0" border="1">
                        <tr>
                            <th>ID</th>
                            <th>标题</th>
                            <th>内容</th>
                            <th>留言者</th>
                        </tr>
                        <?php
                            while($row = mysql_fetch_array($res)){
                        ?>
                        <tr>
                            <td><?php echo $row['id'];?></td>
                            <td><?php echo $row['title'];?></td>
                            <td><?php echo $row['content'];?></td>
                            <td><?php echo $_SESSION['name'];?></td>
                        </tr>
                        <?php
                            }
                        ?>
                        <tr>
                            <td colspan="4" id="td">
                                <a href="<?php echo "$_SERVER[PHP_SELF]?page=1"?>">首页</a>
                                   <a href="<?php echo "$_SERVER[PHP_SELF]?page=".($page-1)?>">上一页</a>
                                <a href="<?php echo "$_SERVER[PHP_SELF]?page=".($page+1)?>">下一页</a>
                                <a href="<?php echo "$_SERVER[PHP_SELF]?page={$total_page}"?>">末页</a>            
                               </td>
                          </tr>
                    </table>
            </div>
        </div>
    </div>
</body>
</html>

新建文件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>留言板</title>
	<style type="text/css">
		*{margin:0px;padding:0px;}
		body{background:#eee;}
		#bdy{width:414px;height:736px;margin:0 auto;margin-top:20px;
			background:#66CDAA;
		}
		#top{font-family:"隶书";font-size:30px;text-align:center;/*margin-top:18px;*/
			color:#f60;}
		.a{text-decoration:none;color:#fff;float:right;padding-right:15px;}
		.a:hover{color:red;}
		#cont{width:414px;height:736px;margin:0 auto;margin-top:20px;}
		#left{width:350px;height:300px;margin-top:80px;margin-left:15px;/*float:left;*/
			background:#48D1CC;padding-left:5px;}

		#right{width:360px;height:200px;margin-top:20px;background:#48D1CC;
			margin-left:15px;/*float:left;*/}
		h5{text-align:center;margin-top:15px;margin-bottom:20px;}
		#sub{width:120px;height:25px;margin-top:15px;}
		#sub:hover{background:#AFEEEE;}
		.span{font-size:18px;color:red;font-weight:bold;}
		table{width:360px;margin:0 auto;margin-top:15px;border:1px solid #eee;}
		td{text-align:center;}
		#td a{text-decoration:none;color:#eee;}
		#td a:hover{color:red;}
	</style>
</head>
<body>
	<div id="bdy">
		<div id="top">留言板</div>
		<a href="login.php" class="a">登录</a>
		<a href="reg.php" class="a">注册</a>
		<div id="cont">
			<div id="left">
				<h5>写留言</h5>
				<form method="post" action="addmessage.php">
					标题：<input type="text" placeholder="请输入标题" name="title">
					</br></br>
					内容：<textarea cols="40" rows="5" name="content"></textarea>
					</br></br>
					<input type="submit" value="添加留言" id="sub">
				</form>
			</div>
			<div id="right">
 <table cellspacing="0" cellpadding="0" border="1">
 				<tr>
			 <th>ID</th>
			 <th>标题</th>
			 <th>内容</th>
			 <th>留言者</th>
 			</tr>
			 <tr>
			 <td>1</td>
			 <td>明天过后</td>
			 <td>11111</td>
			 <td>张飞</td>
			 </tr>
			 <tr>
			 <td colspan="4" id="td">
			 <a href="">首页</a>
			 <a href="">上一页</a>
			 <a href="">下一页</a>
			 <a href="">末页</a>
			 </tr>
 				</table>
 </div>
		</div>
	</div>
</body>
</html>

提交重置代码

自动运行

全屏