假设现有需求如下:
需要一个页面分页展示信息,在该页面添加搜索框以提供检索功能。
那么,我们知道,展示信息和检索功能是在同一个页面,也就是共用一个路由。
代码如下:
第一步,写路由:为了清晰,这里只给出主页和展示页面的路由。
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="/UploadFiles/2021-04-08/jquery1111.min.js' %}">效果:
主页主要功能部分:
信息页分页与搜索:搜索框和分页都是存在的,目前是第一页:http://127.0.0.1:8000/other/profile
第二页:http://127.0.0.1:8000/other/profile"text-align: center">
搜索测试:
搜索无效信息测试:
算是比较完整了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。