ホームページ バックエンド開発 PHPチュートリアル PHP は、知識の質問と回答の Web サイトにタグ クラウドとトピックの集約機能を実装します。

PHP は、知識の質問と回答の Web サイトにタグ クラウドとトピックの集約機能を実装します。

Jul 01, 2023 pm 10:03 PM
タグクラウド トピックの集約 PHPの実装

PHP は、ナレッジ Q&A Web サイトにタグ クラウドとトピック集約機能を実装します。

ナレッジ Q&A Web サイトでは、タグ クラウドとトピック集約の 2 つの重要な機能があります。タグ クラウドを使用すると、ユーザーは Web サイト上の注目のトピックや一般的なタグをすばやく理解できるようになり、関連する質問と回答の閲覧や検索が容易になります。トピックの集約により、質問と回答を同じタグでグループ化することができ、ユーザーはより便利に表示および議論できるようになります。以下では、PHP を使用してこれら 2 つの関数を実装します。

まず、質問、回答、タグのデータを保存するデータベースを作成する必要があります。質問、回答、タグの 3 つのテーブルを含む「qa」という名前のデータベースを作成できます。

質問テーブルの構造は次のとおりです。

CREATE TABLE `questions` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(255) DEFAULT '',
  `content` text,
  `date` datetime DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
ログイン後にコピー

answers テーブルの構造は次のとおりです。

CREATE TABLE `answers` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `question_id` int(11) DEFAULT NULL,
  `content` text,
  `date` datetime DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
ログイン後にコピー

tags テーブルの構造は次のとおりです。

CREATE TABLE `tags` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(255) DEFAULT '',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
ログイン後にコピー

次に、Q&A Web サイトの質問と回答のページにタグ選択ボックスを追加し、ユーザーが選択したタグを質問または回答に関連付ける必要があります。

<!-- 提问页面 -->
<form action="post_question.php" method="post">
  <label for="title">问题标题:</label>
  <input type="text" name="title" id="title"><br>

  <label for="content">问题内容:</label>
  <textarea name="content" id="content"></textarea><br>

  <label for="tags">标签:</label>
  <select name="tags[]" id="tags" multiple>
    <option value="php">PHP</option>
    <option value="javascript">JavaScript</option>
    <option value="html">HTML</option>
    <!-- 其他标签选项 -->
  </select><br>

  <input type="submit" value="提交问题">
</form>

<!-- 回答页面 -->
<form action="post_answer.php" method="post">
  <label for="content">回答内容:</label>
  <textarea name="content" id="content"></textarea><br>

  <label for="tags">标签:</label>
  <select name="tags[]" id="tags" multiple>
    <option value="php">PHP</option>
    <option value="javascript">JavaScript</option>
    <option value="html">HTML</option>
    <!-- 其他标签选项 -->
  </select><br>

  <input type="submit" value="提交回答">
</form>
ログイン後にコピー

次に、質問または回答に関連付けられたタグ データを、バックグラウンドの質問送信ハンドラー (post_question.php) および回答送信ハンドラー (post_answer.php) のデータベースに保存する必要があります。

// post_question.php
// 获取用户提交的问题数据
$title = $_POST['title'];
$content = $_POST['content'];
$tags = $_POST['tags'];

// 插入问题数据到 questions 表中
// 获取最后插入的问题的id
$question_id = mysqli_insert_id($conn);

// 插入标签数据到 tags 表中
foreach ($tags as $tag) {
  $sql = "INSERT INTO tags (title) VALUES ('$tag')";
  mysqli_query($conn, $sql);
  
  // 获取最后插入的标签的id
  $tag_id = mysqli_insert_id($conn);
  
  // 插入问题和标签的关联到 question_tag 表中
  $sql = "INSERT INTO question_tag (question_id, tag_id) VALUES ($question_id, $tag_id)";
  mysqli_query($conn, $sql);
}

// post_answer.php
// 获取用户提交的回答数据
$content = $_POST['content'];
$tags = $_POST['tags'];

// 插入回答数据到 answers 表中
// 获取最后插入的回答的id
$answer_id = mysqli_insert_id($conn);

// 插入标签数据到 tags 表中
foreach ($tags as $tag) {
  $sql = "INSERT INTO tags (title) VALUES ('$tag')";
  mysqli_query($conn, $sql);
  
  // 获取最后插入的标签的id
  $tag_id = mysqli_insert_id($conn);
  
  // 插入回答和标签的关联到 answer_tag 表中
  $sql = "INSERT INTO answer_tag (answer_id, tag_id) VALUES ($answer_id, $tag_id)";
  mysqli_query($conn, $sql);
}
ログイン後にコピー

これで、ユーザーが選択したタグを質問と回答に関連付けることができました。次にタグクラウドとトピック集約機能を実装していきます。

まず、すべてのタグとその出現数を取得する PHP 関数を記述する必要があります。

