Django實(shí)戰(zhàn):搭建個(gè)人博客(四)

Django實(shí)戰(zhàn):搭建個(gè)人博客(四)

[TOC]

開發(fā)文章詳情頁

1. URL綁定

blog/url.py中添加detail視圖函數(shù)的匹配規(guī)則:

urlpatterns = [
    path('', views.index, name='index'),
    # pk會(huì)作為第二個(gè)參數(shù)傳給detail視圖函數(shù)速警,其中第一個(gè)參數(shù)是request
    # <int:pk>,<string:st>等是Django的路由寫法
    path('post/<int:pk>',views.detail,name='detail')
]

2. detail視圖函數(shù)

views.py中添加如下磷账,其中get_object_or_404方法可以按主鍵查詢數(shù)據(jù)庫中的數(shù)據(jù)猜惋,不存在則返回404 response惩淳。

from django.shortcuts import render,get_object_or_404
def detail(request,pk):
    post=get_object_or_404(Post,pk=pk)
    return render(request,'blog/detail.html',context={
        'post':post
    })

為Post模型定義get_absolute_url方法:

def get_absolute_url(self):
    # reverse函數(shù)找到blog應(yīng)用的urlpatterns中谊娇,名為detail的url哆键,并傳入kwargs中的參數(shù)力九,返回這個(gè)url
    # 通過這種解析url的方式娜扇,使得url與視圖函數(shù)的綁定更加靈活,實(shí)現(xiàn)了url與模型實(shí)例的關(guān)聯(lián)
    return reverse('blog:detail', kwargs={'pk': self.pk})

3. 模板繼承的使用方法

由于文章詳情頁與文章目錄頁大部分內(nèi)容相同毁枯,因此采用模板繼承的方式慈缔。

在templates/目錄下新建一個(gè)base.html,其中嵌入如下結(jié)構(gòu):

<main class="col-md-8">
{% block main %}
{% endblock %}
</main>

<aside class="col-md-4">
{% block aside %}
{% endblock %}
</aside>

在templates/blog/detail.html中,首部通過{%extends 'base.html'%}語句表明繼承關(guān)系种玛,再寫block內(nèi)部的細(xì)節(jié)

{%extends 'base.html'%}
{%block main%}
# 此處填寫main標(biāo)簽里的細(xì)節(jié),例如:
    <body>
        <h1 class="entry-title">{{post.title}}</h1>  # post由detail視圖函數(shù)傳遞給模板
    </body>
{%end block%}

{%block aside%}
# 此處編寫aside標(biāo)簽(側(cè)邊欄相關(guān)的內(nèi)容)的細(xì)節(jié)
{%end block%}

通過這種方式可以實(shí)現(xiàn)模板繼承藐鹤,類似于子模板detail.html覆寫了父模板base.html中block包裹的部分。

4. 從目錄頁到詳情頁的跳轉(zhuǎn)

在index.html的文章標(biāo)題和“繼續(xù)閱讀”處調(diào)用剛才定義的{{ post.get_absolute_url }}模板變量赂韵,獲取所點(diǎn)擊文章的url(模板變量不僅可以是模型的屬性娱节,也可以是一個(gè)可調(diào)用的方法)

<a href="{{ post.get_absolute_url }}">{{ post.title }}</a>
<a href="{{ post.get_absolute_url }}" class="more-link">繼續(xù)閱讀 <span class="meta-nav">→</span></a>

5. 詳情頁內(nèi)容的填充

通過模板變量對(duì)模板進(jìn)行填充,以正文body為例:

<div class="entry-content clearfix">
    {{ post.body }}
</div>

知識(shí)點(diǎn)總結(jié)

  • 視圖函數(shù)
  • 模板繼承
  • 逆向解析文章的url

接下來開發(fā)側(cè)邊欄的內(nèi)容祭示。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末肄满,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子质涛,更是在濱河造成了極大的恐慌稠歉,老刑警劉巖,帶你破解...
    沈念sama閱讀 223,002評(píng)論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件汇陆,死亡現(xiàn)場離奇詭異怒炸,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)毡代,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門阅羹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來勺疼,“玉大人,你說我怎么就攤上這事捏鱼≈绰” “怎么了?”我有些...
    開封第一講書人閱讀 169,787評(píng)論 0 365
  • 文/不壞的土叔 我叫張陵导梆,是天一觀的道長轨淌。 經(jīng)常有香客問我,道長问潭,這世上最難降的妖魔是什么猿诸? 我笑而不...
    開封第一講書人閱讀 60,237評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮狡忙,結(jié)果婚禮上梳虽,老公的妹妹穿的比我還像新娘。我一直安慰自己灾茁,他們只是感情好窜觉,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,237評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著北专,像睡著了一般禀挫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上拓颓,一...
    開封第一講書人閱讀 52,821評(píng)論 1 314
  • 那天语婴,我揣著相機(jī)與錄音,去河邊找鬼驶睦。 笑死砰左,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的场航。 我是一名探鬼主播缠导,決...
    沈念sama閱讀 41,236評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼溉痢!你這毒婦竟也來了僻造?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,196評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤孩饼,失蹤者是張志新(化名)和其女友劉穎髓削,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體镀娶,經(jīng)...
    沈念sama閱讀 46,716評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡立膛,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,794評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了汽畴。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片旧巾。...
    茶點(diǎn)故事閱讀 40,928評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖忍些,靈堂內(nèi)的尸體忽然破棺而出鲁猩,到底是詐尸還是另有隱情,我是刑警寧澤罢坝,帶...
    沈念sama閱讀 36,583評(píng)論 5 351
  • 正文 年R本政府宣布廓握,位于F島的核電站,受9級(jí)特大地震影響嘁酿,放射性物質(zhì)發(fā)生泄漏隙券。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,264評(píng)論 3 336
  • 文/蒙蒙 一闹司、第九天 我趴在偏房一處隱蔽的房頂上張望娱仔。 院中可真熱鬧,春花似錦游桩、人聲如沸牲迫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽盹憎。三九已至,卻和暖如春铐刘,著一層夾襖步出監(jiān)牢的瞬間陪每,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評(píng)論 1 274
  • 我被黑心中介騙來泰國打工镰吵, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留檩禾,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,378評(píng)論 3 379
  • 正文 我出身青樓捡遍,卻偏偏與公主長得像锌订,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子画株,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,937評(píng)論 2 361