PHP 實作知識問答網站中的問題標記和收藏功能。

王林
發布: 2023-07-02 08:10:02
原創
1310 人瀏覽過

PHP 實現知識問答網站中的問題標記和收藏功能

隨著互聯網的快速發展,知識問答網站成為了人們獲取和分享知識的重要平台。在這些網站上,使用者可以提出問題、回答問題、瀏覽和搜尋相關問題和答案等。為了提高使用者體驗和功能完整性,問題標記和收藏功能成為了不可或缺的一部分。本文將介紹如何使用PHP語言實作這些功能,並提供對應的程式碼範例。

問題標記功能可讓使用者為問題打上標籤,方便後續的搜尋和分類。在實作過程中,我們可以使用標籤關聯表來實現問題和標籤之間的多對多關係。以下是一個範例的資料庫表格結構:

CREATE TABLE `questions` (
  `id` int(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
  `title` varchar(255) NOT NULL,
  `content` text NOT NULL
);

CREATE TABLE `tags` (
  `id` int(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
  `name` varchar(50) NOT NULL
);

CREATE TABLE `question_tags` (
  `question_id` int(11) UNSIGNED,
  `tag_id` int(11) UNSIGNED,
  FOREIGN KEY (`question_id`) REFERENCES `questions`(`id`) ON DELETE CASCADE,
  FOREIGN KEY (`tag_id`) REFERENCES `tags`(`id`) ON DELETE CASCADE
);
登入後複製

在問題頁面中,我們可以提供一個輸入框,允許使用者輸入標籤,並在輸入過程中給予自動補全的建議。以下是一個簡單實作的範例程式碼:

<label>标签:</label>
<input type="text" id="tag-input" name="tags" autocomplete="off">
<div id="tag-suggestions"></div>

<script>
    $(document).ready(function() {
        $('#tag-input').on('keyup', function() {
            var keyword = $(this).val();
            $('#tag-suggestions').empty();
            
            if (keyword.length > 0) {
                $.ajax({
                    url: 'tag_suggestions.php',
                    data: {keyword: keyword},
                    dataType: 'json',
                    success: function(response) {
                        if (response.length > 0) {
                            $.each(response, function(index, value) {
                                $('#tag-suggestions').append('<div class="tag-suggestion">' + value.name + '</div>');
                            });
                        }
                    }
                });
            }
        });
        
        $(document).on('click', '.tag-suggestion', function() {
            var tagName = $(this).text();
            var tagInput = $('#tag-input');
            var currentTags = tagInput.val().split(',');
            
            if ($.inArray(tagName, currentTags) === -1) {
                tagInput.val(currentTags.join(',') + ',' + tagName);
            }
            
            $('#tag-suggestions').empty();
        });
    });
</script>
登入後複製

在上述程式碼中,我們使用了jQuery函式庫,監聽了輸入框的鍵盤輸入事件。每次輸入之後,呼叫 tag_suggestions.php 實作伺服器端的標籤建議功能,並將結果展示在頁面上。

tag_suggestions.php 檔案中,我們可以實作標籤建議的邏輯。以下是一個範例的程式碼:

<?php
$keyword = $_GET['keyword'];

// 模拟从数据库中查询标签建议
$tags = array();
if ($keyword === 'php') {
    $tags[] = array('name' => 'PHP');
    $tags[] = array('name' => 'PHP框架');
} elseif ($keyword === 'javascript') {
    $tags[] = array('name' => 'JavaScript');
    $tags[] = array('name' => 'JavaScript库');
}

echo json_encode($tags);
?>
登入後複製

在收藏功能中,使用者可以將自己感興趣的問題收藏起來以便後續查看。為了實現這個功能,我們可以建立一個單獨的 favorites 表,記錄使用者收藏的問題。以下是一個簡單的資料庫表格結構範例:

CREATE TABLE `favorites` (
  `id` int(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
  `user_id` int(11) UNSIGNED,
  `question_id` int(11) UNSIGNED,
  FOREIGN KEY (`user_id`) REFERENCES `users`(`id`) ON DELETE CASCADE,
  FOREIGN KEY (`question_id`) REFERENCES `questions`(`id`) ON DELETE CASCADE
);
登入後複製

在問題頁面中,我們可以為每個問題提供一個收藏按鈕,點擊按鈕時會將問題的ID傳送到伺服器端進行處理。以下是一個範例的程式碼:

<button class="favorite-button" data-question-id="1">收藏</button>

<script>
    $(document).ready(function() {
        $('.favorite-button').on('click', function() {
            var questionId = $(this).data('question-id');
            
            $.ajax({
                url: 'favorite_question.php',
                data: {questionId: questionId},
                success: function(response) {
                    alert(response);
                }
            });
        });
    });
</script>
登入後複製

favorite_question.php 檔案中,我們可以實作問題收藏的邏輯。以下是一個範例的程式碼:

<?php
$questionId = $_GET['questionId'];

// 假设当前用户已经登录,获取当前用户的ID
$userId = 1;

// 将问题ID和用户ID插入到favorites表中
$connection = new mysqli('localhost', 'username', 'password', 'database');
$statement = $connection->prepare('INSERT INTO favorites (user_id, question_id) VALUES (?, ?)');
$statement->bind_param('ii', $userId, $questionId);
$statement->execute();

if ($statement->affected_rows > 0) {
    echo '问题已收藏';
} else {
    echo '收藏失败';
}

$statement->close();
$connection->close();
?>
登入後複製

在這篇文章中,我們介紹如何使用PHP實作知識問答網站中的問題標記和收藏功能。透過程式碼範例,我們展示瞭如何實現前端的輸入建議和點擊收藏按鈕的功能,並提供了相應的伺服器端處理邏輯。這些功能的實現將增強知識問答網站的實用性和使用者體驗,為使用者提供更好的服務。

以上是PHP 實作知識問答網站中的問題標記和收藏功能。的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板