Django开发运维后台（三）：利用ListView分页显示数据

最新推荐文章于 2021-02-21 15:32:48 发布
最新推荐文章于 2021-02-21 15:32:48 发布
阅读量109 收藏
点赞数
文章标签： 运维 python javascript ViewUI
原文链接：https://yq.aliyun.com/articles/428175
版权

ListView变量与方法请看：http://ccbv.co.uk/projects/Django/1.6/django.views.generic.list/ListView/

前端样式使用Bootstrap3：http://v3.bootcss.com/getting-started/

Jinja2模板系统文档：http://docs.jinkan.org/docs/jinja2/


1、views.py:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
from  django.shortcuts  import  render
from  django.http.response  import  HttpResponse
from  django.views.generic  import   View, ListView
#model
from  models  import  *
#python
import  urllib2
 
......
 
class  ServerListIndex(ListView):
     context_object_name  =  'serverlist'
     template_name  =  'serverlist.jinja.html'
     paginate_by  =  50
     model  =  ServerList

ListView只需要传好变量即可使用：

context_object_name是数据库搜索出来的结果存放的变量名字，用于模板循环显示

template_name加载该html文件

paginate_by设置分页中每一页的记录数目

model定义从哪份model中查询


2、urls.py:

1
2
3
4
5
6
urlpatterns  =  patterns('',
     url(r '^test/$' , TemplateView.as_view(template_name = 'base2.jinja.html' )),
 
     url(r 'update/$' , Update_ServerList.as_view(), name = "update_serverlist" ),
     url(r '^$' , ServerListIndex.as_view(), name = 'serverlist' ),
)


3、模板，模板我采用了继承，父模板是整个网站的框架，有点长不好放出来，这里只放子模板：

serverlist.jinja.html:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
{% extends "base2.jinja.html" %}
{% set active_page = 'serverlist' -%}
{% block body %}
 
     < form  class = "form-inline"  role = "form"  action = ""  method = "GET" >
         < div  class = "panel panel-default" >
             < table  class = "table table-striped table-bordered table-hover table-condensed" >
                 < thead >
                   < tr >
                     < th >平台</ th >
                     < th >服务器名称</ th >
                     < th >合服列表</ th >
                     < th >开服时间</ th >
                     < th >域名/IP</ th >
                     < th ></ th >
                   </ tr >
                 </ thead >
                 < tbody >
                     {% for server in serverlist %}
                       < tr >
                         < td >{{ server.plat }}</ td >
                         < td >{{ server.server_num }}服-{{ server.server_name }}</ td >
                         < td >{{ server.hefu_range.replace('-',',') }}</ td >
                         < td >{{ server.open_time }}</ td >
                         < td >
                             {{ server.domain }}< br >
                             {{ server.dx_ip }}/{{ server.lt_ip }}
                         </ td >
                         < th >< a  href = "#"  class = "btn btn-primary"  role = "button" >执行命令</ a ></ th >
                       </ tr >
                     {% endfor %}
                 </ tbody >
             </ table >
         </ div >
         < div  class = "panel-default" >
             < center >
                 < ul  class = "pagination" >
                     < li >< a  href = "{{ request.path }}?page=1" >&laquo;</ a ></ li >
                     {% if page_obj.has_previous() %}
                         < li >< a  href = "{{ request.path }}?&page={{ page_obj.previous_page_number() }}" >上一页</ a ></ li >
                     {% else %}
                         < li  class = "previous disabled" >< a >上一页</ a ></ li >
                     {% endif %}
                     {% for i in page_obj.paginator.page_range %}
                         < li  {% if page_obj.number == i %} class = "active" {% endif %}>< a  href = "{{ request.path }}?page={{ i }}" >{{ i }}</ a ></ li >
                     {% endfor %}
                     {% if page_obj.has_next() %}
                         < li >< a  href = "{{ request.path }}?page={{ page_obj.next_page_number() }}" >下一页</ a ></ li >
                     {% else %}
                         < li  class = "previous disabled" >< a >下一页</ a ></ li >
                     {% endif %}
                     < li >< a  href = "{{ request.path }}?page={{ page_obj.paginator.num_pages }}" >&raquo;</ a ></ li >
                 </ ul >
             </ center >
         </ div >
     </ form >
 
{% endblock %}

page_obj是分页对像实例，这个名字是ListView默认生成的


page_obj的变量：

page_obj.paginator.page_range：所有分页的number，是一个list

page_obj.number：当前分页的页码

page_obj.paginator.num_pages：总分页数，就是一共有多少页


page_obj的方法：

page_obj.has_previous()：判断是否有上一页

page_obj.previous_page_number()：返回上一页的number

