php實現簡單留言板功能

時間 2020-05-31

標籤 php 實現簡單留言板功能欄目 PHP 简体版

原文原文鏈接

首先建立消息表，其主要字段有發送者的名稱，消息內容，以及消息發送時間；php

而後在前端建立表單並將留言消息查詢出來，進行列表展現，index.htmlhtml

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
    <form action="./send_message.php" method="POST">    
      <input type="text" name="sender" placeholder="你的暱稱"><br>
      <textarea rows="5" cols="22" name="content" placeholder="留言內容"></textarea>  <br>
      <button type="submit">發送</button>  
    </form>  

    <table id="list" border="1" cellspacing="0" style="margin-top:20px;">  
      <tr>  
        <th>ID</th>  
        <th>Name</th>  
        <th>Sender</th>  
        <th class="content">Content</th>  
        <th>操做</th>  
      </tr>   
    <table>  
    <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.js"></script>
    <script>
        $.get('/test/main.php',function(data){
            data = JSON.parse(data).data;
            var html = '';
            $(data).each(function(index,item){
                html+= `
                    <tr>  
                      <td>${item.id}</td>  
                      <td>${item.sender}</td>  
                      <td>${item.content}</td>  
                      <td>${item.send_time}</td>  
                      <td>  
                      <a href="./update.php?id=${item.id}">修改</a>  
                      <a href="./del.php?id=${item.id}">刪除</a>  
                      </td>  
                    </tr> 
                `;
            });
            
            $('#list').append(html);
        });
    </script>
</body>
</html>

將表單提交過來的信息保存到數據庫，send_message.php前端

<?php

$send_time = time();
$sender = $_POST['sender'];
$content = $_POST['content'];
$con = mysqli_connect('localhost','root','123456');
if(!$con){
    die('數據庫鏈接失敗').mysqli_error();
}
mysqli_select_db($con,'test');
mysqli_query('set names utf8');
$sql = "insert into message(sender,content,send_time) values('$sender','$content','$send_time')";
$res = mysqli_query($con,$sql);
if($res){
    echo '<script>alert("留言成功");window.location.href="index.html";</script>';
}else{
    echo '<script>alert("留言失敗");window.location.href="index.html";</script>';
}

從數據庫讀取數據，並返回json，main.phpmysql

<?php

$con = mysqli_connect('localhost','root','123456');
if(!$con){
    die('數據庫鏈接失敗').mysqli_error();
}
mysqli_select_db($con,'test');
mysqli_query('set names utf8');
$sql = 'select * from message';
$res = mysqli_query($con,$sql);
$arr = [];
while($row = mysqli_fetch_array($res,MYSQLI_ASSOC)){
    $row['send_time'] = date('Y-m-d H:i:s',$row['send_time']);
    $arr[] = $row;
}

if(isset($res)){
    echo json_encode(array(
        'code'=>0,
        'msg'=>'ok',
        'data'=>$arr
    ));
}else{
    echo json_encode(array(
        'code'=>0,
        'msg'=>'聊天信息爲空'
    ));
}

?>

效果以下：jquery

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。