function getTagsCloud() {
  global $conn;
  
  // 查询所有标签及其出现次数
  $sql = "SELECT title, COUNT(*) AS count FROM tags GROUP BY title";
  $result = mysqli_query($conn, $sql);
  
  $tagsCloud = array();
  while ($row = mysqli_fetch_assoc($result)) {
    $tagsCloud[$row['title']] = $row['count'];
  }
  
  return $tagsCloud;
}
ログイン後にコピー

次に、この関数をフロントエンド ページで使用して、タグ クラウドを表示できます。

<?php
// 获取标签云数据
$tagsCloud = getTagsCloud();
?>

<!-- 标签云 -->
<div class="tag-cloud">
  <?php foreach ($tagsCloud as $tag => $count): ?>
    <a href="search.php?tag=<?php echo $tag; ?>"><?php echo $tag; ?></a>
  <?php endforeach; ?>
</div>
ログイン後にコピー

最後に、トピック集約機能、つまりタグに基づいて関連する質問と回答をクエリする機能を実装できます。

function getQuestionsByTag($tag) {
  global $conn;
  
  // 根据标签获取问题
  $sql = "SELECT q.id, q.title, q.date, COUNT(*) AS answersCount 
          FROM questions q 
          INNER JOIN question_tag qt ON q.id = qt.question_id 
          INNER JOIN tags t ON t.id = qt.tag_id 
          WHERE t.title = '$tag' 
          GROUP BY q.id";
  $result = mysqli_query($conn, $sql);
  
  $questions = array();
  while ($row = mysqli_fetch_assoc($result)) {
    $questions[] = $row;
  }
  
  return $questions;
}

function getAnswersByTag($tag) {
  global $conn;
  
  // 根据标签获取回答
  $sql = "SELECT a.id, a.content, a.date, q.title 
          FROM answers a 
          INNER JOIN answer_tag at ON a.id = at.answer_id 
          INNER JOIN tags t ON t.id = at.tag_id 
          INNER JOIN questions q ON q.id = a.question_id 
          WHERE t.title = '$tag'";
  $result = mysqli_query($conn, $sql);
  
  $answers = array();
  while ($row = mysqli_fetch_assoc($result)) {
    $answers[] = $row;
  }
  
  return $answers;
}
ログイン後にコピー

トピック詳細ページで上記の 2 つの機能を使用して、関連する質問と回答を表示できます。

<?php
// 获取标签名称
$tag = $_GET['tag'];

// 获取话题相关的问题和回答数据
$questions = getQuestionsByTag($tag);
$answers = getAnswersByTag($tag);
?>

<!-- 话题相关的问题 -->
<?php foreach ($questions as $question): ?>
  <div class="question">
    <h3><?php echo $question['title']; ?></h3>
    <p>回答数量: <?php echo $question['answersCount']; ?></p>
    <!-- 其他问题信息展示 -->
  </div>
<?php endforeach; ?>

<!-- 话题相关的回答 -->
<?php foreach ($answers as $answer): ?>
  <div class="answer">
    <h4><?php echo $answer['title']; ?></h4>
    <p><?php echo $answer['content']; ?></p>
    <!-- 其他回答信息展示 -->
  </div>
<?php endforeach; ?>
ログイン後にコピー

上記のコード例を通じて、ナレッジ Q&A Web サイトにタグ クラウドとトピック集約機能を実装することに成功しました。これにより、ユーザーはホット トピックや関連する質問と回答を簡単に閲覧できるようになります。同時に、読者がコードの実装アイデアをよりよく理解できるように、対応するデータベース操作の例も提供します。この記事が困っている読者の役に立てば幸いです。

以上がPHP は、知識の質問と回答の Web サイトにタグ クラウドとトピックの集約機能を実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTML、CSS、jQuery を使用してレスポンシブ タグ クラウドを作成する方法 HTML、CSS、jQuery を使用してレスポンシブ タグ クラウドを作成する方法 Oct 27, 2023 am 10:46 AM

HTML、CSS、jQuery を使用してレスポンシブ タグ クラウドを作成する方法 タグ クラウドは、さまざまなキーワードやタグを表示するために使用される一般的な Web 要素です。通常、キーワードの重要性がさまざまなフォント サイズまたは色で表示されます。この記事では、HTML、CSS、jQueryを使ってレスポンシブタグクラウドを作成する方法と、具体的なコード例を紹介します。 HTML 構造の作成 まず、HTML でタグ クラウドの基本構造を作成する必要があります。順序なしリストを使用してタグを表すことができます

CSS を使用してタグクラウド効果を作成する方法 CSS を使用してタグクラウド効果を作成する方法 Oct 21, 2023 am 11:23 AM

CSS を使用してタグ クラウド効果を作成する方法 タグ クラウドは一般的な Web デザイン要素であり、さまざまなサイズと色のタグで構成され、キーワードやタグの人気を示すために使用されます。この記事では、CSS を使用してタグ クラウド エフェクトを作成する方法と、具体的なコード例を紹介します。 HTML 構造 まず、タグ クラウドのコンテンツをラップするコンテナ要素を HTML で作成する必要があります。順序なしリスト (ul) またはリンクされた要素のセットを持つコンテナー (a) を使用できます。 <ul

