什么是组合搜索呢？

比如你想买车，但手里只有10万块！所以你只能在10万块的车里挑选，但你喜欢黑色，因为觉得很高端大气上档次，说白了就是装逼杠杠的！之后售车姐给你拿了个表表，你看到了低于10万块且颜色为黑的各种车！其实这就是组合搜索！

那运用Django框架，该程序怎么实现呢？

那就先看看程序吧！

urls.py

from app01 import views

from django.contrib.staticfiles.urls import staticfiles_urlpatterns

from django.conf.urls import url

from django.contrib import admin

from django.urls import path

urlpatterns = [

    path('admin/', admin.site.urls),

    url(r'^article-(?P<article_type_id>\d+)-(?P<category_id>\d+).html',views.article), #定义模板的名字

]
models.py

from django.db import models

class Category(models.Model):          #创建分类表

    caption = models.CharField(max_length=16)

class ArticleType(models.Model):      #创建文章技术语言类

    caption = models.CharField(max_length=16)

class Article(models.Model):         #创建文章表

    title = models.CharField(max_length=32)    #文章标题

    content = models.CharField(max_length=255)   #文章内容

    category = models.ForeignKey(to='Category',to_field='id',on_delete=models.CASCADE)         #文章分类

    article_type = models.ForeignKey(to='ArticleType',to_field='id',on_delete=models.CASCADE)   #文章类型

    # type_choice = (               #可以替换上面的class ArticleType(models.Model)

    #     (1,'Python'),

    #     (2,'OpenStack'),

    #     (3,'Linux'),

    # )

    # article_type_id = models.IntegerField(choices=type_choice)   #相当于把表type_choice放到内存里
views.py

from django.shortcuts import render

from app01 import models

def article(request,*args,**kwargs):  #可以取任意数

    print(kwargs)                  # kwargs=={'article_type_id': 'v', 'category_id': 'v'}  里面传递了两个参数

    condition = {}                    #创建一个空的字典

    for k,v in kwargs.items():    #{'article_type_id': 'v', 'category_id': 'v'}  k为article_type_id、category_id

        kwargs[k] = int(v)

        if v == '':                  #如果字典中的值（value)为0时 {'article_type_id': '0', 'category_id': '0'}

            pass

        else:                         #不为0时

            condition[k] = v          # 把v放入到k中 #{'article_type_id': 'v', 'category_id': 'v'}  k为article_type_id、category_id

    # article_type_list = models.ArticleType.objects.all()

    article_type_list = models.ArticleType.objects.all()   #文章技术语言类列表

    category_list = models.Category.objects.all()          #分类

    result = models.Article.objects.filter(**condition)  #按condition内容里的条件进行查找 {'article_type_id': 'v', 'category_id': 'v'}

    return  render(

        request,

        'article.html',

        {

            'result': result,

            'article_type_list': article_type_list,

            'category_list': category_list,
　　　　　　  'arg_dict': kwargs
　　　　} ) 

# Create your views here.
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <style>

        .condition a{

            display: inline-block;

            padding: 3px 5px;

            border: 1px solid #dddddd;

            margin: 5px ;

        }

        .condition a.active{

            background-color: brown;

        }

    </style>

</head>

<body>

    <h1>过滤条件</h1>

    <div class="condition">

        <div>

            {% if arg_dict.article_type_id == 0 %}

                <a class="active" href="http://127.0.0.1:8000/article-0-{{ arg_dict.category_id}}.html">全部</a>

            {% else %}

                <a href="http://127.0.0.1:8000/article-0-{{ arg_dict.category_id}}.html">全部</a>

            {% endif %}

            {% for row in article_type_list %}

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

                    <a class="active" href="http://127.0.0.1:8000/article-{{ row.id }}-{{ arg_dict.category_id}}.html">{{ row.caption }}</a>

                {% else %}

                    <a  href="http://127.0.0.1:8000/article-{{ row.id }}-{{ arg_dict.category_id}}.html">{{ row.caption }}</a>

                {% endif %}

            {% endfor %}

        </div>

        <div>

            {% if arg_dict.category_id == 0 %}

                <a class="active" href="http://127.0.0.1:8000/article-{{ arg_dict.article_type_id}}-0.html">全部</a>

            {% else %}

                <a href="http://127.0.0.1:8000/article-{{ arg_dict.article_type_id}}-0.html">全部</a>

            {% endif %}

            {% for row in category_list %}

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

                    <a class="active" href="http://127.0.0.1:8000/article-{{ arg_dict.article_type_id }}-{{ row.id}}.html">{{ row.caption }}</a>

                {% else %}

                    <a  href="http://127.0.0.1:8000/article-{{ arg_dict.article_type_id }}-{{ row.id }}.html">{{ row.caption }}</a>

                {% endif %}

            {% endfor %}

        </div>

    <h1>查询结果</h1>

    <ul>

        {% for row in result %}

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

        {% endfor %}

    </ul>

</body>

</html>

数据库的表

Article

ArticleType

Category

前端主页：

