上章的結(jié)束,若在實際開發(fā)過程中,會發(fā)現(xiàn)一個問題,那就首頁或關(guān)注分享,是一下子按時間順序全部顯示出來,這在實際項目中不可能出現(xiàn)的,想想實際中的產(chǎn)品是如何做的?
一般來說,無非是兩種,一種是使用頁碼,來進行分頁,還有一種是js到頁底自動加載,而使用頁底自動加載的話,上一章實現(xiàn)的通過tab來區(qū)分全部和關(guān)注就不可取了,因為無法保證兩個tab加載的內(nèi)容數(shù)量一致,導致頁面布局就無法實現(xiàn),所以,這里首頁參考tumblr的實現(xiàn)方式,刪除關(guān)注分享的部分,只保留全部分享,使用js頁底動態(tài)加載分頁方式,同時在導航欄新增兩個導航,分別為博文,和關(guān)注,使用傳統(tǒng)頁碼的方式顯示全部博文和已關(guān)注博文,這樣是為了有些人可能會查詢比較久的歷史信息,所以,一個頁面,一個功能如何設(shè)計,主要取決于業(yè)務需求,而不是技術(shù)需求。首先修改導航(base.html):
<ul class="nav navbar-nav"> <li><a href="/">首頁</a></li> <li><a href="#">分享</a></li> {% if current_user.is_authenticated %} <li><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">關(guān)注 <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">分享</a></li> <li><a href="#">用戶</a></li> </ul> </li> {% endif %} </ul>
用戶登錄后,在首頁后面會新增兩個item,分別是分享和關(guān)注,其中關(guān)注是一個下拉菜單,分別是“我”關(guān)注的用戶發(fā)布的分享,和“我”關(guān)注的用戶
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26