WordPressプラグインにタグクラウド管理機能を追加する方法 WordPressプラグインにタグクラウド管理機能を追加する方法 Sep 05, 2023 am 11:28 AM

WordPress プラグインにタグクラウド管理機能を追加する方法 はじめに: WordPress は、強力で使いやすいオープンソースのコンテンツ管理システムです。プラグインによる豊富な拡張機能を備えており、ユーザーのニーズに合わせて簡単にWebサイトをカスタマイズできます。中でもTagCloudは、さまざまなタグの人気度を雲状に表示したり、アルファベット順に並べたりできる共通機能です。この記事ではWordPressプラグインにタグクラウド管理機能を追加する方法を紹介します。

HTML、CSS、jQueryを使用して動的タグクラウドを作成する方法 HTML、CSS、jQueryを使用して動的タグクラウドを作成する方法 Oct 26, 2023 am 08:34 AM

HTML、CSS、および jQuery を使用して動的タグ クラウドを作成する方法 タグ クラウドは一般的な Web デザイン要素であり、ユーザーが興味のあるコンテンツをすばやく参照して選択できるように、Web サイトのタグやキーワードを表示するためによく使用されます。この記事では、HTML、CSS、jQuery を使用して動的タグ クラウドを作成する方法と、具体的なコード例を紹介します。 HTML 構造 まず、タグ クラウドを保持するための基本的な HTML 構造を作成する必要があります。通常、タグ クラウドは複数のタグを含むチェーンによって作成されます。

Vueにタグクラウド機能を実装するにはどうすればよいですか? Vueにタグクラウド機能を実装するにはどうすればよいですか? Jun 25, 2023 am 10:12 AM

Vue は、Web 開発に広く使用されている人気のあるプログレッシブ JavaScript フレームワークです。タグ クラウドは、Web サイト上にタグやキーワードを表示する多くの Web サイトに共通の要素です。この記事では、Vue を使用してタグ クラウド機能を実装する方法について説明します。タグ クラウド コンポーネントの作成 まず、タグ クラウドを表示するコンポーネントを作成する必要があります。次のコードを使用して開始できます:&lt;template&gt;&lt;divclass="ta

PHP は、知識の質問と回答の Web サイトにユーザーのオンライン ステータスとアクティビティの追跡機能を実装します。 PHP は、知識の質問と回答の Web サイトにユーザーのオンライン ステータスとアクティビティの追跡機能を実装します。 Jul 02, 2023 pm 04:27 PM

PHP は、知識の質問と回答の Web サイトにユーザーのオンライン ステータスとアクティビティの追跡機能を実装します。インターネットの急速な発展に伴い、知識の質問と回答の Web サイトは、人々が情報を取得し、知識を共有するための重要なプラットフォームになりました。クイズ Web サイトの管理者または開発者は、ユーザーのアクティビティをタイムリーに把握し監視するために、ユーザーのオンライン ステータスとアクティビティ追跡機能を実装することを検討できます。この記事では、PHPを使用してこれらの機能を実装する方法を紹介します。ユーザーのオンライン ステータス機能は、ユーザーのオンライン ステータスがユーザーが現在 Web サイト上でアクティブであるかどうかを指すことを認識します。これを達成するために

PHP は、知識の質問と回答の Web サイトにタグ クラウドとトピックの集約機能を実装します。 PHP は、知識の質問と回答の Web サイトにタグ クラウドとトピックの集約機能を実装します。 Jul 01, 2023 pm 10:03 PM

PHP は、知識質疑応答 Web サイトにタグ クラウドとトピック集約機能を実装します。知識質疑応答 Web サイトでは、タグ クラウドとトピック集約は 2 つの重要な機能です。タグ クラウドを使用すると、ユーザーは Web サイト上の注目のトピックや一般的なタグをすばやく理解できるようになり、関連する質問と回答の閲覧や検索が容易になります。トピックの集約により、質問と回答を同じタグでグループ化することができ、ユーザーはより便利に表示および議論できるようになります。以下では、PHP を使用してこれら 2 つの関数を実装します。まず、質問を保存するデータベースを作成する必要があります。

Layuiを使用して折りたたみ可能なタグクラウドコンポーネント機能を実装する方法 Layuiを使用して折りたたみ可能なタグクラウドコンポーネント機能を実装する方法 Oct 25, 2023 am 08:41 AM

Layui を使用して折りたたみ可能なタグ クラウド コンポーネントを実装する方法の概要: タグ クラウドは、ページ上にさまざまなスタイルでタグを表示できる一般的な Web 要素であり、ユーザーが目的のタグをすばやく参照して選択できるようにします。タグ クラウドは折りたたむことができるため、ページ スペースを効果的に利用し、ユーザー エクスペリエンスを向上させることができます。この記事では、Layui フレームワークを使用して折りたたみ可能なタグ クラウド コンポーネント機能を実装する方法と、詳細なコード例を紹介します。ステップ 1: Layui フレームワークの関連リソース ファイルをインポートします。

See all articles