上节我们实现了分页功能，这节我们要实现对模糊查询后的结果进行分页。（引入了bootstrap框架）

urls.py

from django.urls import path

from . import views

app_name='person'

urlpatterns=[

    path('curd/',views.curd_index),

    path('curd/<int:pn>',views.curd_index,name="curdindex"),

]

models.py

class Publisher(models.Model):

    id = models.AutoField(primary_key=True)

    name = models.CharField(max_length=64,null=False,unique=True)

    def __str__(self):

        # return "publisher_name:{}".format(self.name)

        return "{}".format(self.name)

class Book(models.Model):

    id = models.AutoField(primary_key=True)

    title = models.CharField(max_length=128,null=False)

    introduce=models.TextField(max_length=120)

    publisher = models.ForeignKey(to='Publisher',on_delete=None)

    def __str__(self):

        return "book_title:{}".format(self.title)

    class Meta:

        ordering=['id']

你说我对单个表不就好了，为啥还要搞个外键出来！！！

views.py

from django.db.models import Q

from django.shortcuts import render

from .models import Book

from django.core.paginator import Paginator, EmptyPage

def curd_index(request,pn=1):

    #获取前端收到的查询的值，默认值为空

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

    #如果存在，则对title和publisher进行模糊查询

    if query:

        book_obj = Book.objects.all().filter(Q(title__contains=query)|Q(publisher__name__contains=query))

    #否则取得所有的记录，并设置query的初始值为''

    else:
　　　　 query=''

        book_obj=Book.objects.all()

    #将取得的记录传给Paginator，每页显示5条

    paginator=Paginator(book_obj,5)

    #这里做异常判断，稍后再讲

    try:

        page=paginator.page(pn)

    except EmptyPage:

        page=paginator.page(1)

    #将page和查询字段传给前端

    context={

        'page':page,

        'query':query,

    }

    return render(request,'curd/curd.html',context=context)

curd.html

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport"

          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">

    <script src="/static/bootstrap/js/bootstrap.js"></script>

    <title>Document</title>

</head>

<body>

<div style="width: 100%";>

    <h3 align="center">书籍列表</h3>

    <table class="table" style="table-layout: fixed;">

        <div style="float: right">

        <form method="get" action="" >

            <input type="text" name="query"/>

            <input type="submit" name="submit" class="btn btn-primary input-sm"/>

        </form>

        </div>

        <tr>

            <th>id</th>

            <th>title</th>

            <th>publisher</th>

            <th>introduce</th>

        </tr>

        <tr>

        {% for item in page%}

            <td>{{item.id}}</td>

            <td>{{item.title}}</td>

            <td>{{item.publisher}}</td>

            <td>{{item.introduce}}</td>

        </tr>

        {% endfor %}

    </table>

</div>

<!--底部分页按钮显示-->

<div style="position: absolute;top: 30  %;left: 44%">

    <nav aria-label="Page navigation">

        <div class="pagination">

            <ul class="pagination" >

            {% if page.has_previous %}

                <li><a href="/curd/{{page.previous_page_number}}?query={{query}}"   aria-label="Previous">

                    <span aria-hidden="true">&laquo;</span></a></li>

            {% endif %}

            {% for num in page.paginator.page_range%}

                {%if pindex == page.number%}

                    <li><a href="">{{ num }}</a></li>

                {%else%}

                    <li><a href="/curd/{{num}}?query={{query}}">{{ num }}</a></li>

                {%endif%}

             {% endfor %}

             {% if page.has_next %}

                 <li><a href="{% url 'person:curdindex' page.next_page_number%}?query={{query}}" aria-label="Next">

                      <span aria-hidden="true">&raquo;</span></a></li>

              {% endif %}

            </ul>

        </div>

    </nav>

</div>

</body>

</html>

启动服务器后：

我们点击下一页：

注意到浏览器中地址变成了http://127.0.0.1:8000/curd/2?query=，接下来，我们尝试输入“p”

我们按title进行了模糊查询，但是浏览器地址为：http://127.0.0.1:8000/curd/3?query=p&submit=%E6%8F%90%E4%BA%A4。我们查询后的/curd/3这里不应该是1么，从第一页开始？这就是我们之前进行异常控制的原因。如果我们不设置，就会报错Emptypage，因为不是从第三页开始的。我们尝试下一页，浏览器地址：http://127.0.0.1:8000/curd/2?query=p，这正如我们所说，跳转到第二页了，同时，我们仍然位于模糊查询的列表中。因为我们在第一次进行模糊查询时，后端将从前端获得的query重新传回给了前端，并保存在url路径中，所以我们选择页面的时候，只是会改变页面的值，而后面的query仍然是存在的。

我们再输入"广州"：

同样得到了按publisher选择的结果，这是因为我们在模糊查询中进行了选择。

补充：每记录一篇，都要参考不少别人的东西，由于django的多样性，别人写的不可能完全适合自己，这就需要自己从中提取对自己有益的东西。

技术总结：写完分页后，想到应该如何根据模糊查询后的结果进行分页呢？其实就是一个传参，接受参数的过程。其中遇到的另一个坑就是，自己非要利用外键进行关联查询，在进行模糊查询时，publisher是外键，不能直接用publisher__contains，而应该用publisher__name__contains，否则会报错：FieldError。

