zoukankan      html  css  js  c++  java
  • 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":#当条件为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]# 筛选条件名称
  • 相关阅读:
    boost::timer库使用
    List的子类特点
    Exception in thread "main" java.util.ConcurrentModificationException解决方案
    Java中的集合Collection
    数组和集合的区别
    jsp 九大内置对象
    include指令与jsp:include动作标识的区别
    idea 2018注册码(激活码)
    内存的页面置换算法
    MYSQL的两种存储引擎区别
  • 原文地址:https://www.cnblogs.com/wdliu/p/8331375.html
Copyright © 2011-2022 走看看