PbootCMS留言功能實(shí)現(xiàn)單文章留言、留言分頁(yè)、留言判斷

上一篇我們提到：網(wǎng)站Pbootcms里面的留言成功之后提示語(yǔ)修改按照這個(gè)路徑Pbootcms地址來(lái)修改下文件/apps/home/controller/MessageController.php修改Pbootcms里面的文件，我自己電腦大概在103行，可以搜索提交成功快捷查詢下。

接下來(lái)我們進(jìn)入今天的正文:
2022-04-13

話不多說(shuō)，上代碼

一、首先在后臺(tái)添加字段，文章ID 和文章名稱

文章ID用于文章內(nèi)容頁(yè)面判斷當(dāng)前文章是否有留言

文章名稱可以用于在右側(cè)卡片位置顯示最新留言

在form表單中添加下面兩個(gè)隱藏的字段提交到后臺(tái)

<input type="hidden" name="article_id" value="{content:id}">
<input type="hidden" name="article_name" value="{content:title}">

二、判斷文章頁(yè)面是否有留言，有則顯示 留言列表 四字，無(wú)則顯示 還沒(méi)有評(píng)論，快來(lái)?yè)屔嘲l(fā)吧！

暫未實(shí)現(xiàn)

以下實(shí)測(cè)有BUG

{pboot:message num=1 page=0}
{pboot:if('message:article_id'=='{content:id}')}
<div class="message-title">評(píng)論列表</div>
{else}
<div class="empty-prompt">
<span class="prompt-null">還沒(méi)有評(píng)論，快來(lái)?yè)屔嘲l(fā)吧！</span>
</div>
{/pboot:if}
{/pboot:message}

三、調(diào)用留言列表，通過(guò)判斷留言里的文章ID 是否等于當(dāng)前文章ID 來(lái)實(shí)現(xiàn)文章留言顯示

且只顯示當(dāng)前文章的留言

{pboot:message num=50}
{pboot:if('[message:article_id]'=='{content:id}')}
<div class="message-num">
  <div class="ask">
    <p><span><img src="{pboot:sitetplpath}/images/gif/smilemessage:i.gif" alt=""></span><span>[message:contacts]</span> <span>[message:askdate]</span></p>
    <p>[message:content]</p>
  </div>
  {pboot:2if('[message:recontent]'!='')}
  <div class="reply">
    <p><span><img src="{pboot:sitetplpath}/images/gif/smile20.gif" alt=""></span><span>BBQ個(gè)人博客</span> <span>[message:replydate]</span></p>
    <p>[message:recontent]</p>
  </div>
  {/pboot:2if}
</div>
{/pboot:if}
{/pboot:message}

四、使用前端分頁(yè)js文件實(shí)現(xiàn)文章的留言分頁(yè)功能

文件內(nèi)容見附件，下載后引用到j(luò)query的js文件下方即可

然后通過(guò)js和id進(jìn)行調(diào)用，前端分頁(yè)不需要判斷列表是否有留言，循環(huán)出留言內(nèi)容后自動(dòng)顯示分頁(yè)和數(shù)字條。

給ul列表添加對(duì)于的id就可以實(shí)現(xiàn)前端分頁(yè)功能

<script src="/blog/blog/js/jPages.js"></script>
<script type="text/javascript">
$(document).ready(function () {
  // 動(dòng)態(tài)分頁(yè)
  $(function(){
    $(".page-pagination").jPages({
      containerID: "page-num",// （ID要和ul的ID一樣）
      previous: "上一頁(yè)",
      next: "下一頁(yè)",
      startPage: 1,
      perPage: 4,  //每頁(yè)顯示多少個(gè)li
    });
  });
});

</script>