Django学习-第十二讲：视图高级（二）类视图、模板视图、列表

2019-10-04 本文已影响0人小海怪的互联网

1. 类视图

在写视图的时候，Django除了使用函数作为视图，也可以使用类作为视图。使用类视图可以使用类的一些特性，比如继承等。

１.１ View

django.views.generic.base.View是主要的类视图，所有的类视图都是继承自他。如果我们写自己的类视图，也可以继承自他。然后再根据当前请求的method，来实现不同的方法。比如这个视图只能使用get的方式来请求，那么就可以在这个类中定义get(self,request,*args,**kwargs)方法。以此类推，如果只需要实现post方法，那么就只需要在类中实现post(self,request,*args,**kwargs)。

from django.views import View
class BookDetailView(View):
    def get(self,request,*args,**kwargs):
        return render(request,'detail.html')

类视图写完后，还应该在urls.py中进行映射，映射的时候就需要调用View的类方法as_view()来进行转换。自动查找指定方法。

urlpatterns = [        
    path("detail/<book_id>/",views.BookDetailView.as_view(),name='detail')
]

除了get方法，View还支持以下方法['get','post','put','patch','delete','head','options','trace']。

如果用户访问了View中没有定义的方法。比如你的类视图只支持get方法，而出现了post方法，那么就会把这个请求转发给http_method_not_allowed(request,*args,**kwargs)。

class AddBookView(View):
    def post(self,request,*args,**kwargs):
        return HttpResponse("书籍添加成功！")

    def http_method_not_allowed(self, request, *args, **kwargs):
        return HttpResponse("您当前采用的method是：%s，本视图只支持使用post请求！" % request.method)

urls.py中的映射如下:

path("addbook/",views.AddBookView.as_view(),name='add_book')

2. TemplateView

django.views.generic.base.TemplateView，这个类视图是专门用来返回模版的。在这个类中，有两个属性是经常需要用到的，一个是template_name，这个属性是用来存储模版的路径，TemplateView会自动的渲染这个变量指向的模版。另外一个是get_context_data，这个方法是用来返回上下文数据的，也就是在给模版传的参数的。

from django.views.generic.base import TemplateView

class HomePageView(TemplateView):

    template_name = "home.html"

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        context['username'] = "juran"
        return context

在urls.py中的映射代码如下:

from django.urls import path

from myapp.views import HomePageView

urlpatterns = [
    path('', HomePageView.as_view(), name='home'),
]

如果在模版中不需要传递任何参数，那么可以直接只在urls.py中使用TemplateView来渲染模版。

from django.urls import path
from django.views.generic import TemplateView

urlpatterns = [
    path('about/', TemplateView.as_view(template_name="about.html")),
]

3.ListView

3.1.

在网站开发中，经常会出现需要列出某个表中的一些数据作为列表展示出来。比如文章列表，图书列表等等。在Django中可以使用ListView来帮我们快速实现这种需求。

class ArticleListView(ListView):
    model = Article
    template_name = 'article_list.html'
    paginate_by = 10
    context_object_name = 'articles'
    ordering = 'create_time'
    page_kwarg = 'page'

    def get_context_data(self, **kwargs):
        context = super(ArticleListView, self).get_context_data(**kwargs)
        print(context)
        return context

    def get_queryset(self):
        return Article.objects.filter(id__lte=89)

对以上代码进行解释:

首先ArticleListView是继承自ListView。

model：重写model类属性，指定这个列表是给哪个模型的。
template_name：指定这个列表的模板。
paginate_by：指定这个列表一页中展示多少条数据。
context_object_name：指定这个列表模型在模板中的参数名称。-
ordering：指定这个列表的排序方式。
page_kwarg：获取第几页的数据的参数名称。默认是page。
get_context_data：获取上下文的数据。
get_queryset：如果你提取数据的时候，并不是要把所有数据都返回，那么你可以重写这个方法。将一些不需要展示的数据给过滤掉。

3.2 Paginator和Page类

Paginator和Page类都是用来做分页的。他们在Django中的路径为django.core.paginator.Paginator和django.core.paginator.Page。以下对这两个类的常用属性和方法做解释：

3.2.1 Paginator常用属性和方法

count：总共有多少条数据。
num_pages：总共有多少页。
page_range：页面的区间。比如有三页，那么就range(1,4)。

3.2.2 Page常用属性和方法