page_obj.has_next()：判断是否有下一页

page_obj.next_page_number()：返回下一页的number


现在实现的效果：

wKioL1O8r-yhSvXYAAA8MhU_M3g693.jpg

wKiom1O8sBvSfkN_AAA7BBeif3Q653.jpg


4、基本的分页是做好了，现在需要加多一个搜索的功能，

先改造views.py:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
class  ServerListIndex(ListView):
     context_object_name  =  'serverlist'
     template_name  =  'serverlist.jinja.html'
     paginate_by  =  50
     #model = ServerList
     http_method_names  =  [u 'get' ,]
 
     def  get_queryset( self ):
         serverlist  =  ServerList.objects. all ()
         plat  =  self .request.GET.get( 'plat' )
         keyword  =  self .request.GET.get( 'keyword' )
         if  plat:
             serverlist  =  serverlist. filter (plat = plat)
         if  keyword:
             serverlist  =  serverlist. filter (Q(dx_ip = keyword)|Q(lt_ip = keyword)|Q(domain = keyword))
         return  serverlist
 
     def  get_context_data( self ,  * * kwargs):
         context  =  super (ServerListIndex, self ).get_context_data( * * kwargs)
         platlist  =  ServerList.objects.values( 'plat' ).annotate()
         context[ 'platlist' ]  =  platlist
         return  context

重写了get_queryset方法，达到利用get参数自定义SQL的作用

重新get_context_data方法，相当于return render_to_response(xxx.html,{},context_instance=RequestContext(request))中的{}的内容，就是传给模板的变量


然后把html增加一个搜索菜单：

serverlist.jinja.html:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
{% extends "base2.jinja.html" %}
{% set active_page = 'serverlist' -%}
{% block body %}
     < form  class = "form-inline"  role = "form"  action = ""  method = "GET" >
         < div  class = "panel panel-default" >
             < div  class = "panel-heading" >
                   < div  class = "form-group" >
                         < select  name = "plat"  class = "form-control" >
                             < option  value = "" >--全部--</ option >
                             {% for i in platlist -%}
                                  < option  value = "{{ i.plat }}"  {% if request.GET.plat  == i.plat -%}selected{% endif -%}>{{ i.plat }}</ option >
                             {% endfor -%}
                         </ select >
                   </ div >
                   < div  class = "form-group" >
                     < input  type = "input"  name = "keyword"  class = "form-control"  placeholder = "请输入域名或者IP"  value = "{{ request.GET.keyword }}" >
                   </ div >
                   < button  type = "submit"  class = "btn btn-primary" >Search</ button >
 
             </ div >
             < table  class = "table table-striped table-bordered table-hover table-condensed" >
                 < thead >
                   < tr >
                     < th >平台</ th >
                     < th >服务器名称</ th >
                     < th >合服列表</ th >
                     < th >开服时间</ th >
                     < th >域名/IP</ th >
                     < th ></ th >
                   </ tr >
                 </ thead >
                 < tbody >
                     {% for server in serverlist -%}
                       < tr >
                         < td >{{ server.plat }}</ td >
                         < td >{{ server.server_id }}服-{{ server.server_name }}</ td >
                         < td >{{ server.hefu_range.replace('-',',').strip() }}</ td >
                         < td >{{ server.open_time }}</ td >
                         < td >
                             {{ server.domain }}< br >
                             {{ server.dx_ip }}/{{ server.lt_ip }}
                         </ td >
                         < th >< a  href = "#"  class = "btn btn-primary"  role = "button" >执行命令</ a ></ th >
                       </ tr >
                     {% endfor -%}
                 </ tbody >
             </ table >
         </ div >
         < div  class = "panel-default" >
             < center >
                 < ul  class = "pagination" >
                     < li >< a  href = "{{ request.path }}?plat={{ request.GET.plat }}&keyword={{ request.GET.keyword }}&page=1" >&laquo;</ a ></ li >
                     {% if page_obj.has_previous() %}
                         < li >< a  href = "{{ request.path }}?plat={{ request.GET.plat }}&keyword={{ request.GET.keyword }}&page={{ page_obj.previous_page_number() }}" >上一页</ a ></ li >
                     {% else %}
                         < li  class = "previous disabled" >< a >上一页</ a ></ li >
                     {% endif %}
                     {% for i in page_obj.paginator.page_range %}
                         < li  {% if page_obj.number == i %} class = "active" {% endif %}>< a  href = "{{ request.path }}?plat={{ request.GET.plat }}&keyword={{ request.GET.keyword }}&page={{ i }}" >{{ i }}</ a ></ li >
                     {% endfor %}
                     {% if page_obj.has_next() %}
                         < li >< a  href = "{{ request.path }}?plat={{ request.GET.plat }}&keyword={{ request.GET.keyword }}&page={{ page_obj.next_page_number() }}" >下一页</ a ></ li >
                     {% else %}
                         < li  class = "previous disabled" >< a >下一页</ a ></ li >
                     {% endif %}
                     < li >< a  href = "{{ request.path }}?plat={{ request.GET.plat }}&keyword={{ request.GET.keyword }}&page={{ page_obj.paginator.num_pages }}" >&raquo;</ a ></ li >
                 </ ul >
             </ center >
         </ div >
     </ form >
 
