Django实现组合搜索

一、实现方法

1.纯模板语言实现

2.自定义simpletag实现（本质是简化了纯模板语言的判断）

二、基本原理

原理都是通过django路由系统，匹配url筛选条件，将筛选条件作为数据库查询结果，返回给前端。

例如：路由系统中的url格式是这样：

url(r'^article-(?P<article_type_id>\d+)-(?P<category_id>\d+).html',views.filter)

其中article_type_id和category_id和数据库中字段是相对应的，此时当一个url为article-1-2.html时候，后台处理函数的参数将是一个字典{'article_type_id': 1, 'category_id': 1}，然后将该条件作为数据库查询条件，最后得出结果返回给前端

三、代码样例

方法1：纯模板语言实现

urls.py

#!/usr/bin/env python3

#_*_ coding:utf-8 _*_

#Author:wd

from django.conf.urls import url

from . import views

urlpatterns = [

    url(r'^$',views.index),

    url(r'^article-(?P<article_type_id>\d+)-(?P<category_id>\d+).html',views.filter),

]

models.py

from django.db import models

class Category(models.Model):

    caption=models.CharField(max_length=64)

class Article_type(models.Model):

    caption=models.CharField(max_length=64)

class Article(models.Model):

    title=models.CharField(max_length=64)

    content=models.CharField(max_length=256)

    category=models.ForeignKey(to='Category')

    article_type=models.ForeignKey(to='Article_type'

views.py

def filter(request,*args,**kwargs):

    if request.method=="GET":

        condition={}

        for k,v in kwargs.items():

                    kwargs[k]=int(v)  #模板if判断row.id是数字，所以这里需要转换

                    if v=="":#当条件为0代表所选的是全部，那么就不必要加入到过滤条件中

                        pass

                    else:

                        condition[k]=int(v)

        aritcle=models.Article.objects.filter(**condition)

        aritcle_type=models.Article_type.objects.all()

        aritcle_category=models.Category.objects.all()

        return  render(request,'search.html',{

            'aritcle':aritcle,

            'article_type':aritcle_type,

            'article_category':aritcle_category,

            'article_arg':kwargs,#将当前的筛选条件传递给html

        })

html模板

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        .container a{

            display: inline-block;

            padding: 3px 5px;

            margin: 5px;

            border: 1px solid #dddddd ;

        }

        .active{

            background-color: rebeccapurple;

        }

    </style>

</head>

<body>

<h1>搜索条件</h1>

<div class="container">

    {% if article_arg.article_type_id == 0 %}

        <a class="active" href="/cmdb/article-0-{{ article_arg.category_id }}.html">全部</a>

    {% else %}

         <a  href="/cmdb/article-0-{{ article_arg.category_id }}.html">全部</a>

    {% endif %}

    {% for row in article_type %}

        {% if row.id == article_arg.article_type_id %}

            <a class="active" href="/cmdb/article-{{ row.id }}-{{ article_arg.category_id }}.html">{{ row.caption }}</a>

        {% else %}

            <a  href="/cmdb/article-{{ row.id }}-{{ article_arg.category_id }}.html">{{ row.caption }}</a>

        {% endif %}

    {% endfor %}

</div>

<div class="container">

     {% if article_arg.category_id == 0 %}

        <a class="active" href="/cmdb/article-{{ article_arg.article_type_id }}-0.html">全部</a>

    {% else %}

          <a  href="/cmdb/article-{{ article_arg.article_type_id }}-0.html">全部</a>

    {% endif %}

    {% for row in article_category %}

        {% if row.id == article_arg.category_id %}

        <a class="active" href="/cmdb/article-{{ article_arg.article_type_id }}-{{ row.id }}.html">{{ row.caption }}</a>

        {% else %}

        <a href="/cmdb/article-{{ article_arg.article_type_id }}-{{ row.id }}.html">{{ row.caption }}</a>

        {% endif %}

    {% endfor %}

</div>

<h1>查询结果</h1>

<div>

    {% for row in aritcle %}

        <div>{{ row.id }}-{{ row.title }}</div>

    {% endfor %}

</div>

</body>

</html>

方法二：使用simpletag实现

定义simpletag，参考博客Django基础篇

myfilter.py

#!/usr/bin/env python3

#_*_ coding:utf-8 _*_

#Author:wd

from django import template

from django.utils.safestring import mark_safe

register=template.Library()

@register.simple_tag

def filter_all(article_arg,condition):

    '''

    处理条件为全部

    :param article_arg: 当前url字典：如{'article_type_id': 1, 'category_id': 1}

    :param condition: 要处理的条件，如article_type_id，用于区分当前处理选择了那个全部

    :return: 返回下面页面形式

    {% if article_arg.article_type_id == 0 %}

        <a class="active" href="/cmdb/article-0-{{ article_arg.category_id }}.html">全部</a>

    {% else %}

         <a  href="/cmdb/article-0-{{ article_arg.category_id }}.html">全部</a>

    {% endif %}

    {% for row in article_type %}

        {% if row.id == article_arg.article_type_id %}

            <a class="active" href="/cmdb/article-{{ row.id }}-{{ article_arg.category_id }}.html">{{ row.caption }}</a>

        {% else %}

            <a  href="/cmdb/article-{{ row.id }}-{{ article_arg.category_id }}.html">{{ row.caption }}</a>

        {% endif %}

    {% endfor %}

    '''

    if condition=='article_type_id':

        if article_arg[condition]==0:

            print(article_arg['category_id'])

            res= '<a class ="active" href="/cmdb/article-0-%s.html">全部</a>' % article_arg['category_id']

        else:

            res = '<a href="/cmdb/article-0-%s.html">全部</a>' % article_arg['category_id']

        return mark_safe(res)

    elif condition=='category_id':

        if article_arg['category_id']==0:

            res = '<a class ="active" href="/cmdb/article-%s-0.html">全部</a>' % article_arg['article_type_id']

        else:

            res = '<a href="/cmdb/article-%s-0.html">全部</a>' % article_arg['article_type_id']

        return mark_safe(res)

@register.simple_tag

def filter_type(article_type,article_arg):

    '''

   :param article_type: article_type对象

   :param article_arg: 当前url字典

   :return:

   {% for row in article_type %}

        {% if row.id == article_arg.article_type_id %}

            <a class="active" href="/cmdb/article-{{ row.id }}-{{ article_arg.category_id }}.html">{{ row.caption }}</a>

        {% else %}

            <a  href="/cmdb/article-{{ row.id }}-{{ article_arg.category_id }}.html">{{ row.caption }}</a>

        {% endif %}

    {% endfor %}

     '''

    res=[]

    for row in article_type:

        if row.id== article_arg['article_type_id']:

           temp='<a class="active" href="/cmdb/article-%s-%s.html">%s</a>' %(row.id,article_arg['category_id'],row.caption)

        else:

            temp = '<a  href="/cmdb/article-%s-%s.html">%s</a>' % (row.id, article_arg['category_id'],row.caption)

        res.append(temp)

    return mark_safe("".join(res))

@register.simple_tag

def filter_category(article_category,article_arg):

    '''

   :param article_type: article_category对象

   :param article_arg: 当前url字典

   :return:

   {% for row in article_category %}

        {% if row.id == article_arg.category_id %}

        <a class="active" href="/cmdb/article-{{ article_arg.article_type_id }}-{{ row.id }}.html">{{ row.caption }}</a>

        {% else %}

        <a href="/cmdb/article-{{ article_arg.article_type_id }}-{{ row.id }}.html">{{ row.caption }}</a>

        {% endif %}

    {% endfor %}

     '''

    res=[]

    for row in article_category:

        if row.id== article_arg['category_id']:

           temp='<a class="active" href="/cmdb/article-%s-%s.html">%s</a>' %(article_arg['article_type_id'],row.id,row.caption)

        else:

            temp = '<a  href="/cmdb/article-%s-%s.html">%s</a>' % (article_arg['article_type_id'],row.id,row.caption)

        res.append(temp)

    return mark_safe("".join(res))

html模板

{% load myfilter %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        .container a{

            display: inline-block;

            padding: 3px 5px;

            margin: 5px;

            border: 1px solid #dddddd ;

        }

        .active{

            background-color: rebeccapurple;

        }

    </style>

</head>

<body>

<h1>搜索条件</h1>

<div class="container">

    {% filter_all article_arg 'article_type_id' %}

    {% filter_type article_type article_arg %}

</div>

<div class="container">

    {% filter_all article_arg 'category_id' %}

    {% filter_category article_category article_arg %}

</div>

<h1>查询结果</h1>

<div>

    {% for row in aritcle %}

        <div>{{ row.id }}-{{ row.title }}</div>

    {% endfor %}

</div>

</body>

</html>

ps附上简图：

四、其他变化

在如上的示例中，我们的过滤条件是从数据库中拿到，有时候我们定义的时候使用的是静态字段，此时组合搜索会稍微修改。

1.model定义

class Article(models.Model):

    title=models.CharField(max_length=64)

    content=models.CharField(max_length=256)

    category=models.ForeignKey(to='Category')

    article_type=(    #使用静态字段放入内存

        (1,'linux'),

        (2,'python'),

        (3,'go'),

    )

2.处理函数变化

###获取####

aritcle_type=models.Article.article_type#直接获取类的静态字段

3.simpletag相应改变

###由于我们传递的元祖，所以取值使用元祖方式

article_type[0]# 筛选条件id

article_type[1]# 筛选条件名称

Django实现组合搜索的更多相关文章

Django之组合搜索组件（二）--另附simple_tag的创建使用方法
这次的代码为Django之组合搜索组件(一)的改版,实现的结果和(一)相同,不同的是,这次运用simple_tag方式,使.html程序简化所以现在就开始编程吧! 首先想使用simple_tag方法 ...
python(Django之组合搜索、JSONP、XSS过滤 )
一.组合搜索二.jsonp 三.xss过滤一.组合搜索首先,我们在做一个门户网站的时候,前端肯定是要进行搜索的,但是如果搜索的类型比较多的话,怎么做才能一目了然的,这样就引出了组合搜索的这个案例 ...
Django中组合搜索功能
需求分析很多电商网站中有组合搜索的功能,所谓组合搜索就是网页中组合多个条件,对数据库中进行查询,并且将结果显示在页面中,看个例子吧: 注意红框中的标识,我们可以根据URL来做组合搜索. video- ...
Django学习---组合搜索组件
组合搜索组件我们都会写博客,写文章之后我们要给文章设置目录,设置类型.之后我们在浏览文章的时候就能够按类别进行精确定位到文章,那这个组合搜索我们应该怎么做呢? 首先我们先创建3张表,分别存放文章,文 ...
Django之组合搜索组件（一）
什么是组合搜索呢? 比如你想买车,但手里只有10万块!所以你只能在10万块的车里挑选,但你喜欢黑色,因为觉得很高端大气上档次,说白了就是装逼杠杠的!之后售车姐给你拿了个表表,你看到了低于10万块且颜色 ...
Django实现组合搜索的方法示例
目录一.实现方法二.基本原理三.代码样例方法1:纯模板语言实现方法二:使用simpletag实现四.其他变化 1.model定义 2.处理函数变化 3.simpletag相应改变一. ...
Django 之组合搜索
现在很多网站都会有这样的组合搜索功能,其实质是几个模型之间组合对数据库进行查询,并将结果显示到页面上. 每一行都是一个模型,模型之间有着连表关系(一对多.多对多等) 模型设计总共四个模型:分别为方向 ...
Django实现瀑布流，组合搜索
Django中组合搜索功能需求分析很多电商网站中有组合搜索的功能,所谓组合搜索就是网页中组合多个条件,对数据库中进行查询,并且将结果显示在页面中,看个例子吧: 注意红框中的标识,我们可以根据URL ...
django实现瀑布流、组合搜索、阶梯评论、验证码
django实现图片瀑布流布局我们在一些图片网站上经常会看到,满屏都是图片,而且图片都大小不一,却可以按空间排列.默认一个div是占用一行,当想把div里的图片并排显示的时候,只能使用float属性 ...

随机推荐

Zabbix Agent端配置文件说明
Zabbix Agent端配置文件说明由于工作中经常接触到zabbix,所以将agent配置整理一下,方便日常查看. # This is a config file for the Zabbix a ...
JavaScript Html页面加载完成三种写法
//一.Html页面加载完成的JS写法 //1. $(function () { alert("窗体Html页面加载完成方法一"); }); //2. $(document ...
jquery tips简易使用方法新手必看
使用jquery1.12.4以上版本使用jquery插件 tips .beg-pull-right 点击时的选择器在这里写的是一个类选择器记得引入jquery $(".beg-pu ...
docker：（3）docker容器挂载宿主主机目录
有一项重要的参数 -v 目录挂载,就是让容器内部目录和宿主主机目录关联起来,这样就可以直接操作宿主主机目录而不用再操作具体容器了比如在2中,我们要发布一个war包,是通过 sudo docker c ...
Java学习笔记19（String类）
String代表字符串,在Java中,所有的字符串字面值都作为此类的实例实现字符串的特点以及简单的原理分析: package demo; /* * String类的特点: * 所有的"&q ...
Android系统上如何实现easyconfig(airkiss)
刚买回来一个智能音箱和博联,需要给音箱和博联配置联网,音箱需要先打开蓝牙,然后在手机app中填写wifi的ssid和密码,通过蓝牙发送到音箱,音箱收到后连接到wifi. 博联就比较奇怪,进入联网模式以 ...
Linux下安装opencv模块
最近微信上流行的给自己的头像加一顶圣诞帽,想用python写一个程序自己实现一下,其中需要用到opencv import cv2 现在记录一下如何在Linux系统(ubutun)下安装该模块: 参考了 ...
python端口扫描器
吃了个火鸡面后感觉到了怀疑人生!!!!!!!!!妈耶,在也不吃了.思路都给辣没了!!! python端口扫描器代码如下: #-*-coding:utf-8 from socket import * i ...
web前端性能优化总结
网站的划分一般为二:前端和后台.我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等.而前端呢?其实应该是属于功能的表现.并且影响用户访问体验的绝大部分来自前端页面 ...
bzoj:1230: [Usaco2008 Nov]lites 开关灯
Description Farmer John尝试通过和奶牛们玩益智玩具来保持他的奶牛们思维敏捷. 其中一个大型玩具是牛栏中的灯. N (2 <= N <= 100,000) 头奶牛中的每 ...

Django实现组合搜索

方法1：纯模板语言实现

方法二：使用simpletag实现

Django实现组合搜索的更多相关文章

随机推荐

热门专题