Dsicuz移動端二開之關注和粉絲頁面以及關注狀態處理

本文實現功能:

  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這個字段來控制關注與已關注的顯示與不顯示

  • 當自己進入自己空間時在關注列表裏邊是全部顯示已關注  判斷條件是 當$_G[uid] == $_GET[uid]時mutual>=0即可

  • 當自己進入別人空間查看關注列表時 如果是自己關注的用戶需要顯示已關注  否則顯示關注即可   這裏的判斷條件是  $_G[uid] != $_GET[uid]時mutual==-1或者mutual==1即可。這裏爲什麼會有一個mutual=-1的標識。數據庫字典是沒有這個標識的,但是實際測試出來的是有的,咔咔也看了源碼是做了一個判斷,先知道這麼判斷就行

  • 在關注列表裏邊所有的鏈接地址都爲home.php?mod=spacecp&ac=follow&op=del&hash={FORMHASH}&fuid=$fuser['followuid']&mobile=2。所有的用戶標識都是followuid即可

  • 粉絲列表就很簡單,直接使用-1和1判斷即可

  • 也就是說mutual這個字段的值爲0 和1是隻能判斷自己在自己空間查看關注和粉絲列表時可以使用。如果是自己進入其他用戶的粉絲和關注列表就會產生一個mutual的值爲-1的一個字段

  • 那也就是當自己進入其他用戶有自己已經關注的用戶時mutual的值就是-1

 

實現代碼

// 粉絲模板
<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

  • 現在用戶A,用戶B,用戶C

  • 用戶A關注了用戶C

  • 然後用戶B進入到用戶A空間的關注列表是可以看到用戶C的

  • 假如這個時候用戶B已經關注了用戶C,那麼這個時候關注的按鈕就是已關注,這個時候mutual的值就是-1(這種情況就是自己到別人的關注列表查看用戶,如果有自己已經關注過的就會顯示已關注,並且mutual的值爲-1)

  • 這個時候用戶B在回到自己的用戶空間查看關注列表就會顯示用戶C在自己的列表,但是這個時候mutual的值爲0.  但是當用戶C也關注了用戶B時mutual的值就是1

  • 所以說用戶當用戶B在自己空間的關注列表查看使用mutual的值爲0和1判斷。當用戶B去查看用戶A的關注列表時使用mutual爲-1和1來判斷

 

畫圖解釋粉絲的邏輯處理

image.png

  • 現用用戶A,用戶B,用戶C

  • 當用戶A關注了用戶C時,用戶C的粉絲列表就是有用戶A

  • 這個時候用戶B訪問用戶C的粉絲列表就只有用戶A, 這個時候用戶A的關注狀態也是  未關注狀態,並且mutual的是0

  • 假如用戶A也關注了用戶B,用戶B在用戶C的粉絲列表裏查看用戶A的狀態也是未關注狀態  並且mutual的值爲0

  • 但是當用戶B關注了用戶A後,這個時候用戶B在用戶C的粉絲列表查看用戶A的狀態就是已關注並且mutual的值爲1表示互相關注

  • 但是當用戶A沒有關注用戶B

  • 這個時候用戶用戶B在用戶C的粉絲列表裏邊看到用戶A的狀態是未關注,當B把用戶A關注後狀態爲已關注,mutual的值爲-1

  • 所以粉絲列表裏邊判斷只有當mutual的值爲-1或者1時是關注狀態,其餘都是未關注狀態

 

總結

以上就是實現的所有過程,在下一篇文章會針對這塊的代碼進行分析

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章