PHP: Infinitus コメント モジュールを作成する

卒業制作のコメントモジュールは当初Duoshuoプラグインを使って完成させていましたが、コメント内容を自分で管理できるようになりたいと思い、コメントモジュールを自分で書き始めました。具体的な計画としては、次のコメントも同様の構造を採用することです。つまり、図に示すように、第 1 レベルのコメントは記事の直下に表示され、第 2 レベルと第 3 レベルのコメントは第 1 レベルのコメントの下に表示されます。以下の図:

コメント構造

これは、Infinitus 分類の応用と言えると思います。正確には、子孫を分類した後、ループを出力します。コメントを作成します (Infinitus 分類を理解していない友人は、私の記事「Infinitus 分類の原理と実装」を読むことができます)。

もちろん、Infinitus のコメントに返信する機能を完全に完了するには、他にも重要なポイントがあります。私が Infinitus のコメントを完成させた方法について話しましょう。

データベース設計

まずはデータテーブルの設計です。フォーラム システムの場合、コメント データは 2 つのテーブルに分割でき、1 つのテーブルには、投稿のユーザー ID または返信のユーザー ID、返信の投稿 ID、 返信時刻など ; 投稿の件名や返信の内容など、コメントの内容を保存する別のテーブル。

私が完成したのは、記事のコメントモジュールです。次のように、コメントの内容と情報を直接結合します。列

SQL ステートメント:

CREATE TABLE comment (
    comm_id INT UNSIGNED PRIMARY KEY AUTO_INCREMENT,
    user_id INT UNSIGNED NOT NULL DEFAULT 0 ,
    parent_id INT UNSIGNED NOT NULL DEFAULT 0 ,
    article_id INT UNSIGNED NOT NULL DEFAULT 0 ,
    comm_cont TEXT,
    comm_time INT UNSIGNED NOT NULL DEFAULT 0 
) ENGINE=MYISAM CHARSET=UTF8 ;

この構造は、Infinitus 応答を完成させるための基礎です。また、取得されたデータが Infinitus によって適切に分類できることも明確にわかります。

コメントの構造分析

コメントをデータベースに入力し、それを取得して HTML に配置することも非常に簡単です。しかし、この構造は非常に乱雑で無秩序です。コメントモジュールをコメントのように完成させたい場合は、特別な方法を使用する必要があります。

次に、コメントの構造を詳しく見る必要があります。

コメント構造

上記のデータテーブル構造と組み合わせると、データテーブルから取り出してInfinitusによって分類されたデータの構造は次のようになると推測できます:

