PbootCMS自带留言实现单文章留言、留言分页、留言判断(待完善)
舒彬琪 PbootCMS 2019-10-20 19:13:32 1765 浏览

话不多说,上代码

一、首先在后台添加字段,文章ID 和 文章名称

文章ID用于文章内容页面判断当前文章是否有留言

文章名称可以用于在右侧卡片位置显示最新留言

在form表单中添加下面两个隐藏的字段提交到后台

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

二、判断文章页面是否有留言,有则显示 留言列表 四字,无则显示 还没有评论,快来抢沙发吧!

暂未实现

以下实测有BUG

{pboot:message num=1 page=0}
{pboot:if('message:article_id'=='{content:id}')}
<div class="message-title">评论列表</div>
{else}
<div class="empty-prompt">
<span class="prompt-null">还没有评论,快来抢沙发吧!</span>
</div>
{/pboot:if}
{/pboot:message}

三、调用留言列表,通过判断留言里的文章ID 是否等于当前文章ID 来实现文章留言显示

且只显示当前文章的留言

{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个人博客</span> <span>[message:replydate]</span></p>
    <p>[message:recontent]</p>
  </div>
  {/pboot:2if}
</div>
{/pboot:if}
{/pboot:message}

四、使用前端分页js文件实现文章的留言分页功能

文件内容见附件,下载后引用到jquery的js文件下方即可

然后通过js和id进行调用,前端分页不需要判断列表是否有留言,循环出留言内容后自动显示分页和数字条。

给ul列表添加对于的id就可以实现前端分页功能

<script src="/blog/blog/js/jPages.js"></script>
<script type="text/javascript">
$(document).ready(function () {
  // 动态分页
  $(function(){
    $(".page-pagination").jPages({
      containerID: "page-num",// (ID要和ul的ID一样)
      previous: "上一页",
      next: "下一页",
      startPage: 1,
      perPage: 4,  //每页显示多少个li
    });
  });
});

</script>
继续浏览有关 PbootCMS 的文章
发表评论
评论列表

youl 2020-03-24 17:22:04

按着做了,我好像哪里错了,就是出不来这个效果

禹天 2020-03-20 14:23:09

期待做的更完美

舒彬琪个人博客 2020-03-21 09:45:32

那就涉及二开了呀,暂时没这个打算

测试一下哈 2019-11-27 15:33:58

测试好用不好用

狗剩 2019-10-21 23:10:39

还不错的哦

舒彬琪个人博客 2019-10-21 23:12:41

哈哈哈哈哈哈哈哈哈

二蛋 2019-10-21 23:09:52

加油搞啊

舒彬琪个人博客 2019-10-21 23:12:10

ojbk!

老哥 2019-10-21 23:09:06

文章留言很实用

舒彬琪个人博客 2019-10-21 23:12:30

那是当然喽

判官 2019-10-21 22:54:55

留言判断果然还是难实现哦,一个表只能循环,循环就出问题,不循环问题更大,哎

舒彬琪个人博客 2019-10-21 22:55:47

天可怜见,真的搞不了哦

无名 2019-10-21 09:20:33

留言版块亮了,简约不失大雅,让浏览者一看就知道这里是用来提交留言的!/yx

舒彬琪个人博客 2019-10-21 22:27:25

原生才是最好的,哈哈

本站使用PbootCMS自带留言实现单文章留言!
分享按钮
附件已下载在这里

附件下载成功

详情请到您的下载文件夹中查看

下载更多资源

PB教程

PB二开

搜索

赞赏

加入Q群