创建“ressage.php”文件

我们将页面分成了三个部分，一部分是放入了我们的背景图，一部分是展示我们的留言，一部分是我们发布留言的页面

我们对三个div分别进行了CSS布局，对form表单内容今天了JS 判断，在展示留言版块做了分页，在发布留言版块我们使用了JQ的隐藏域效果

代码如下<?php

session_start();

header("content-type:text/html;charset=utf-8");

$page=isset($_GET['page']) ?$_GET['page'] :1 ;//接收页码

$page=!empty($page) ? $page :1;

$conn=mysqli_connect("localhost","root","root","Ressage");

mysqli_set_charset($conn,'utf8'); //设定字符集

$table_name="ressage_user";//查取表名设置

$perpage=5;//每页显示的数据个数

//最大页数和总记录数

$total_sql="select count(*) from $table_name";

$total_result =mysqli_query($conn,$total_sql);

$total_row=mysqli_fetch_row($total_result);

$total = $total_row[0];//获取最大页码数

$total_page = ceil($total/$perpage);//向上整数

//临界点

$page=$page>$total_page ? $total_page:$page;//当下一页数大于最大页数时的情况

//分页设置初始化

$start=($page-1)*$perpage;

$sql= "select * from ressage_user order by id desc limit $start ,$perpage";

$result=mysqli_query($conn,$sql);

?>

html>

留言板

/*#left{*/

/*width: 25%;*/

/*float: left;*/

/*}*/

/*#center{*/

/*width: 42%;*/

/*float: left;*/

/*}*/

/*#right{*/

/*width: 32%;*/

/*float: left;*/

/*}*/

.right{

margin-left: 140px;

}

.button{

background-color: rgba(230, 228, 236, 0.93); /* Green */

border: none;

color: #110c0f;

padding: 10px 70px;

text-align: center;

display: inline-block;

font-size: 16px;

margin-left: 20px;

cursor: pointer;

}

form{

font-size: 17px;

}

button{

background-color: rgba(249, 247, 255, 0);

border: none;

font-size: 16px;

color: #551a8b;

cursor: pointer;

}

a{

text-decoration:none;

}

table{

width: 360px;

height: 100px;

}

$(document).ready(function(){

$("button").click(function(){

$("form").toggle();

});

});

function foo(){

if(myform.name.value=="")

{

alert("请输入你的姓名");

myform.name.focus();

return false;

}

if (myform.content.value=="")

{

alert("留言内容不能为空");

myform.content.focus();

return false;

}

if(myform.vcode.value==""){

alert('验证码不能为空');

myform.vcode.focus();

return false;

}

}