django的前后的结合，search搜索功能案例

利用django的Q（）功能可以很好的展开搜索功能

假设我要做个这样的搜索功能

aaarticlea/png;base64,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" alt="" />

那么思路是怎么样的？

前端获取 --》输入 --》ajax后台获取 --》进行搜索  --》将值返回后台  ---》ajax在进行处理传到页面

那我们就来看看代码

前端的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .left{
            float: left;
        }
        .clearfix:after{
            content: '.';
            clear: both;
            display: block;
            visibility: hidden;
            height: 0;
        }
    </style>
</head>
<body>
    <div class="condition">
        <div class="item clearfix">
            <div class="icon left" onclick="AddCondition(this);">+</div>
            <div class="left">
                <select onchange="ChangeName(this);">
                    <option value="name">书名</option>
                    <option value="book_type__caption">图书类型</option>
                    <option value="price">价格</option>
                    <option value="pages">页数</option>
                </select>
            </div>
            <div class="left"><input type="text" name="name" /></div>
        </div>
    </div>
    <div>
        <input type="button" onclick="Search();" value="搜索" />
    </div>
    <div class="container"></div>
    <script src="/static/js/jquery-1.12.4.js"></script>
    <script>
        function  AddCondition(ths) {
            var new_tag = $(ths).parent().clone();//克隆
            new_tag.find('.icon').text('-'); //更改+ 为-
            new_tag.find('.icon').attr('onclick', 'RemoveCondition(this);'); //属性什么等于什么

            $(ths).parent().parent().append(new_tag);//添加
        }
        function  RemoveCondition(ths) {//删除
            $(ths).parent().remove();
        }
        function ChangeName(ths) {//改变名称就触发
            var v = $(ths).val();//得到值
            $(ths).parent().next().find('input').attr('name',v);//改变属性name的值为v
        }
        function Search() {
            var post_data_dict = {};//定义一个{}

            // 获取所有input的内容，提交数据
            $('.condition input').each(function () {//循环
                // console.log($(this)[0])
                var n = $(this).attr('name');//得到属性值
                var v = $(this).val();//得到val值
                var v_list = v.split('，');//，分割
                post_data_dict[n] = v_list;//定义一个列表
            });
            console.log(post_data_dict);
            var post_data_str = JSON.stringify(post_data_dict);
            $.ajax({
                url: '/app03/index/',
                type: 'POST',
                data: { 'post_data': post_data_str},
                dataType: 'json',

前端代码1——发送数据

                success: function (arg) {
                    // 字符串 "<table>" +
                    if(arg.status){
                        var table = document.createElement('table');
                        table.setAttribute('border',1);
                        // [{,name,pubdate,price,caption},]
                        $.each(arg.data, function(k,v){
                            var tr = document.createElement('tr');

                            var td1 = document.createElement('td');
                            td1.innerText = v['name'];
                            var td2 = document.createElement('td');
                            td2.innerText = v['price'];
                            var td3 = document.createElement('td');
                            td3.innerText = v['book_type__caption'];
                            var td4 = document.createElement('td');
                            td4.innerText = v['pubdate'];
                            tr.appendChild(td1);
                            tr.appendChild(td2);
                            tr.appendChild(td3);
                            tr.appendChild(td4);

                            table.appendChild(tr);
                        });

                        $('.container').empty();
                        $('.container').append(table);
                    }else{
                        alert(arg.message);
                    }

                }

            })
        }
    </script>
</body>
</html>

前端接受并处理数据2

后端的代码：

import json
from datetime import date
from datetime import datetime
from decimal import Decimal
class JsonCustomEncoder(json.JSONEncoder):

    def default(self, field):

        if isinstance(field, datetime):
            return field.strftime('%Y-%m-%d %H:%M:%S')
        elif isinstance(field, date):
            return field.strftime('%Y-%m-%d')
        elif isinstance(field, Decimal):
            return str(field)
        else:
            return json.JSONEncoder.default(self, field)
def index(request):
    if request.method == 'POST':
        ret = {'status': False, 'message': '', 'data':None}
        try:
            post_data = request.POST.get('post_data',None)
            post_data_dict = json.loads(post_data)
            print(post_data_dict)
            # {'name': ['11', 'sdf']，'price': ['11', 'sdf']}
            # 构造搜索条件
            from django.db.models import Q
            con = Q()
            for k,v in post_data_dict.items():
                q = Q()
                q.connector = 'OR'
                for item in v:
                    q.children.append((k, item))
                con.add(q, 'AND')
            """

            ret = models.Book.objects.filter(con)
            print(ret) # queryset,[对象]  #就是上面是列表

            from django.core import serializers
            #这种方法是django的自己的序列化方法，但是有个缺点，下面这句的ret只能是对象，所以只能用第二种方式
            data = serializers.serialize("json", ret)
            print(type(data),data)
            # 字符串
            """
            """
            #ret = models.Book.objects.filter(con).values('name','book_type__caption')
            ret = models.Book.objects.filter(con).values_list('name', 'book_typ__ecaption')
            print(ret,type(ret))
            li = list(ret)
            #这种方式也有一个缺点，就是date和小数的时候不能序列化，所以需要自定义类并继承
            data = json.dumps(li)
            print(data,type(data))
            """
            print(type(con))
            result = models.Book.objects.filter(con).values('name','price','pubdate','book_type__caption')
            # ret = models.Book.objects.filter(con).values_list('name', 'book_type__caption')
            li = list(result)
            ret['status'] = True
            ret['data'] = li
        except Exception as e:
            ret['message'] = str(e)
        ret_str = json.dumps(ret, cls=JsonCustomEncoder)
        return HttpResponse(ret_str)
    return render(request, 'input.html')

views