• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

python 搞代码 4年前 (2022-01-07) 25次浏览 已收录 0个评论

这篇文章主要介绍了Django 简单实现分页与搜索功能的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

假设现有需求如下:

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

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

代码如下:

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

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 ]> <![endif]--><!--[if IE 7 ]> <![endif]--><!--[if IE 8 ]> <![endif]--><!--[if (gte IE 9)|!(IE)]>>--> <!-- <!-- favicon.ico ================================================== --><!-- Basic Page Needs ================================================== --><title>Detail</title><!-- Mobile Specific Metas ================================================== --><!-- CSS ================================================== --><!-- Custom Fonts --><!--[if lt IE 8]> <div style='clear: both;text-align:center'>    </div> <![endif]--><!--[if lt IE 9]>   <![endif]--> <div class="wrap-body"> <!--////////////////////////////////////Header--><header class="zerogrid"> <div class="logo"></div><div id='cssmenu' class="align-center"> <ul> <li><span>主页</span></li><li><span>关于我们</span></li><li><span>每日看价</span></li><li><span>找个买家</span></li><li class='last'><span>联系我们</span></li></ul></div> {% csrf_token %} <label> <div class="form-group"> </div></label></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>{{ u.username }}</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">{{ pg }}</li> {% else %} <li>{{ pg }}</li> {% endif %} {% endfor %} {% if contacts.has_next %} <li>下一页</li> {% endif %} </ul></div><!--////////////////////////////////////Footer--></div> {% if info %}  {% endif %} 

主页主要功能部分:

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

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

搜索测试:

搜索无效信息测试:

算是比较完整了

来源gaodai.ma#com搞##代!^码网

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持gaodaima搞代码网

以上就是Django 简单实现分页与搜索功能的示例代码的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Django 简单实现分页与搜索功能的示例代码

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址