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>

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

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

<div id="right">
    <table cellspacing="0" cellpadding="0" border="1">
        <tr>
            <th>ID</th>
            <th>标题</th>
            <th>内容</th>
            <th>留言者</th>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td colspan="4" id="td">
                <a href="">首页</a>
                <a href="">上一页</a>
                <a href="">下一页</a>
                <a href="">末页</a>        
            </td>
        </tr>
    </table>
</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>
            


        

下面是完整代码:

<?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>
提交重置代码