PHP程式設計進階：多篇文章按讚功能設計與實現-php教程-PHP中文網

PHP程式設計進階：多篇文章按讚功能設計與實現

WBOY

發布： 2024-02-28 08:04:02

原創

527 人瀏覽過

PHP程式設計進階：多篇文章按讚功能設計與實現

身為PHP開發者，我們經常會遇到需要為網站或應用程式添加按讚功能的需求。本文將介紹如何透過PHP程式設計進階來設計和實作一個多篇文章按讚功能，以及提供具體的程式碼範例。

一、功能需求分析

在設計多篇文章按讚功能之前，首先需要先明確我們的功能需求：

使用者可以查看網站上的多篇文章，並對每篇文章進行按讚操作。
用戶只能對每篇文章進行一次點贊，當用戶已經按讚過時，無法重複按讚。
用戶可以查看每篇文章有多少人按讚，並且可以取消按讚。

二、資料庫設計

為了實現按讚功能，我們需要在資料庫中儲存使用者的讚資訊。接下來，我們設計一個簡單的資料庫表格來儲存按讚資訊：

CREATE TABLE likes (
    id INT AUTO_INCREMENT PRIMARY KEY,
    article_id INT,
    user_id INT,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

登入後複製

在上面的表中，我們儲存了按讚記錄的id、文章id、使用者id以及建立時間。

三、頁面設計

我們將建立一個包含多篇文章的頁面，並在每篇文章下方顯示按讚按鈕。當使用者點擊按讚按鈕時，我們將透過AJAX請求發送點讚訊息到後端。

以下是一個簡單的頁面設計範例：

<!DOCTYPE html>
<html>
<head>
    <title>多篇文章点赞功能</title>
</head>
<body>
    <div>
        <h1>文章标题1</h1>
        <p>文章内容1</p>
        <button class="like-btn" data-article-id="1">点赞</button>
    </div>
    <div>
        <h1>文章标题2</h1>
        <p>文章内容2</p>
        <button class="like-btn" data-article-id="2">点赞</button>
    </div>
</body>
</html>

登入後複製

四、PHP後端實作

在PHP後端，我們將寫接收AJAX請求的程式碼，並處理按讚功能的邏輯。以下是一個簡單的PHP程式碼範例：

<?php
require('db.php'); // 连接数据库

if ($_POST['action'] == 'like') {
    $article_id = $_POST['article_id'];
    $user_id = 1; // 假设用户id为1

    $sql = "SELECT * FROM likes WHERE article_id = $article_id AND user_id = $user_id";
    $result = mysqli_query($conn, $sql);

    if (mysqli_num_rows($result) == 0) {
        $sql = "INSERT INTO likes (article_id, user_id) VALUES ($article_id, $user_id)";
        mysqli_query($conn, $sql);
        echo "点赞成功";
    } else {
        echo "您已经点赞过了";
    }
}
?>

登入後複製

五、前端AJAX請求

#最後，我們需要寫前端JS程式碼來處理點擊按讚按鈕發送的AJAX請求。以下是一個簡單的JS程式碼範例：

document.querySelectorAll('.like-btn').forEach((btn) => {
    btn.addEventListener('click', function() {
        const articleId = this.getAttribute('data-article-id');

        fetch('like.php', {
            method: 'POST',
            body: JSON.stringify({action: 'like', article_id: articleId})
        })
        .then(response => response.text())
        .then(data => {
            alert(data);
        })
        .catch(error => console.error('Error:', error));
    });
});

登入後複製

透過上述步驟，我們就可以實作一個簡單的多篇文章按讚功能。當使用者點選按讚按鈕時，後端會接收到AJAX請求，檢查使用者是否已經按讚過，然後更新資料庫記錄。

希望本文對PHP程式設計進階中的讚功能設計與實作有所幫助。這只是一個簡單範例，在實際應用中可能需要更複雜的邏輯和最佳化，有待開發者進一步完善和擴展。

以上是PHP程式設計進階：多篇文章按讚功能設計與實現的詳細內容。更多資訊請關注PHP中文網其他相關文章！