• 技术文章 >CMS教程 >Discuz

    Discuz移动端二开之关注和粉丝页面以及关注状态处理

    咔咔咔咔2020-05-11 09:36:19原创1326

    本文实现功能:

    1. 开发移动端关注页面

    2. 开发移动端粉丝页面

    3. 实现从自己空间看见的关注列表都显示已关注

    4. 实现自己看其他人关注列表时 自己关注的用户显示已关注 自己未关注的用户显示关注

    5. 解决如何在PHP文件里边显示移动端页面


    前期准备:解决PHP文件里边显示移动端页面

    在discuz中移动端是没有粉丝,关注页面的,那么就需要我们来开发。以下就是开发流程。

    discuz中pc端是有收听和听众的功能。如下图home.php?mod=follow&do=follower这个地址就是对应的pc端的粉丝页面

    image.png


    然后我们可以追溯PHP文件source/module/home/home_follow.php 的这个文件。在这个文件里,我们只需要注意到follower 和 following 这俩个名字。这俩个一个是关注的意思 一个是粉丝的意思

    image.png

    然后根据discuz的访问机制我们去模板里找一下follow_follower.html这个文件。但是在模板里边我们发现使用follow开头的文件就这几个

    image.png

    继续来到文件source/module/home/home_follow.php然后拉到最后看加载的模板。这里可以看到加载的模板就是上边看到的follow_feed.html这个文件。

    image.png那么我们就来到template/default/home/follow_feed.htm这个文件里边,大概是在554行左右可以看到很熟悉的俩个模块一个follower和following

    image.png

    既然已经猜想是在这里了,那就写一个测试代码测试一下。

    经过测试我们就已经确信无误了,这个页面就是加载的关注页面和粉丝页面。

    image.png

    image.png

    在上面的测试会发现地址请求的是/home.php?mod=follow&do=follower,但是加载html文件却是template/default/home/follow_feed.htm。也就是说在dsicuz中如果需要加载跟请求地址不一致的文件,需要使用template函数来加载。


    那么下面咱们自己写一个移动端follow_follower文件。

    image.png

    image.png然后浏览器调整为手机访问模式即可

    image.png


    以上就是二开关注页面和粉丝页面PHP如何加载

    开发粉丝页面和关注页面并实现数据接入

    在模板里边我们也可以这样写,判断do为follower时进入粉丝模板,为关注时进入关注模板image.png

    下图就是咔咔开发关注页面的效果

    image.png

    那么页面写完了我们就需要实现数据对接了。继续回到template/default/home/follow_feed.htm这个文件。可以看到使用的数据是list,循环使用的是fuser这个变量

    image.png

    实现关注显示与不显示

    打开discuz数据库字典,可以看到是否关注使用的是mutual这个字段image.png

    根据mutual这个字段来控制关注与已关注的显示与不显示

    实现代码

    // 粉丝模板
    <p class="follow_manage">
       <!--{if $fuser[mutual] == -1 || $fuser[mutual] == 1}-->
       <a id="a_followmod_{$fuser['uid']}" href="home.php?mod=spacecp&ac=follow&op=del&hash={FORMHASH}&fuid=$fuser['uid']&mobile=2" class="flw_btn_fo dialog">
          <i class="iconfont  icon-like_fill rq"></i>
          <font class="grey">已关注</font>
       </a>
       <!--{else}-->
       <a id="a_followmod_{$fuser['uid']}" href="home.php?mod=spacecp&ac=follow&op=add&hash={FORMHASH}&fuid=$fuser['uid']&mobile=2" class="flw_btn_fo dialog">
          <i class="iconfont icon-like"></i>
          <font class="grey">关注</font>
       </a>
       <!--{/if}-->
    </p>
    
    // 关注列表模板
    <p class="follow_manage">
       <!--{if $_G[uid] != $_GET[uid]}-->
          <!--{if $fuser[mutual] == -1 || $fuser[mutual] == 1}-->
          <a id="a_followmod_{$fuser['followuid']}" href="home.php?mod=spacecp&ac=follow&op=del&hash={FORMHASH}&fuid=$fuser['followuid']&mobile=2" class="flw_btn_fo dialog">
             <i class="iconfont  icon-like_fill rq"></i>
             <font class="grey">已关注</font>
          </a>
          <!--{else}-->
          <a id="a_followmod_{$fuser['followuid']}" href="home.php?mod=spacecp&ac=follow&op=add&hash={FORMHASH}&fuid=$fuser['followuid']&mobile=2" class="flw_btn_fo dialog">
             <i class="iconfont icon-like"></i>
             <font class="grey">关注</font>
          </a>
          <!--{/if}-->
       <!--{else}-->
          <!--{if $fuser[mutual] == 0 || $fuser[mutual] == 1}-->
          <a id="a_followmod_{$fuser['followuid']}" href="home.php?mod=spacecp&ac=follow&op=del&hash={FORMHASH}&fuid=$fuser['followuid']&mobile=2" class="flw_btn_fo dialog">
             <i class="iconfont  icon-like_fill rq"></i>
             <font class="grey">已关注</font>
          </a>
          <!--{else}-->
          <a id="a_followmod_{$fuser['followuid']}" href="home.php?mod=spacecp&ac=follow&op=add&hash={FORMHASH}&fuid=$fuser['followuid']&mobile=2" class="flw_btn_fo dialog">
             <i class="iconfont icon-like"></i>
             <font class="grey">关注</font>
          </a>
          <!--{/if}-->
       <!--{/if}-->
    
    </p>

    画图解释用户关注的逻辑处理

    image.png

    画图解释粉丝的逻辑处理

    image.png

    总结

    以上就是实现的所有过程,在下一篇文章会针对这块的代码进行分析

    以上就是Discuz移动端二开之关注和粉丝页面以及关注状态处理的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:Discuz
    上一篇:discuz如何开发关注功能 下一篇:Discuz如何开发移动端访客功能
    大前端线上培训班

    相关文章推荐

    • discuz如何解决手机端图片显示模糊• discuz如何实现自动注册登录• discuz如何自主控制弹框的显示• discuz如何开发关注功能

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网