Django Blog|05 修改首頁顯示博客列表
大家好,我是老表,這個系列將會更新我編寫,項目的學(xué)習(xí)筆記,也是后面更新的一個重點,希望個人博客頁面可以早點和大家見面~歡迎大家點贊、留言支持。
Django Blog|01 創(chuàng)建環(huán)境和項目
Django Blog|02 創(chuàng)建admin賬戶&settings.py介紹
Django Blog|03 創(chuàng)建一個blog app和Article模型
Django Blog|04 創(chuàng)建blog視圖和完成MVT框架開發(fā)
通過前面四節(jié)的學(xué)習(xí),我們完成了從零開始實現(xiàn)一個Django MVT框架開發(fā),當(dāng)然,我們的T前端模板很簡陋,并且沒有顯示我們想要的內(nèi)容,所以這節(jié),我們主要來修改下前端模板。
同樣,我們直接將項目跑起來,嚴(yán)格來說,除非因為代碼錯誤自動停止,沒有必要去關(guān)閉這個django項目。
打開templates中的home.html,將原先的代碼簡單改一下:
<title>老表的博客title>
<h1>這里是老表的博客,該怎么顯示文章列表呢?h1>
刷新頁面會發(fā)現(xiàn),頁面標(biāo)題和顯示內(nèi)容變了,
當(dāng)然這只是簡單的改變,如果你一點前端基礎(chǔ)都沒有,我建議你去先學(xué)習(xí)下前端技術(shù),可以查看文章:小白三天入門前端HTML肝貨筆記
接下來我們讓前端頁面展示我們的博客列表:
<title>老表的博客title>
<h1>博客列表h1>
<ul>
{%?for?article?in?object_list?%}
????<li>
????????{{article.title}}?-?{{article.author}}br>
????????{{article.summary}}
????li>
{%?endfor?%}
ul>
首先表示頁面標(biāo)題,h1-h6表示的內(nèi)容標(biāo)題(一級標(biāo)題-六級標(biāo)題),然后是是無序列表元素,里面一個或者多個元素,是列表條目元素。
在{% for article in object_list %} {% endfor %}是js代碼,記住格式就可以了,可以進(jìn)行邏輯控制。
object_list是通過ListView的Django對象的查詢集,即查出的所有article對象列表。
這樣就可以簡單的在頁面中展示出,我們所有博客的基礎(chǔ)信息了~
歡迎大家點贊、在看、轉(zhuǎn)發(fā)支持,點擊在看,下次可以第一時間收到公眾號推文~
本文為付費專欄,每周更新1-2篇,利用Django帶大家一起實現(xiàn)個人博客,最后也會上線。
如果是對Django感興趣的初學(xué)者可以購買,如果你對Django已經(jīng)有所了解了,那我不建議你付費,你可以選擇后面你感興趣的、更深層次的章節(jié)進(jìn)行付費,如果需要的話。
閱讀到這里的都是真想學(xué)習(xí)Django的學(xué)習(xí)者,我為大家準(zhǔn)備了一個Django學(xué)習(xí)交流群(付費,目前直接購買本系列任意一篇文章即可加入),加入方式如下:
