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