PHP原生项目之留言板

最新推荐文章于 2021-10-04 23:04:15 发布

Jokey_12138

最新推荐文章于 2021-10-04 23:04:15 发布

阅读量1k

点赞数 4

文章标签： PHP 原生 demo 留言板

本文链接：https://blog.csdn.net/hero_xsx/article/details/102637991

版权

在学习完PHP的基础语法之后，尝试来写一个留言板的小demo，用原生语法写，不接触框架或者其他的什么的。

首先我们设计留言板，有两大板块，一个是添加留言，另一个就是显示留言。顺着这个思路，我们先将数据库设计好。在自己的数据库中新建表message，用来保存留言。数据表中，我们设计，id递增的函数，user用来存储用户名称字符长度25，title 用来存储的标题字符长度50，content 内容输入文本，lastdate 时间用来存储留言发布的时间。

我们可以选择用命令行执行SQL语句来实现。

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 ;

除此以外，我们还可以使用数据库远程客户端，比如Navicat来手动新建表，这个要看自己的意愿了。

数据表新建之后，我们就开始项目的构建。

首先，先连接数据库，使用mysql_connect方法连接数据库，然后选择数据库，设置编码格式，这里用的方法都是面向过程的，函数的具体使用可以查阅php开发手册，conn.php。

<?php
 $conn =mysql_connect("localhost", "用户名", "密码") or die("数据库链接错误");
 mysql_select_db("数据库名", $conn);
 mysql_query("set names 'utf8'"); //使用utf-8中文编码;
 ?>

连接数据库并测试以后，再来设计添加留言的前端页面，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><body>
 <b><a href="add.php">添加留言</a></b>
 <hr size=1>
 <form action="add.php" method="post" >
 用户：<input type="text" size="10" name="user"/><br>
 标题：<input type="text" name="title" /><br>
 内容：<textarea name="content">

接着添加css样式，css.csss。

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;
 }

为了让添加的每条留言都更加符合规范，利用js对填写的内容进行限制。

当设计完添加留言的前端页面之后，就需要设计后端代码了，add.php。后端接收前端传来的值，然后在利用SQL语句将数据插入数据表中，添加成功后返回添加页面。

<?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())";
    mysql_query($sql);
    echo "<script>alert('提交成功！返回首页。');location.href='add.html';</script>";
}
?>

添加留言设计完之后，就需要设计展示留言的界面了。因为展示不需要前端传值，我们就用一个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=mysql_query($sql);
     while($row=mysql_fetch_array($query)){  ?>
 
         <tr bgcolor="#eff3ff">
             <td>标题： <?php echo $row['title'];?> <font color="red">用户： <?php echo $row['user'];?> </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>

写到这里，留言板的功能基本是有了，可以在添加一个删除模块，前端删除你不想要的留言，后台获取到该留言的id，通过SQL语句来删除，del.php。

<?php
include 'conn.php';
    $id = $_GET['id'];
    $query="delete from message where id=".$id;
    mysql_query($query);
?>
//引入conn文件，使用get方式获取id，使用sql语句来删除id
<?php
//页面跳转，实现方式为javascript 
$url = "list.php";
echo "<script>";
echo "window.location.href='$url'";
echo "</script>";
?> 
//使用js页面跳转回list查看文件的页面

这样一来，一个基本的留言板就实现了，之后想要添加什么内容，比如登录，更新留言都是可以的，这要看你自己发挥了，希望这篇留言板的demo搭建介绍可以帮助到大家，谢谢。

附录完整代码。

conn.php

<?php
$conn = @ mysql_connect("localhost", "用户名", "密码") or die("数据库链接错误");
mysql_select_db("数据库名", $conn);
mysql_query("set names 'utf8'"); //使用utf-8中文编码;
?>

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"></textarea><br>
    <input type="submit" name="submit" value="发布留言" />
</form>
</body>
</html>

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;
}

add.php

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

list.php

<!DOCTYPE html>
<html lang="utf-8">
<head>
        <link href="css.css" rel="stylesheet" type="text/css">
</head>
<?php
include ("conn.php");
?>
<table width=500 border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#add3ef" >
    <?php
 $sql="select * from message order by id desc";
 $query=mysql_query($sql);
 while($row=mysql_fetch_array($query)){  ?>
 <tr bgcolor="#eff3ff">
            <td><font color="red">标题：</font><?php echo $row['title'];?> <font color="red">用户：</font><?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>

del.php

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