本文實現功能:
開發移動端關注頁面
開發移動端粉絲頁面
實現從自己空間看見的關注列表都顯示已關注
實現自己看其他人關注列表時 自己關注的用戶顯示已關注 自己未關注的用戶顯示關注
解決如何在PHP文件裏邊顯示移動端頁面
前期準備:解決PHP文件裏邊顯示移動端頁面
在discuz中移動端是沒有粉絲,關注頁面的,那麼就需要我們來開發。以下就是開發流程。
discuz中pc端是有收聽和聽衆的功能。如下圖home.php?mod=follow&do=follower這個地址就是對應的pc端的粉絲頁面
然後我們可以追溯PHP文件source/module/home/home_follow.php 的這個文件。在這個文件裏,我們只需要注意到follower 和 following 這倆個名字。這倆個一個是關注的意思 一個是粉絲的意思
然後根據discuz的訪問機制我們去模板裏找一下follow_follower.html這個文件。但是在模板裏邊我們發現使用follow開頭的文件就這幾個
繼續來到文件source/module/home/home_follow.php然後拉到最後看加載的模板。這裏可以看到加載的模板就是上邊看到的follow_feed.html這個文件。
那麼我們就來到template/default/home/follow_feed.htm這個文件裏邊,大概是在554行左右可以看到很熟悉的倆個模塊一個follower和following
既然已經猜想是在這裏了,那就寫一個測試代碼測試一下。
經過測試我們就已經確信無誤了,這個頁面就是加載的關注頁面和粉絲頁面。
在上面的測試會發現地址請求的是/home.php?mod=follow&do=follower,但是加載html文件卻是template/default/home/follow_feed.htm。也就是說在dsicuz中如果需要加載跟請求地址不一致的文件,需要使用template函數來加載。
那麼下面咱們自己寫一個移動端follow_follower文件。
然後瀏覽器調整爲手機訪問模式即可
以上就是二開關注頁面和粉絲頁面PHP如何加載
開發粉絲頁面和關注頁面並實現數據接入
在模板裏邊我們也可以這樣寫,判斷do爲follower時進入粉絲模板,爲關注時進入關注模板
下圖就是咔咔開發關注頁面的效果
那麼頁面寫完了我們就需要實現數據對接了。繼續回到template/default/home/follow_feed.htm這個文件。可以看到使用的數據是list,循環使用的是fuser這個變量
實現關注顯示與不顯示
打開discuz數據庫字典,可以看到是否關注使用的是mutual這個字段
根據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>
畫圖解釋用戶關注的邏輯處理
-
現在用戶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來判斷
畫圖解釋粉絲的邏輯處理
-
現用用戶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時是關注狀態,其餘都是未關注狀態
總結
以上就是實現的所有過程,在下一篇文章會針對這塊的代碼進行分析