has_next：是否还有下一页。
has_previous：是否还有上一页。
next_page_number：下一页的页码。
previous_page_number：上一页的页码。
number：当前页。
start_index：当前这一页的第一条数据的索引值。
end_index：当前这一页的最后一条数据的索引值。

3.3 示例分页代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
    <ul>
        {% for i in articles %}
        <li>{{ i.id }}-{{ i.name }}</li>
        {% endfor %}
    </ul>

    <ul class="pagination">
        {% if page_obj.has_previous %}
        <li>
          <a href="{% url 'list' %}?page={{ page_obj.previous_page_number }}" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
        {% else %}
        <li class="disabled">
          <a href="javascript:void(0)" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
        {% endif %}
        {% for i in paginator.page_range %}
            {% if page_obj.number == i %}
                <li class="active"><a href="{% url 'list' %}?page={{ i }}">{{ i }}</a></li>
            {% else %}
                <li><a href="{% url 'list' %}?page={{ i }}">{{ i }}</a></li>
            {% endif %}
        {% endfor %}
        <!--<li><a href="#">2</a></li>-->
        <!--<li><a href="#">3</a></li>-->
        <!--<li><a href="#">4</a></li>-->
        <!--<li><a href="#">5</a></li>-->
        {% if page_obj.has_next %}
        <li>
          <a href="{% url 'list' %}?page={{ page_obj.next_page_number }}" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a>
        </li>
        {% else %}
        <li class="disabled">
          <a href="#" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a>
        </li>
        {% endif %}
    </ul>
</body>
</html>

3.4 通用分页代码

article1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
    <ul>
        {% for i in articles %}
        <li>{{ i.id }}-{{ i.name }}</li>
        {% endfor %}
    </ul>

    <ul class="pagination">
        {% if page_obj.has_previous %}
        <li>
          <a href="{% url 'list' %}?page={{ page_obj.previous_page_number }}" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
        {% else %}
        <li class="disabled">
          <a href="javascript:void(0)" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
        {% endif %}

        {% if left_has_more %}
            <li><a href="{% url 'list' %}?page=1">1</a></li>
            <li><a href="javascript:void(0)">...</a></li>
        {% endif %}

        {% for i in left_range %}
            <li><a href="{% url 'list' %}?page={{ i }}">{{ i }}</a></li>
        {% endfor %}

        <li><a href="">{{ page_obj.number }}</a></li>

        {% for i in right_range %}
            <li><a href="{% url 'list' %}?page={{ i }}">{{ i }}</a></li>
        {% endfor %}

        {% if right_has_more %}
            <li><a href="javascript:void(0)">...</a></li>
            <li><a href="{% url 'list' %}?page={{ paginator.num_pages }}">{{ paginator.num_pages }}</a></li>
        {% endif %}


        {% if page_obj.has_next %}
        <li>
          <a href="{% url 'list' %}?page={{ page_obj.next_page_number }}" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a>
        </li>
        {% else %}
        <li class="disabled">
          <a href="#" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a>
        </li>
        {% endif %}
    </ul>
</body>
</html>

views.py

class ArticleListVies(ListView):
    model = Publisher
    template_name = 'article_list1.html'
    paginate_by = 5
    context_object_name = 'articles'
    # ordering = 'create_time'
    page_kwarg = 'page'

    def get_context_data(self, *, object_list=None, **kwargs):
        context = super(ArticleListVies, self).get_context_data(**kwargs)
        paginator = context.get("paginator")
        page_obj = context.get("page_obj")
        # print(paginator.count)
        # print(page_obj.has_next())
        paginator_date = self.get_page(paginator,page_obj)
        context.update(paginator_date)
        return context

    def get_page(self,paginator,page_obj,page_offset=2):
        current_page = page_obj.number
        left_has_more = False
        right_has_more = False
        # 3 4 5 6 7
        if current_page <= page_offset + 2:
            left_range = range(1,current_page)
        else:
            left_has_more = True
            left_range = range(current_page-page_offset,current_page)

        #  7     10
        if current_page >= paginator.num_pages - page_offset - 1:
            right_range = range(current_page+1, paginator.num_pages+1)
        else:
            right_has_more = True
            right_range = range(current_page+1,current_page+page_offset+1)

        return {
            'left_range':left_range,
            'right_range':right_range,
            'right_has_more':right_has_more,
            'left_has_more':left_has_more
        }