首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Python

Django 简单实现分页与搜索功能的示例代码

Posted in Python onNovember 07, 2019

假设现有需求如下：

需要一个页面分页展示信息，在该页面添加搜索框以提供检索功能。

那么，我们知道，展示信息和检索功能是在同一个页面，也就是共用一个路由。

代码如下：

第一步，写路由：为了清晰，这里只给出主页和展示页面的路由。

urls.py：

from django.urls import path
from . import views
from django.conf.urls.static import static
from django.conf import settings
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
 
# from django.contrib import staticfiles
 
urlpatterns = [
 # 主页
 path('', views.index),
 
 # 访问他人信息入口，分页展示
 path('other/profile', views.request_user),
 
 
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
urlpatterns += staticfiles_urlpatterns()

第二步，写视图：这里做了访问限制，登录才能访问

views.py：

from django.contrib.auth.decorators import login_required
from django.shortcuts import render, redirect
from django.http import HttpResponseRedirect, HttpResponse
from django.contrib.auth import authenticate, login, logout
from .models import UserInfo, Email_Message, Wastes
from django.contrib.auth.models import AnonymousUser
from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger
 
@login_required(login_url='/tologin')
def request_user(request):
 # 实现搜索
 key = request.GET.get('key')
 all_users = UserInfo.objects.filter(cate="买家").all()
 userlist = []
 # 如果前端传入关键字，才会进行检索，否则显示全部买家
 if key:
  for user in all_users:
   if key in user.address:
    userlist.append(user)
  all_users = userlist
 if all_users:
  paginator = Paginator(all_users, 2)
  page = request.GET.get('page')
  try:
   contacts = paginator.page(page)
  except PageNotAnInteger:
   contacts = paginator.page(1)
  except EmptyPage:
   contacts = paginator.page(paginator.num_pages)
  return render(request, 'Myapp/userlist.html', {'contacts': contacts})
 else:
  info = '暂无数据'
  return render(request, 'Myapp/userlist.html', {'info': info})

分页的原理是用到了django自带的分页组件

需要注意的是，搜索的关键字传参，用的是GET请求，而不是POST请求

简单来说，就是先判断前端页面是否用搜索框搜索了关键字，如果搜索了，那么这个词会被

key = request.GET.get('key')

赋值给key，然后进行后续判断处理即可。

如果没有，就正常展示我们需要展示的。

分页的原理。

可以去看这个组件的文档介绍。

如果返回的key检索不到结果，返回空数据页，并提醒。

html代码：

{% load static %}
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en"> <!--<![endif]-->
<head>
 
 <!-- favicon.ico
 ================================================== -->
 <link rel='shortcut icon' href="{% static 'Myapp/img/favicon.con' %}" rel="external nofollow" type="image/x-icon"/>
 
 <!-- Basic Page Needs
 ================================================== -->
 <meta charset="utf-8">
 <title>Detail</title>
 <meta name="description" content="">
 <meta name="author" content="">
 
 <!-- Mobile Specific Metas
	================================================== -->
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
 <!-- CSS
	================================================== -->
 <link rel="stylesheet" href="{% static 'Myapp/css/zerogrid.css' %}" rel="external nofollow" >
 <link rel="stylesheet" href="{% static 'Myapp/css/style.css' %}" rel="external nofollow" >
 <link rel="stylesheet" href="{% static 'Myapp/css/lightbox.css' %}" rel="external nofollow" >
 
 <!-- Custom Fonts -->
 <link href="{% static 'Myapp/assets/css/font-awesome.min.css' %}" rel="external nofollow" rel="stylesheet" type="text/css">
 
 
 <link rel="stylesheet" href="{% static 'Myapp/css/menu.css' %}" rel="external nofollow" >
 <link rel="stylesheet" href="{% static 'Myapp/assets/css/bootstrap.min.css' %}" rel="external nofollow" >
 <script src="{% static 'Myapp/js/jquery1111.min.js' %}" type="text/javascript"></script>
 <script src="{% static 'Myapp/js/script.js' %}"></script>
 
 <!--[if lt IE 8]>
  <div style=' clear: both; text-align:center; position: relative;'>
   <a href="http://windows.microsoft.com/en-US/internet-explorer/Items/ie/home?ocid=ie6_countdown_bannercode" rel="external nofollow" >
   <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
  </a>
  </div>
 <![endif]-->
 <!--[if lt IE 9]>
		<script src="js/html5.js"></script>
		<script src="js/css3-mediaqueries.js"></script>
	<![endif]-->
 
</head>
 
<body>
<div class="wrap-body">
 
 <!--////////////////////////////////////Header-->
 <header class="zerogrid">
  <div class="logo"><img src="{% static 'Myapp/img/logo.png' %}" alt=""/></div>
  <div id='cssmenu' class="align-center">
   <ul>
    <li><a href='http://127.0.0.1:8000/'><span>主页</span></a></li>
    <li><a href='http://127.0.0.1:8000/about'><span>关于我们</span></a></li>
    <li><a href='http://127.0.0.1:8000/show_detail'><span>每日看价</span></a></li>
    <li><a href='http://127.0.0.1:8000/other/profile'><span>找个买家</span></a></li>
    <li class='last'><a href='http://127.0.0.1:8000/contact'><span>联系我们</span></a></li>
   </ul>
  </div>
  <form style="float: right">
   {% csrf_token %}
   <label>
    <div class="form-group">
     <input type="search" class="form-control" name="key" placeholder="您可输入所在城市以检索买家">
    </div>
   </label>
   <input class="btn btn-default" type="submit" value="搜索">
  </form>
 </header>
 
 <!--////////////////////////////////////Container-->
 <div style="text-align: center">
  <table style="float: contour; margin:0 auto;text-align: center; width: 800px;" class="table table-bordered">
   <tr style="text-align: center" class="success">
    <td>昵称</td>
    <td>地址</td>
    <td>最近活跃</td>
   </tr>
   {% for u in contacts %}
    <tr class="info">
     <td><a
       href="http://127.0.0.1:8000/other/profile/{{ u.username }}" rel="external nofollow" >{{ u.username }}</a>
     </td>
     <td>{{ u.address }}</td>
     <td>{{ u.last_login }}</td>
    </tr>
   {% endfor %}
  </table>
 </div>
 
 
 <div class="navigation">
  <ul>
   {% for pg in contacts.paginator.page_range %}
    {% if contacts.number == pg %}
     <li class="active"><a href="?page={{ pg }}" rel="external nofollow" rel="external nofollow" >{{ pg }}</a></li>
    {% else %}
     <li><a href="?page={{ pg }}" rel="external nofollow" rel="external nofollow" >{{ pg }}</a></li>
    {% endif %}
   {% endfor %}
 
   {% if contacts.has_next %}
    <li><a href="?page={{ contacts.next_page_number }}" rel="external nofollow" >下一页</a></li>
   {% endif %}
  </ul>
 </div>
 <!--////////////////////////////////////Footer-->
 
</div>
{% if info %}
 <script>
  window.alert('{{ info }}');
 </script>
{% endif %}
</body>
</html>

效果：

主页主要功能部分：

Django 简单实现分页与搜索功能的示例代码

信息页分页与搜索：搜索框和分页都是存在的，目前是第一页：http://127.0.0.1:8000/other/profile

Django 简单实现分页与搜索功能的示例代码

第二页：http://127.0.0.1:8000/other/profile?page=2

Django 简单实现分页与搜索功能的示例代码

搜索测试：

Django 简单实现分页与搜索功能的示例代码

Django 简单实现分页与搜索功能的示例代码

搜索无效信息测试：

Django 简单实现分页与搜索功能的示例代码

Django 简单实现分页与搜索功能的示例代码

Django 简单实现分页与搜索功能的示例代码

算是比较完整了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

Django 简单实现分页与搜索功能的示例代码

- Author -

s_kangkang_A

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Python 相关文章推荐
python进阶教程之词典、字典、dict
Aug 29 Python
Python编程判断这天是这一年第几天的方法示例
Apr 18 Python
Python爬虫框架Scrapy实例代码
Mar 04 Python
Python基于win32ui模块创建弹出式菜单示例
May 09 Python
python2与python3共存问题的解决方法
Sep 18 Python
Django中create和save方法的不同
Aug 13 Python
基于python3监控服务器状态进行邮件报警
Oct 19 Python
python3中pip3安装出错,找不到SSL的解决方式
Dec 12 Python
解决pycharm最左侧Tool Buttons显示不全的问题
Dec 17 Python
python对Excel的读取的示例代码
Feb 14 Python
Python3.6 + TensorFlow 安装配置图文教程（Windows 64 bit）
Feb 24 Python
Python图像处理之图像拼接
Apr 28 Python
Flask框架请求钩子与request请求对象用法实例分析
Nov 07 #Python
Django框架ORM数据库操作实例详解
Nov 07 #Python
Python程序暂停的正常处理方法
Nov 07 #Python
浅析python redis的连接及相关操作
Nov 07 #Python
大家都说好用的Python命令行库click的使用
Nov 07 #Python
flask 实现token机制的示例代码
Nov 07 #Python
python3反转字符串的3种方法(小结)
Nov 07 #Python
seata(1) 迪杰斯特拉(1) 三角函数(1) pongo2(1) Dijkstra(1) nacos(1) 模板引擎(1) 动态代理(1) 优先队列(1) Carbon(1)
You might like
PHP实现把数字ID转字母ID
2013/08/12 PHP
浅谈PHP值mysql操作类
2016/06/29 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
PHP命令空间namespace及use的用法小结
2017/11/27 PHP
详解php命令注入攻击
2019/04/06 PHP
Yii Framework框架使用PHPExcel组件的方法示例
2019/07/24 PHP
浅谈javascript中的作用域
2012/04/07 Javascript
nodejs win7下安装方法
2012/05/24 NodeJs
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
jQuery实现图片预加载效果
2015/11/27 Javascript
详解javascript实现瀑布流列式布局
2016/01/29 Javascript
javascript DIV实现跟随鼠标移动
2020/03/19 Javascript
js贪吃蛇游戏实现思路和源码
2016/04/14 Javascript
微信小程序实战之上拉（分页加载）效果（2）
2017/04/17 Javascript
vue.js 使用axios实现下载功能的示例
2018/03/05 Javascript
angularJS开发注意事项
2018/05/26 Javascript
微信小程序常见页面跳转操作简单示例
2019/05/01 Javascript
node.js使用http模块创建服务器和客户端完整示例
2020/02/10 Javascript
Python中Collections模块的Counter容器类使用教程
2016/05/31 Python
pandas筛选某列出现编码错误的解决方法
2018/11/07 Python
Python opencv实现人眼/人脸识别以及实时打码处理
2019/04/29 Python
python按键按住不放持续响应的实例代码
2019/07/17 Python
python代码打印100-999之间的回文数示例
2019/11/24 Python
tensorflow 固定部分参数训练,只训练部分参数的实例
2020/01/20 Python
摄影实习自我鉴定
2013/09/20 职场文书
给医务人员表扬信
2014/01/12 职场文书
大学生个人求职口试自我评价
2014/02/16 职场文书
中专生毕业个人鉴定
2014/02/26 职场文书
小学生学习感言
2014/03/10 职场文书
3.12植树节活动总结2014
2014/03/13 职场文书
行政复议答复书
2015/07/01 职场文书
关于食品安全的演讲稿范文（三篇）
2019/10/21 职场文书
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL
PYTHON使用Matplotlib去实现各种条形图的绘制
2022/03/22 Python