array (
    array(一级评论,
        child=>array(
            二级评论，
            三级评论
            ）
        ），
    array (
        一级评论 ，
        child=>array(
            )
    ……

なぜそう言えるのか?第 2 レベルと第 3 レベルのコメントが第 1 レベルのコメントにラップされており、第 2 レベルと第 3 レベルのコメントは並列関係であることが明確にわかります。したがって、第 2 レベルと第 3 レベルのコメントは、第 1 レベルのコメント、第 2 レベルと第 3 レベルのコメントは並列ノードであり、親子関係はありません。

したがって、複数レベルのコメントが第 1 レベルのコメントに対する返信であるかどうかに関係なく、それが第 1 レベルのコメントの範囲内にある限り、機密データには 1 つの子孫ノードしか存在しないと結論付けることができます。レベルのコメントの場合、その親ノードは第 1 レベルのコメントである必要があります。

では、第 2 レベルと第 3 レベルの返信の @XXXX はどのように実装されているのでしょうか?実はここで長い間悩んでいたのです。テーブルへの自己結合を使用して完了することを期待していましたが、これは機能せず、上記の構造が破壊されます。最後に、リクエストされた json@某某某又是怎么实现的？其实，我在这里困扰了很长时间。我期望用对表的自身连接来完成，但是不行，破坏了上面所述的结构。最后，我从请求的json数据中得到了答案，请看评论的json数据：

JSON数据

上传后有点模糊，各位同学可以借助火狐或者谷歌浏览器上面的插件观察JSON数据。

重点观察compiled_content字段，可以推断它是将@某某某 データから答えが得られました。コメントの json データを参照してください:

アップロード後は少しぼやけています。Firefox または Google Chrome のプラグインを使用して JSON データを観察できます。

第 2 レベルのコメント

// replyUser 即 被回复的用户名 @xxxx
var content = $('#reply').val.split(replyUser)[1];
var userlink = '<a href="#" class="xxx" target="_blank" >' + replyUser + '</a>';
var comm_cont = encodeURIComponent(userlink+content);

次に、データベース内のパフォーマンスは次のとおりです。

データ テーブルの内容

は次のとおりです:

/**
 * @param $data array  数据
 * @param $parent  string 父级元素的名称 如 parent_id
 * @param $son     string 子级元素的名称 如 comm_id
 * @param $pid     int    父级元素的id 实际上传递元素的主键
 * @return array 
 */
function getSubTree($data , $parent , $son , $pid = 0) {
    $tmp = array();
    foreach ($data as $key => $value) {
        if($value[$parent] == $pid) {
            $value['child'] =  getSubTree($data , $parent , $son , $value[$son]);
            $tmp[] = $value;            
        }
    }
    return $tmp;
}

分類後のデータ

は次のようにコメントを完成させるのは簡単です

<?php foreach($tree as $key=>$val) ?>
<p class="comm_list" >
    <h2><?php echo $val[&#39;user_name&#39;];?></h2>
    <p><?php echo $val[&#39;comm_cont&#39;] ?></p>
    <!-- 其他信息 -->
    <p class="comm_reply">
        <?php if(!empty($val[&#39;child&#39;])) { ?>
        <?php foreach($val[&#39;child&#39;] as $k=>$v) ?>
        <p class="reply_list" >
            <h2><?php echo $v[&#39;user_name&#39;];?></h2>
            <p><?php echo $v[&#39;comm_cont&#39;] ?></p>
            <!-- 其他信息 -->
        </p>
        <?php }}?>
    </p>
</p>
<?php } ?>

同時に、返信スタイルは次のとおりです:

snipaste20170105_204906.png

同様のコメント構造を持つInfinitus返信が完成します。

これは単なるコメントの形式です。階段状の構造がある場合、この実装は以下に示すように簡単になります。

階段コメント構造

この構造は、ストレージ データベースのparent_idが、返信したcomm_idと完全に一致している限り、次のInfinitus分類後に完了できます。

/**
 * 子孙树
 */
function getSubTree($data , $parent , $son , $pid = 0, $lev = 0) {
    $tmp = array();
    foreach ($data as $key => $value) {
        if($value[$parent] == $pid) {
            $value['lev'] = $lev;
            $tmp[] = $value;
            $tmp = array_merge($tmp , getSonTree($data , $parent , $son , $value[$son] , $lev+1));
        }
    }
    return $tmp;
}

この種の無限子孫ツリー分類は、前に示した子孫ツリー分類とは異なります。分類後、サブクラスは子にラップされず、最上位のレベルが 0 から順に下位の階層を形成します。 。

例: 第 1 レベルのコメントは comm_id=1、parent_id=0、次に第 2 レベルのコメントは comm_id=2、parent_id=1、第 3 レベルのコメントは comm_id=3、parent_id=2 になります。次の構造を形成します

array(
array('comm_id'=>1,parent_id=>0,art_id=>1,'lev'=>0) ,
array('comm_id'=>2,parent_id=>1,art_id=>1,'lev'=>1),
array('comm_id'=>3,parent_id=>2,art_id=>1,'lev'=>2),
array('comm_id'=>4,parent_id=>3,art_id=>1,'lev'=>3),
array('comm_id'=>5,parent_id=>2,art_id=>1,'lev'=>2)
);

然后直接循环输出，并将lev作为属性打印在html中，最后利用js读取lev，并根据不同的等级分配不同的margin-left即可，它会随着margin的不同而排列在不同的位置，如下：

// html中
<?php foreach($tree as $key=>$val) {?>
<p class="comm_list" lev="<?php echo $val[&#39;lev&#39;]?>">
……
</p>
<?php } ?>

// js中
$('p.comm_list').css('margin-left' , 20 * lev);

以上がPHP: Infinitus コメント モジュールを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。