PHP搭建简易留言板

PHP搭建简易留言板

1.创建数据库

CREATE TABLE `message` (
  `id` tinyint(1) NOT NULL auto_increment,
  `user` varchar(25) NOT NULL,
  `title` varchar(50) NOT NULL,
  `content` tinytext NOT NULL,
  `lastdate` timestamp NOT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

创建完后效果如下:

(本人使用的工具是mysql-front,读者也可以使用其他适合的数据库管理工具)

2.创建所需要的文件

add.html   留言提交前端页面

add.php    评论录入数据库文件

conn.php  连接数据库文件

del.php     删除留言文件

list.php     展示留言页面

css.css      css文件

3.代码详细编写

3.1 conn.php

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2017/9/17/017
 * Time: 20:39
 */
$conn = mysqli_connect('localhost','root','root');
$conn->select_db('bbs');
$conn->query('set names UTF-8');

3.2  add.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="css.css" rel="stylesheet" type="text/css">
    <title>Title</title>
    <?php include ("add.php")?>
</head>
<script>
    function CheckPost() {
        if(myform.user.value=="")
        {
            alert("请填写用户");
            myform.user.focus();
            return false;
        }
        if (myform.title.value.length<5)
        {
            alert("标题不能少于5个字符");
            myform.title.focus();
        return false;
        }
        if (myform.content.value=="")
        {
            alert("内容不能为空");
            myform.content.focus();
            return false;
        }
    }
</script>
<body>
<b> <a href="list.php">浏览留言</a>  </b>
<hr size=1>
<form action="add.php" method="post" name="myform" onsubmit="return CheckPost();">
    用户:<input type="text" size="10" name="user"/><br>
    标题:<input type="text" name="title" /><br>
    内容:<textarea name="content" rows="20" cols="60"></textarea><br>
    <input type="submit" name="submit" value="发布留言" />
</form>
</body>
</html>

3.3 add.php

<?php
include ("conn.php");
$id=$_POST['id'];
$user=$_POST['user'];
$title=$_POST['title'];
$content=$_POST['content'];
if ($_POST['submit']){
    $sql="insert into message(id,user,title,content,lastdate)values('','$user','$title','$content',now())";
    $conn->query($sql);
    echo "<script>alert('添加成功');history.go(-1)</script>";
}
?>

3.4 del.php

<?php
include 'conn.php';
$id = $_GET['id'];
$query="delete from message where id=".$id;
$conn->query($query);
?>
<?php
//页面跳转,实现方式为javascript
$url = "list.php";
echo "<script>";
echo "window.location.href='$url'";
echo "</script>";
?>

3.5 list.php

<!DOCTYPE html>
<html lang="utf-8">
<head>
    <?php
    include ("conn.php");
    ?>
    <link href="css.css" rel="stylesheet" type="text/css">
</head>


<table width=500 border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#add3ef" >
    <?php
    $sql="select * from message order by id desc";
    $query=$conn->query($sql);
    while($row=$query->fetch_array(MYSQLI_BOTH)){  ?>
        <tr bgcolor="#eff3ff">
            <td>标题: <?php echo $row['title'];?> <font color="red">用户: <?php echo $row['user'];?><div align="right"><a href="del.php?id=<?php echo $row['id'];?>">删除</a></div> </td>
        </tr>
        <tr bgColor="#ffffff">
            <td>发表内容:<?php echo $row['content'];?></td>
        </tr>
        <tr bgColor="#ffffff">
            <td><div align="right">时间:<?php echo $row['lastdate'];?></td>
        </tr>
    <?php } ?>
    <tr bgcolor="#f0fff0">
        <td><div align="right"><a href="add.html">返回留言</a> </td>
    </tr>
</table>
</html>

3.6 css.css

td {
    line-height: 16pt;
    font-size: 10pt;
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
 }
 a:link {
    text-decoration: none;
    color: #000000;
 }
 body {
    font-size: 10pt;
    line-height: 13pt;
    background-color: #ECF5FF;
 }
 
 textarea {
    font-size: 8pt;
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    border: 1px solid #999999;
    padding: 5px;
 }
 form {
    margin: 0px;
    padding: 0px;
 }
 .textdrow {
    color:#666666;
    filter: DropShadow(Color=white, OffX=1, OffY=1, Positive=1);
 }
 .p {
    text-indent: 24px;
 }

4.页面展示

提交页面:

留言展示:

谢谢观看!

猜你喜欢

转载自my.oschina.net/u/3444234/blog/1540791