簡易博客開發（7）----博客之小功能優化

當在主頁上看博客時，通常不會看到文章的正文，而是看一個摘要，若是沒有摘要就看前面一小段，看正文則要在單獨的博客頁面上進行查看，所以有必要作一個連接能夠鏈到單獨博客頁以進行continue reading...

適當修改index.html

#/myblog/blog/templates/index.html
  1 {% extends "base.html" %}
  2 {% block content %}
  3 <div class = "posts">
  4     {% for blog in blog_list %}
  5     <section class="post">
  6         <header class="post-header">
  7             <h2 class= "post-title"><a href="{% url 'detail' id=blog.id %}">{{blog.title}}</a><h2>
  8                 <p class = "post-meta">
  9                     Time: <a class="post-author" href="#">{{blog.date_time | date:'Y M d'}}</a>&nbsp
 10                     Tag:
 11                     {% for tag in blog.tags.all %}
 12                     <a class="post-category" href="#">{{tag.tag_name|title}}</a>
 13                     {% endfor %}
 14                 </p>
 15         </header>
 16 
 17             <div class="post-description">
 18                 <p>
 19                     {{blog.content|safe|truncatewords:15}}                                             #正文只顯示15個字
 20                      <a class="pure-button" href={% url 'detail' id=blog.id %}>Continue Reading...</a> #continue reading連接到博客細節
 21                 </p>
 22             </div>
 23     </section>
 24     {% endfor %}

當博客數量不少時有必要對頁面進行分頁，值得慶幸的是django自己自帶分頁的功能Paginator

#/myblog/blog/views.py
#重寫index方法，使得支持分頁功能
  8 from django.core.paginator import Paginator,EmptyPage,PageNotAnInteger
 11 def index(request):                                                            
 12     blogs = Blog.objects.all()                                                 
 13     tags = Tag.objects.all()
 14     paginator = Paginator(blogs,3)                                               #每頁顯示3篇blog進行分頁                                         
 15     page = request.GET.get('page')                                               #獲取當前頁的數字
 16     try: 
 17         current_page = paginator.page(page)                                      #獲取當前頁
 18     except PageNotAnInteger:                                                     #若是系統從0開始，就賦初值爲1
 19         current_page = paginator.page(1)                                         
 20     blog_list = current_page.object_list                                         #得到當前頁的blog
 21                                         
 22    
 23     return render_to_response('index.html',{'blog_list':blog_list,                    
 24                                             'tags': tags,
 25                                             'current_page':current_page}) 

新增index.html中適配分頁

#/myblog/blog/templates/index.html
 25     {% if blog_list  and current_page.paginator.num_pages > 1 %}                              #博客數和總頁數大於1
 26     <div>
 27         <ul class="post">
 28         {% if current_page.has_previous %}                                                    #前一頁
 29           <li><a href="?page={{current_page.previous_page_number }}">previous page</a></li>
 30         {% endif %}
 31         {% if current_page.has_next %}                                                        #後一頁
 32           <li><a href="?page={{current_page.next_page_number }}">next page</a></li>
 33         {% endif %}
 34         </ul>
 35     </div>                                                                                  
 36     {% endif %}  

標籤分類，把標籤放到左邊，而後以標籤來搜索相應標籤的文章

step 1 新建url匹配歸檔的方法

#/myblog/blog/urls.py
  1 from django.conf.urls import patterns, include, url                            
  2                                                                                
  3 from django.contrib import admin                                               
  4                                                                                
  5 from blog import views                                                         
  6                                                                                
  7 urlpatterns =[                                                                 
  8     url(r'^$', views.index, name='index'),                                     
  9     url(r'^(?P<id>(\d+))/$', views.detail, name='detail'),                     
 10     url(r'^post/$', views.post, name='post'),                                  
 11     url(r'^blog_add/$', views.blog_add, name='blog_add'),                      
 12     url(r'^uploadImg/$', views.uploadImg,name='uploadImg'),                    
 13     url(r'^sub_comment/$', views.sub_comment,name='sub_comment'),              
 14     url(r'^tag_blog(?P<id>(\d+))/$', views.tag_blog,name='tag_blog'),             #根據id來查找相應的標籤         
 15 ]

step 2 新建 views方法來顯示歸檔後的文章，這個頁面與index頁面是相同的，只是返回的blog_list不一樣，一個是所有博客，一個是相應標籤的博客

104 def tag_blog(request,id):
105     tag = Tag.objects.get(id=id)                                        #根據id獲取當前tag                                  
106     blogs = tag.blog_set.all()                                          #因爲tag與blog是多對多關係，能夠根據tag查找相應的blog
107     paginator = Paginator(blogs,3)
108     page = request.GET.get('page')
109     try:
110         current_page = paginator.page(page)
111     except PageNotAnInteger:
112         current_page = paginator.page(1)
113     blog_list = current_page.object_list
114     return render_to_response('index.html',{'blog_list':blog_list,
115                                             'tag': tag,
116                                             'current_page':current_page})

step 3 修改base.html也就是主頁中把標籤放到左邊，找到去歸檔的標籤入口

12     <div class="sidebar  pure-u-md-1-4">                                       
 13         <div class="header">
 14             <h1 class="brand-title">terry ding blog</h1>
 15             <h2 class="brand-tagline">Welcome to this Blog</h2>                
 16             <nav class="nav">
 17                 <ul class="nav-list">
 18                     <li class="nav-item">
 19                         <a class="pure-button" href="{% url 'index'%}">Blog</a>
 20                     </li>
 21                     <li class="nav-item">
 22                         <a class="pure-button" href="{% url 'post' %}">Post</a>
 23                     </li>                                                      
 24                 </ul>
 25                 <ul class="nav-list">                                          
 26                 {% for tag in tags %}
 27                   <li class="nav-item">
 28                     <a class="pure-button" href="{% url 'tag_blog' id=tag.id %}">{{tag.tag_name|title}}</a>&nb         #根據標籤自身歸檔
    sp;&nbsp;          
 29                   </li>
 30                 {% endfor %}                                                   
 31                 </ul>                                                          
 32             </nav>                                                             
 33         </div>                                                                 
 34     </div>

博客已初俱功能了，界面還很是醜陋，這也不是一時半會兒就會好的，先將就着吧，之後有機會再優化