{% endblock %}

wKioL1O8s_jzej5lAAByCbW94h0417.jpg

wKioL1O892DAyvrGAABYWlsRYjU848.jpg

因为加多了get参数，所以网页尾部的分页还要加上GET参数

看了下效果感觉还过得去。。

本文转自运维笔记博客51CTO博客，原文链接http://blog.51cto.com/lihuipeng/1436010如需转载请自行联系原作者


lihuipeng


weixin_34341117
关注
ListView分页
10-27
ListView分页，非常简单的一个例子
opman-django ：： 100：自动化运维平台：CMDB，CICD，DevOps，资产管理，任务编排，持续交付，系统监控，运维管理，配置管理
02-03
注意：此项目尚未开发完整，尚不能部署线上使用，必须学习，弱要看效果修改设置文件改成debug模式直接运行起来就行，忽略下面的ngx配置（高手可无视） 泊坞窗容器部署：请查看docker_deploy.md文档发说明 全新UI ...
django ListView指定分页条数
HiveMe_Hitech
07-15 291
class DeviceListView(ListView): model = Device # 指定类 paginate_by = 8 # 在类中 重写如下方法，增加在requst中获取分页的判断 def get_paginate_by(self, queryset): """ Get the number of items to paginate by, or ``None`` for no pagination. ".
Django 分页功能的实现
nanxiang11的博客
02-21 195
Django 分页功能的实现 创建项目创建APP，添加APP这些就不在多说我们这次重点来看到视图函数 下面是路由设置 视图函数继承TemplateView views.py class index4(ListView): template_name = 'index5.html' # 设置模板文件以至于找到该模板文件 extra_context = {'title': '人员信息表'} # 设置响应内容 queryset = PersonInfo.objects.all()
Django ListView实现分页
weixin_30895603的博客
04-24 268
效果： url.py main-urls from django.urls import path,include urlpatterns = [ path('admin/', admin.site.urls), path('book/',include('book.urls')) ] app-> book.urls from django.urls import pat...
基于SaltStack与Django的运维平台设计源码：SaltOps整合Jenkins与Zabbix
最新发布
10-05
该项目是利用SaltStack与Django构建的运维平台源码——SaltOps，包含131个文件，涵盖86个Python源代码文件、16个Python编译文件、9个XML文件、6个长度文件、3个HTML文件、2个密钥流文件以及1个Git忽略文件。...
基于Django的交通设施运维管理系统设计
04-20
基于Django的交通设施运维管理系统设计基于Django的交通设施运维管理系统设计基于Django的交通设施运维管理系统设计基于Django的交通设施运维管理系统设计基于Django的交通设施运维管理系统设计基于Django的交通设施...
基于django开发的运维管理平台
07-11
【作品名称】：基于django开发的运维管理平台 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】： 基于django开发的运维...
基于 python3+django 开发的一套 web 可视化的运维自动化项目源码.zip
05-08
基于 python3+django 开发的一套 web 可视化的运维自动化项目源码 基于 python3+django 开发的一套 web 可视化的运维自动化项目源码 基于 python3+django 开发的一套 web 可视化的运维自动化项目源码 基于 ...
Django的ListView超详细用法(含分页paginate)
09-16
主要介绍了Django的ListView超详细用法(含分页paginate)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Django框架实现的简单分页功能示例
09-19
主要介绍了Django框架实现的简单分页功能,在之前一篇留言板之上增加了简单分页功能,涉及Paginator模块的简单使用技巧,需要的朋友可以参考下
使用listview分页显示数据
04-14
很好的资源，自己写的listview与分页的综合实例，有代码和数据库。代码通过多次测试，可以正确运行。
Django中ListView分页技术
菲宇运维
07-03 772
Django中分页非常方便，通过Pagination你可以很方便达到分页效果。今天主要说的是基础视图中ListView的分页处理，本质还是依赖与Pagination。 数据模型：models.py from django.db import models from django.contrib.auth.models import User # Create your...
django 视图高级 ListView的模板中的分页演练 200317
鲸鱼编程-python全栈
03-24 101
上一页 代码 中间页码 代码 下一页
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值