十五年风雨路 · 一心铸精品

一个官网 留一件精品 做一个项目 树一块样板

PbootCMS留言功能实现单文章留言、留言分页、留言判断

上一篇我们提到: 网站Pbootcms里面的留言成功之后提示语修改按照这个路径Pbootcms地址来修改下文件/apps/home/controller/MessageController.php修改Pbootcms里面的文件,我自己电脑大概在103行,可以搜索提交成功快捷查询下。

接下来我们进入今天的正文:
2022-04-13

话不多说,上代码

一、首先在后台添加字段,文章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>


二维码

扫一扫,浏览关注本文

主营业务

  • 高端网站定制
  • SEO网站优化
  • 手机网站建设
  • 网站维护
  • 网页设计制作
  • 微信小程序开发

TAGS

随机案例

  • 蜀丰食品包装网站建设

    蜀丰食品包装网站建设

  • 新文必生印务、印刷网站建设、包装网站建设

    新文必生印务、印刷网站建设、包装网站建设

  • 伊卡璐服饰/服装网站建设​

    伊卡璐服饰/服装网站建设​

  • 金鹿凯斯服饰/服装网站建设

    金鹿凯斯服饰/服装网站建设

  • 明霆基础工程网站建设

    明霆基础工程网站建设

  • 康伟管业/PP超静音排水管材/网站建设

    康伟管业/PP超静音排水管材/网站建设

  • 功夫蚂蚁餐饮火锅加盟网站建设

    功夫蚂蚁餐饮火锅加盟网站建设

  • 五菱电动观光车网站建设

    五菱电动观光车网站建设

案例展示 / CASE

宏冠服饰网站建设

查看详情

晋沙汇川服装定制网站建设

查看详情

明霆基础工程网站建设

查看详情

婴之皇/孕婴/母婴连锁加盟/网站建设

查看详情

天翊装饰网站建设

天翊装饰公司网站以html5响应式一体化设计制作,高端大气上次,关键词:装修公司网站建设,装饰公司网站建设,成都装修公司网站建···

查看详情

阿杰美容美发培训网站建设

查看详情

康伟管业/PP超静音排水管材/网站建设

查看详情

金鹿凯斯服饰/服装网站建设

金鹿凯斯服饰/服装网站建设以html5响应式一体化设计制作,手机端自动响应,高端大气上次,关键词:成都职业装网站建设,成都职业装···

查看详情

高铁乘务/成都职业学校/四川高铁职业技术学校/网站建设

查看详情

修柏建筑幕墙工程网站建设

查看详情

新文必生印务、印刷网站建设、包装网站建设

成都印刷网站建设,成都印刷厂网站设计,成都画册印刷网站制作,成都画册制作网站建设,成都印刷厂家网站建设,四川印刷网站建设,四川···

查看详情

伊卡璐服饰/服装网站建设​

网站以定制,订制服装网站建设为主的关键词,网站全新的以HTML5框架定制设计,整站目录清新明了,利于网站优化,搜索引擎蜘蛛爬行···

查看详情

联系我们 / CONTACT US

  • 四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903
  • 服务热线:028-86088588  18080432432(微信同号)
  • 总机:028-62322623-0
  • QQ:3575114  107086147

扫码访问手机网站

版权所有 Copyright © 2007-2022 四川冠辰科技开发有限公司    川公安网备案:51010602001006号     

地址:四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903  蜀ICP备11012605号-1

始于2007年,十五年品牌网站建设,值得信赖!  xml地图txt地图