PHP プログラミング スキル: 複数の記事に like 関数を実装する

王林
リリース: 2024-02-27 15:28:02
オリジナル
467 人が閲覧しました

PHP プログラミング スキル: 複数の記事に like 関数を実装する

タイトル: PHP プログラミング スキル: 複数の記事に Like 関数を実装する

Web サイト開発において、like 関数は一般的かつ重要な関数の 1 つです。インタラクティブ性を高め、ユーザーエクスペリエンスを向上させます。この記事では、PHP を使用して複数の記事にいいね! 機能を実装する方法について説明します。 PHP および MySQL データベースを使用してこの機能を実装し、読者が実装プロセスをよりよく理解できるように具体的なコード例を提供します。

ステップ 1: データベースを作成する

まず、記事情報といいね数を保存するデータベースを作成する必要があります。 id、title、likes の 3 つのフィールドを含む「articles」という名前のデータベースを作成します。このうち、id は記事の一意の識別子、title は記事のタイトル、like は記事のいいね数です。

CREATE DATABASE articles;

USE articles;

CREATE TABLE articles (
    id INT(11) AUTO_INCREMENT PRIMARY KEY,
    title VARCHAR(255) NOT NULL,
    likes INT(11) DEFAULT 0
);
ログイン後にコピー

ステップ 2: 記事リストを表示する

すべての記事のリストを表示し、各記事に「いいね!」ボタンを追加するための PHP ファイルを作成します。ユーザーはボタンをクリックして記事に「いいね!」をすることができます。

<?php
//连接数据库
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "articles";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

//查询数据库获取文章列表
$sql = "SELECT * FROM articles";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        echo "<div>";
        echo "<h2>" . $row['title'] . "</h2>";
        echo "<button onclick='likeArticle(" . $row['id'] . ")'>点赞</button>";
        echo "<span id='likes_" . $row['id'] . "'>" . $row['likes'] . "</span>";
        echo "</div>";
    }
} else {
    echo "暂无文章";
}

$conn->close();
?>
ログイン後にコピー

ステップ 3: like 関数の実装

like 関数を処理する JavaScript 関数を作成し、Ajax リクエストを通じてデータベースのいいね数を更新します。

function likeArticle(article_id) {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("likes_" + article_id).innerHTML = this.responseText;
        }
    };
    xmlhttp.open("GET", "like_article.php?id=" + article_id, true);
    xmlhttp.send();
}
ログイン後にコピー

ステップ 4: いいね数を更新する

いいね リクエストを処理し、データベース内の記事のいいね数を更新するための「like_article.php」という名前の PHP ファイルを作成します。

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "articles";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

$article_id = $_GET['id'];

$sql_update = "UPDATE articles SET likes = likes + 1 WHERE id = $article_id";

if ($conn->query($sql_update) === TRUE) {
    $sql_select = "SELECT likes FROM articles WHERE id = $article_id";
    $result = $conn->query($sql_select);
    $row = $result->fetch_assoc();
    echo $row['likes'];
} else {
    echo "Error updating record: " . $conn->error;
}

$conn->close();
?>
ログイン後にコピー

以上の手順により、複数の記事にいいね機能を実装することができました。ユーザーはウェブサイト上の記事を閲覧し、気に入った記事に「いいね!」をすることができます。ボタンをクリックすると、データベース内の「いいね!」の数が Ajax リクエストを通じて更新され、リアルタイムでユーザーに表示されます。このようにして、ユーザー エクスペリエンスが向上するだけでなく、ユーザーの対話性も向上します。

上記の内容がお役に立てば幸いです。また、これらのテクニックを実際のプロジェクトにうまく適用して、Web サイト開発能力を向上できることを願っています。

以上がPHP プログラミング スキル: 複数の記事に like 関数を実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート