Django开发运维后台(三):利用ListView分页显示数据

简介:

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


相关文章
|
30天前
|
运维 安全 数据安全/隐私保护
课1-数据可信流通,从运维信任到技术信任
构建数据可信流通体系,关键在于建立技术信任。该体系基于信任四要素:身份确认、利益依赖、能力预期及行为后果。数据内循环时,持有方负责数据安全;外循环则面临责任主体不清等问题。为实现可信流通,需由运维信任转向技术信任,依托密码学和可信计算技术,并遵循数据二十条政策。技术手段包括可信应用身份、使用权跨域管控、安全分级标准和全链路审计,确保内外循环的数据管控。基础设施——密态天空计算,支持以隐私计算为核心的密态数联网,实现责任界定的全链路数据安全。
|
1月前
|
存储 运维 安全
2024.3.18隐语训练营第1讲笔记:数据可信流通,从运维信任到技术信任
数据二十条提出了要建立数据可信流通体系,使得数据可以安全的流转起来。但由于在数据流通中存在的各种风险,使得信任四要素全部遭到破坏,导致信任降级甚至崩塌。为了应对这些风险,要实现从运维信任到技术信任的转变,针对信任的各个要素,提出了解决方案。最后简要介绍了安全可信基础设施的融合布局。
43 3
|
1月前
|
运维 安全 数据安全/隐私保护
|
29天前
|
人工智能 运维 监控
构建高性能微服务架构:现代后端开发的挑战与策略构建高效自动化运维系统的关键策略
【2月更文挑战第30天】 随着企业应用的复杂性增加,传统的单体应用架构已经难以满足快速迭代和高可用性的需求。微服务架构作为解决方案,以其服务的细粒度、独立性和弹性而受到青睐。本文将深入探讨如何构建一个高性能的微服务系统,包括关键的设计原则、常用的技术栈选择以及性能优化的最佳实践。我们将分析微服务在处理分布式事务、数据一致性以及服务发现等方面的挑战,并提出相应的解决策略。通过实例分析和案例研究,我们的目标是为后端开发人员提供一套实用的指南,帮助他们构建出既能快速响应市场变化,又能保持高效率和稳定性的微服务系统。 【2月更文挑战第30天】随着信息技术的飞速发展,企业对于信息系统的稳定性和效率要求
|
2天前
|
Python
Django开发——配置环境
Django开发——配置环境
|
17天前
|
前端开发 测试技术 数据库
【python】为什么使用python Django开发网站这么火?
【python】为什么使用python Django开发网站这么火?
|
28天前
|
人工智能 JSON 运维
AI大模型运维开发探索第三篇:深入浅出运维智能体
大模型出现伊始,我们就在SREWorks开源社区征集相关的实验案例。玦离同学提供了面向大数据HDFS集群的智能体案例,非常好地完成了运维诊断的目标。于是基于这一系列的实验和探索。本文详细介绍智能体在运维诊断中的应用探索。
|
1月前
|
运维 安全 区块链
隐私计算训练营第一讲 :数据可信流通,从运维信任到技术信任
构建数据可信流通体系旨在解决数据流转中的安全和信任问题,确保来源可确认、使用范围界定、过程可追溯及风险可控。体系基于身份验证、利益对齐、预期能力和行为审计的技术要求,采用可信计算、区块链、隐私计算等技术,打造从原始到衍生数据的全程可信环境。密态计算技术成为关键,推动数据密态时代的到来,其中密态天空计算是重要的基础设施。
34 0
|
1月前
|
机器学习/深度学习 运维 安全
# 隐私计算实训营note#1 数据可信流通,从运维信任到技术信任
### 笔者前言&摘要 这一讲的主要内容是从宏观的层面介绍隐私/可信计算的基本概念,技术愿景和实用价值。这部分内容是理解隐私查询(PIR)、隐私机器学习(PPML)和其他的多方安全计算(MPC)技术的远大技术愿景和实际应用价值的基础。视频链接:[第1讲:数据可信流通,从运维信任到技术信任](https://www.bilibili.com/video/BV1sJ4m187vR/)。
|
1月前
|
存储 运维 安全
【隐语实训营】第一讲 数据可信流通,从运维信任到技术信任
学习隐语实训营第一讲:数据可信流通,从运维信任到技术信任
31 0