這一章節(jié)說的東西都是一些知識回顧,
歸檔就是列出當(dāng)前博客中所有的文章, 并且能夠顯示時間, 很容易的可以寫出對應(yīng)的view和模板來
在my_blog/my_blog/view下新建歸檔view
def archives(request) :
try:
post_list = Article.objects.all()
except Article.DoesNotExist :
raise Http404
return render(request, 'archives.html', {'post_list' : post_list,
'error' : False})
在my_blog/templates新建模板archives.html
{% extends "base.html" %}
{% block content %}
<div class="posts">
{% for post in post_list %}
<section class="post">
<header class="post-header">
<h2 class="post-title"><a href="{% url 'detail' id=post.id %}">{{ post.title }}</a></h2>
<p class="post-meta">
Time: <a class="post-author" href="#">{{ post.date_time |date:'Y /m /d'}}</a> <a class="post-category post-category-js" href="{% url 'search_tag' tag=post.category %}">{{ post.category }}</a>
</p>
</header>
</section>
{% endfor %}
</div><!-- /.blog-post -->
{% endblock %}
并在my_blog/my_blog/usls.py中添加對應(yīng)url配置
from django.conf.urls import patterns, include, url
from django.contrib import admin
urlpatterns = patterns('',
url(r'^admin/', include(admin.site.urls)),
url(r'^$', 'article.views.home', name = 'home'),
url(r'^(?Pd+)/$', 'article.views.detail', name='detail'),
url(r'^archives/$', 'article.views.archives', name = 'archives'),
)
這個就不多說了
在my_blog/my_blog/view.py下添加新的邏輯
def about_me(request) :
return render(request, 'aboutme.html')
在my_blog/template下新建模板aboutme.html, 內(nèi)容如下, 大家可以自定義自己喜歡的簡介
{% extends "base.html" %}
{% load custom_markdown %}
{% block content %}
<div class="posts">
<p> About Me 正在建設(shè)中 </p>
</div><!-- /.blog-post -->
{% endblock %}
并在my_blog/my_blog/usls.py中添加對應(yīng)url配置
from django.conf.urls import patterns, include, url
from django.contrib import admin
urlpatterns = patterns('',
# Examples:
# url(r'^$', 'my_blog.views.home', name='home'),
# url(r'^blog/', include('blog.urls')),
url(r'^admin/', include(admin.site.urls)),
url(r'^$', 'article.views.home', name = 'home'),
url(r'^(?P<id>\d+)/$', 'article.views.detail', name='detail'),
url(r'^archives/$', 'article.views.archives', name = 'archives'),
url(r'^aboutme/$', 'article.views.about_me', name = 'about_me'),
)
實現(xiàn)功能: 點擊對應(yīng)的標(biāo)簽按鈕, 會跳轉(zhuǎn)到一個新的頁面, 這個頁面是所有相關(guān)標(biāo)簽的文章的羅列
只需要在在my_blog/my_blog/view.py下添加新的邏輯
def search_tag(request, tag) :
try:
post_list = Article.objects.filter(category__iexact = tag) #contains
except Article.DoesNotExist :
raise Http404
return render(request, 'tag.html', {'post_list' : post_list})
可以看成是對tag的查詢操作, 通過傳入對應(yīng)點擊的tag, 然后對tag進(jìn)行查詢
在對應(yīng)的有tag的html網(wǎng)頁中修改代碼
{% extends "base.html" %}
{% load custom_markdown %}
{% block content %}
<div class="posts">
{% for post in post_list %}
<section class="post">
<header class="post-header">
<h2 class="post-title"><a href="{% url 'detail' id=post.id %}">{{ post.title }}</a></h2>
<p class="post-meta">
Time: <a class="post-author" href="#">{{ post.date_time |date:'Y M d'}}</a> <a class="post-category post-category-js" href="{% url 'search_tag' tag=post.category %}">{{ post.category|title }}</a>
</p>
</header>
<div class="post-description">
<p>
{{ post.content|custom_markdown }}
</p>
</div>
<a class="pure-button" href="{% url 'detail' id=post.id %}">Read More >>> </a>
</section>
{% endfor %}
</div><!-- /.blog-post -->
{% endblock %}
仔細(xì)看這一句{{ post.category|title }}
. 其中標(biāo)簽對超鏈接已經(jīng)發(fā)生改變, 這是在對標(biāo)簽就行點擊時, 會將標(biāo)簽作為參數(shù), 傳入到對應(yīng)的view中執(zhí)行邏輯, 然后進(jìn)行網(wǎng)頁跳轉(zhuǎn)...
并在my_blog/my_blog/usls.py中添加對應(yīng)url配置
from django.conf.urls import patterns, include, url
from django.contrib import admin
urlpatterns = patterns('',
# Examples:
# url(r'^$', 'my_blog.views.home', name='home'),
# url(r'^blog/', include('blog.urls')),
url(r'^admin/', include(admin.site.urls)),
url(r'^$', 'article.views.home', name = 'home'),
url(r'^(?P<id>\d+)/$', 'article.views.detail', name='detail'),
url(r'^archives/$', 'article.views.archives', name = 'archives'),
url(r'^aboutme/$', 'article.views.about_me', name = 'about_me'),
url(r'^tag(?P<tag>\w+)/$', 'article.views.search_tag', name = 'search_tag'),
)
現(xiàn)在在瀏覽器中輸入http://127.0.0.1:8000/
, 點擊對應(yīng)的歸檔或者ABOUT ME 或者標(biāo)簽按鈕可以看到對應(yīng)的效果