Django之组合搜索组件（一）的更多相关文章

  1. Django之组合搜索组件（二）--另附simple_tag的创建使用方法

    这次的代码为Django之组合搜索组件(一)的改版,实现的结果和(一)相同,不同的是,这次运用simple_tag方式,使.html程序简化 所以现在就开始编程吧! 首先想使用simple_tag方法 ...

  2. Django学习---组合搜索组件

    组合搜索组件 我们都会写博客,写文章之后我们要给文章设置目录,设置类型.之后我们在浏览文章的时候就能够按类别进行精确定位到文章,那这个组合搜索我们应该怎么做呢? 首先我们先创建3张表,分别存放文章,文 ...

  3. Django实现组合搜索

    一.实现方法 1.纯模板语言实现 2.自定义simpletag实现(本质是简化了纯模板语言的判断) 二.基本原理 原理都是通过django路由系统,匹配url筛选条件,将筛选条件作为数据库查询结果,返 ...

  4. python(Django之组合搜索、JSONP、XSS过滤 )

    一.组合搜索 二.jsonp 三.xss过滤 一.组合搜索 首先,我们在做一个门户网站的时候,前端肯定是要进行搜索的,但是如果搜索的类型比较多的话,怎么做才能一目了然的,这样就引出了组合搜索的这个案例 ...

  5. Django中组合搜索功能

    需求分析 很多电商网站中有组合搜索的功能,所谓组合搜索就是网页中组合多个条件,对数据库中进行查询,并且将结果显示在页面中,看个例子吧: 注意红框中的标识,我们可以根据URL来做组合搜索. video- ...

  6. Django实现组合搜索的方法示例

    目录 一.实现方法 二.基本原理 三.代码样例 方法1:纯模板语言实现 方法二:使用simpletag实现 四.其他变化 1.model定义 2.处理函数变化 3.simpletag相应改变   一. ...

  7. Django 之组合搜索

    现在很多网站都会有这样的组合搜索功能,其实质是几个模型之间组合对数据库进行查询,并将结果显示到页面上. 每一行都是一个模型,模型之间有着连表关系(一对多.多对多等) 模型设计 总共四个模型:分别为方向 ...

  8. Django实现瀑布流，组合搜索

    Django中组合搜索功能 需求分析 很多电商网站中有组合搜索的功能,所谓组合搜索就是网页中组合多个条件,对数据库中进行查询,并且将结果显示在页面中,看个例子吧: 注意红框中的标识,我们可以根据URL ...

  9. django实现瀑布流、组合搜索、阶梯评论、验证码

    django实现图片瀑布流布局 我们在一些图片网站上经常会看到,满屏都是图片,而且图片都大小不一,却可以按空间排列.默认一个div是占用一行,当想把div里的图片并排显示的时候,只能使用float属性 ...

随机推荐

  1. libcurl底层调用逻辑

    libcurl就不多介绍了,一个支持HTTP,FTP,SMTP等协议的网络库 只涉及multi部分,easy部分就不提了. 两个线程,一个负责添加HTTP请求,另一个轮询,负责处理每一个请求 Thre ...

  2. 【PHP】session失效时间

    最近用到php中session时,忽然发现php中的session有点让人头疼啊,要设置一个严格的特定时间内过期的session还真不太容易!后来在网上查询时,发现这个问题还真是有点普遍,网上也有关于 ...

  3. HTTP协议 结构，get post 区别(阿里面试)

    如果需要想了解相关的TCP的协议结构,底层架构,以及每次面试必问的三次握手,四次挥手可以 参考:TCP协议详解7层和4层解析(美团面试,阿里面试) 尤其是三次握手,四次挥手 具体发送的报文和状态都要掌 ...

  4. HDU4045_Machine scheduling

    题意为要你从编号为1-n的所有机器中间选择出r个机器且每一个机器的编号只差不小于k-1,然后将选择的r个机器分为m组有多少种方案. 其实这题目的两个步骤是相互独立的. 总共的方案数等于选择的方案数乘以 ...

  5. CF373C-Counting Kangaroos is Fun

    题意 有\(n\)只袋鼠,每只袋鼠有一个体积,如果一个袋鼠的体积小于等于另一个袋鼠体积的一半,那么这个袋鼠就可以被那一个袋鼠装进袋里.一个装了袋鼠的袋鼠不能再装或被装.被装进袋子的袋鼠就看不到了. 问 ...

  6. AngularJS中$apply

    $apply是$scope下的特性,传播model的变化.下面的例子两秒之后控制台会显示出已经更新的model, 然而, view 并没有更新.$digest循环不会只运行一次.在当前的一次循环结束后 ...

  7. [BZOJ4103][Thu Summer Camp 2015]异或运算 可持久化Trie树

    4103: [Thu Summer Camp 2015]异或运算 Time Limit: 20 Sec  Memory Limit: 512 MB Description 给定长度为n的数列X={x1 ...

  8. 【Loj#535】花火（线段树，扫描线）

    [Loj#535]花火(线段树,扫描线) 题面 Loj 题解 首先如果不考虑交换任意两个数这个操作,答案就是逆序对的个数. 那么暴力就是枚举交换哪个两个数,然后用数据结构之类的东西动态维护逆序对. 但 ...

  9. 【Learning】一步步地解释Link-cut Tree

    简介 Link-cut Tree,简称LCT. 干什么的?它是树链剖分的升级版,可以看做是动态的树剖. 树剖专攻静态树问题:LCT专攻动态树问题,因为此时的树剖面对动态树问题已经无能为力了(动态树问题 ...

  10. Hive(三)hive的高级操作

    一.hive的各种join操作 语法结构:join_table:table_reference JOIN table_factor [join_condition]| table_reference ...