[TOC] >[success] # 添加功能 ~~~ 1.根據上面兩篇文章，我們已經成功搭建了一個博客基礎頁面，現在我們給它添加功能 ~~~ >[danger] ##### 添加一個文章搜索功能 ~~~ 1.接受前臺穿過來的值，做 title = self.request.GET.get('query') 查詢關鍵字 2.重寫get_queryset(self) 進行搜索 3.重寫 get_context_data(query=query) 其中利用**kwargs 原來，自動將query=query 填充 ~~~ ~~~ class IndexView(BasePostsView): def get_queryset(self): qs = super(IndexView, self).get_queryset() title = self.request.GET.get('query') if title: return qs.filter(title__icontains =title) return qs def get_context_data(self, **kwargs): query = self.request.GET.get('query') if query: return super(IndexView, self).get_context_data(query=query) return super(IndexView, self).get_context_data() ~~~ * 解決頁面上form 表單樣式 ~~~ 1.搜索的input 傳值 用name 問題 ~~~ ~~~ <form action="/" method="GET" class="input-group search"> <div class="input-group search"> <input name="query" type="text" class="form-control" placeholder="Search for..." aria-label="Search for..."> <span class="input-group-btn"> <button class="btn btn-secondary" type="button">Go!</button> </span> </div> </form> ~~~ * 解決分頁顯示問題 ~~~ 1.增加判斷，判斷當前是否做搜索的分頁 ~~~ ~~~ {% if page_obj.has_previous %} {% if query %} <a href="?page={{ page_obj.previous_page_number }}&query={{ query }}">上一頁</a> {% else %} <a href="?page={{ page_obj.previous_page_number }}">上一頁</a> {% endif %} {% endif %} Page {{ page_obj.number }} of {{ paginator.num_pages }}. {% if page_obj.has_next %} {% if query %} <a href="?page={{ page_obj.next_page_number }}&query={{ query }}">下一頁</a> {% else %} <a href="?page={{ page_obj.next_page_number }}">下一頁</a> {% endif %} {% endif %} ~~~ >[danger] ##### 用戶文章過濾 ~~~ class AuthorView(BasePostsView): def get_queryset(self): author_id = self.kwargs.get('author_id') qs = super(AuthorView, self).get_queryset() if author_id: qs = qs.filter(owner_id=author_id) return qs ~~~ * url 增加一個新的跳轉 ~~~ url(r'^author/(?P<author_id>\d+)/$', AuthorView.as_view(), name="author"), ~~~ * 頁面對用戶連接補充 ~~~ 作者:<a class="nav-link post-element-nav" href="{% url 'author' post.owner_id %}">{{ post.owner.username }}</a> ~~~