还是一句话：每学一点东西，就越发感觉还有好多东西可以学，啊啊啊。

django实战（二）--带多字段模糊查询的分页（也是不容易）的更多相关文章

  1. Mysql多字段模糊查询

    MySQL同一字段多值模糊查询 一. 同一字段多值模糊查询,使用多个or进行链接,效率不高,但没有更好的解决方案.(有看到CHARINDEX 关键字,可查询结果并不是模糊,举个栗子 例如SELECT ...

  2. MySQL单表多字段模糊查询

    今天工作时遇到一个功能问题:就是输入关键字搜索的字段不只一个字段,比如 我输入: 超天才 ,需要检索出 包含这个关键字的 name . company.job等多个字段.在网上查询了一会就找到了答案. ...

  3. MySQL简单实现多字段模糊查询

    我所做的商城项目前些时提了新需求,要求前台搜索商品除了能通过商品名称搜索到以外,还可以通过别个信息搜索,比如:商品编号.详情内容描述等等,类似于全文搜索了.我首先想到的就是lucene,但是对代码这样 ...

  4. MySQL单表多字段模糊查询解决方法 又折磨半天concat(字段不能为空，如为空则用IFNULL(字段，'');

    SELECT `id`,`weixin_id`,`user_name`,`sex`,`area_id`,`address_near`,`phone`,`create_time`,`import_use ...

  5. Mysql 之实现多字段模糊查询

    在一个table中有省,市,县,期,栋,单元,室几个字段,然后用户输入一个地址从表中的字段拼接起来进行模糊查询. 解决办法: <MySQL权威指南>中CONCAT的使用方法,在书中的对CO ...

  6. Oracle：时间字段模糊查询

    需要查询某一天的数据,但是库里面存的是下图date类型 将Oracle中时间字段转化成字符串,然后进行字符串模糊查询 select * from CAINIAO_MONITOR_MSG t WHERE ...

  7. Mybatis mysql 一个搜索框多个字段模糊查询 几种方法

    第一种 or 根据搜索框给定的关键词,模糊搜索用户名和账号都匹配的用户集合 <select id="list" parameterType="com.user.Us ...

  8. Mysql里查询字段为Json格式的数据模糊查询以及分页方法

    public void datagrid(CustomFormEntity customForm,HttpServletRequest request, HttpServletResponse res ...

  9. MySQL单表多字段模糊查询解决方法

    例如现有table表,其中有title,tag,description三个字段,分别记录一条资料的标题,标签和介绍.然后根据用户输入的查询请求,将输入的字串通过空格分割为多个关键字,再在这三个字段中查 ...

随机推荐

  1. yii2.0的学习之旅（一）

    一. 通过composer安装yii2.0项目 *本文是根据您已经安装了composer (1)跳转到项目根目录 cd /xxxx/www (2)下载插件 composer global requir ...

  2. C#使用splitContainer控件制作收缩展开面板

    C#使用splitContainer控件制作收缩展开面板 原创 2011年07月19日 17:18:02 标签: c# / object / 扩展 / 测试 15690         最近对Squi ...

  3. Winform中设置ZedGraph的曲线符号Symbol以及对应关系

    场景 Winforn中设置ZedGraph曲线图的属性.坐标轴属性.刻度属性: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10 ...

  4. mssql like 优化

    SqlServer中like 的查询一般我们都不推荐,但是当数据库某个字段的值是用分隔符区分的多个链接字符,比如,12,11,23等这样的类型.可能我们需要判断是否包含12. 这个时候我们想到的当然是 ...

  5. JavaScript BOM Cookie 的用法

    JavaScript Cookie Cookie是计算机上存储在小文本文件中的数据.当Web服务器将网页发送到浏览器时,连接将关闭,服务器将忘记用户的所有内容.发明Cookie是为了解决“如何记住用户 ...

  6. Vue笔记--同局域网下访问本地项目

    正常开发中有时间提测比较麻烦.通常让测试小姐姐连接开发本地开启的服务器访问本地项目(在同一局域网下). 其实一般项目IDE已经实现这些功能例如webstorm和vscode,有时候需要单独配置下. 但 ...

  7. apicloud开发app

    1.apicloud官网 2.注册登录 3.开发控制台 4.创建应用 5.代码=>svn拉取代码,账号:注册账号的邮箱,密码:获取分支密码中的密码 6.编辑器下载对应的插件或者直接使用apicl ...

  8. JDK1.8 —— 接口定义增强

    使用default和static定义接口方法 JDK1.8(jre8)以后,接口中不在仅仅只允许定义抽象方法,开始允许定义普通方法了:而普通方法需要用default声明. interface IMes ...

  9. Django ORM 一对多 和 多对多

    一对多 在 models.py 上定义: class Province(models.Model): name = models.CharField(max_length=32) def __str_ ...

  10. 【BZOJ3716】[PA2014]Muzeum（贪心+网络流）

    BZOJ 题意: 在二维网格图中有\(n\)个物品,每个物品有价值:但有\(m\)个警卫看管这些物品,每个警卫面朝\(y\)轴负方向,能看到一定角度(假定能够看到无穷远). 现在每个敬畏有一个贿赂价钱 ...