组合搜索组件

我们都会写博客，写文章之后我们要给文章设置目录，设置类型。之后我们在浏览文章的时候就能够按类别进行精确定位到文章，那这个组合搜索我们应该怎么做呢？

首先我们先创建3张表，分别存放文章，文章目录和文章分类：

models.py

#文章目录

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(Category,on_delete=models.CASCADE)

    article_type = models.ForeignKey(ArticleType,on_delete=models.CASCADE)

这里面article要和上面两个表建立外键，以便查询等

urls.py:

urlpatterns = [

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

]

设置显示文章的url，在这里面我们要设置url的参数，用来传入选择文章的目录和标签。文章url形如：http://127.0.0.1:8000/article-0-0.html

views.py:

from django.shortcuts import render

from app01 import models

# Create your views here.

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

    condition = {}

    for k,v in kwargs.items():

        kwargs[k] = int(v)

        if v=='':

            pass

        else:

            condition[k]=v

    article_type_list = models.ArticleType.objects.all()

    category_list = models.Category.objects.all()

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

    return render(request,'article.html',{'result':result,

                                          'article_type_list':article_type_list,

                                          'category_list':category_list,

                                          'arg_dict':kwargs,

                                          }

                  )

在views中我们要获取到用户所有的文章，但是要通过urls上的目录id和分类id的筛选。所以我们可以通过kwargs参数来接收：接受过来的是一个字典形式，比如：{'article_type_id': '0', 'category_id': '0'}，这个时候我们就能够进行一系列操作

注意：

  • 首先我们要对获取的id进行转换，如果说是0,则选择的时候“全部”，就不需要进行筛选，直接查询所有数据即可；如果不是0，那么就把它赋值到condition这个字典当参数查询
  • 我们获得的url的id是字符串的形式，我们前端要用的时候要判断，所以要转换成int类型
  • 我们把查询到的数据和获得的url参数中的id传给前台，以便操作

article.html:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        .condition a{

            display: inline-block;

            padding:3px 5px;

            border: 1px solid #dddddd;

            margin: 5px;

            text-decoration: none;

        }

        .condition a.active{

            background-color: blue;

            color: white;

        }

    </style>

</head>

<body>

    <h1>过滤条件</h1>

    <div class="condition">

        <div>

            {% if arg_dict.article_type_id == 0 %}

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

            {% else %}

                <a href="/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="/article-{{ row.id }}-{{ arg_dict.category_id }}.html">{{ row.caption }}</a>

                {% else %}

                    <a href="/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="/article-{{ arg_dict.article_type_id }}-0.html">全部</a>

            {% else %}

                <a href="/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="/article-{{ arg_dict.article_type_id }}-{{ row.id }}.html">{{ row.caption }}</a>

                {% else %}

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

                {% endif %}

            {% endfor %}

        </div>

    </div>

    <h1>查询结果</h1>

    <ul>

        {% for row in result %}

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

        {% endfor %}

    </ul>

</body>

</html>

在html中，我们循环出筛选的分类和目录，以及文章。然后设置url,设置a标签的样式等。

需要注意的是：

  • 我们要做的样式：选择哪个目录或者分类就要有不同的样式。这样我们就要用if else进行判断。看url中的参数与循环的是否一样。
  • 对于选择全部的，我们需要用到views中的int类型的0，做判断。

显示效果：

那我们感觉html写了好多呀，如果这样写的话，那完蛋了，还写死了，重复代码太多了。那怎么办呢？

我们可以用django中自定义模板标签：template_tags

首先在项目下创建一个文件夹template_tags:

然后在filter定义函数：

 from django import template

 from django.utils.safestring import mark_safe

 register = template.Library()

 @register.simple_tag

 def filter_all(arg_dict,k):

     '''

     {% if arg_dict.article_type_id == 0 %}

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

     {% else %}

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

     {% endif %}

     :param arg:

     :return:

     '''

     ret = ""

     if k == 'article_type_id':

         n1 = arg_dict['article_type_id']

         n2 = arg_dict['category_id']

         if n1 == 0:

             ret = '<a class="active" href="/article-0-%s.html">全部</a>' % (n2)

         else:

             ret = '<a href="/article-0-%s.html">全部</a>' % (n2)

     else:

         n1 = arg_dict['category_id']

         n2 = arg_dict['article_type_id']

         if n1 == 0:

             ret = '<a class="active" href="/article-%s-0.html">全部</a>' % (n2)

         else:

             ret = '<a href="/article-%s-0.html">全部</a>' % (n2)

     return mark_safe(ret)

 @register.simple_tag

 def filter_article_type(article_type_list,arg_dict):

     '''

     {% for row in article_type_list %}

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

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

         {% else %}

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

         {% endif %}

     {% endfor %}

     :return:

     '''

     ret = []

     for row in article_type_list:

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

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

         else:

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

         ret.append(temp)

     return mark_safe("".join(ret))

 @register.simple_tag

 def filter_article_cate(category_list,arg_dict):

     '''

     {% for row in category_list %}

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

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

         {% else %}

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

         {% endif %}

     {% endfor %}

     :param category_list:

     :param arg_dict:

     :return:

     '''

     ret = []

     for row in category_list:

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

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

         else:

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

         ret.append(temp)

     return mark_safe("".join(ret))

在这里面，我们设置函数，然后接受前端传过来的参数，编写HTML，返回到前端

article.html:

 {% load filter %}

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <style>

         .condition a{

             display: inline-block;

             padding:3px 5px;

             border: 1px solid #dddddd;

             margin: 5px;

             text-decoration: none;

         }

         .condition a.active{

             background-color: blue;

             color: white;

         }

     </style>

 </head>

 <body>

     <h1>过滤条件</h1>

     <div class="condition">

         <div>

             {% filter_all arg_dict 'article_type_id'%}

             {% filter_article_type article_type_list arg_dict %}

         </div>

         <div>

             {% filter_all arg_dict 'category_id'%}

             {% filter_article_cate category_list arg_dict %}

         </div>

     </div>

     <h1>查询结果</h1>

     <ul>

         {% for row in result %}

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

         {% endfor %}

     </ul>

 </body>

 </html>

首先要引入这个自定义的模板标签： {% load filter%}

然后给函数传参数

Django学习---组合搜索组件的更多相关文章

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

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

  2. Django之组合搜索组件（一）

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

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

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

  4. Django实现组合搜索

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

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

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

  6. Django中组合搜索功能

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

  7. Django 之组合搜索

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

  8. Django 学习之From组件

    一.Form组件介绍 Form组件可以做的几件事情: 1.用户请求数据验证 2.自动生成错误信息 3.打包用户提交的正确信息 4.如果其中有一个错误了,其他的正确这,保留上次输入的内容 4.自动创建i ...

  9. Django学习手册 - CURD组件

    CURD CURD是一个数据库技术中的缩写词,一般的项目开发的各种参数的基本功能都是CURD.作用是用于处理数据的基本原子操作. 它代表创建(Create).更新(Update).读取(Retriev ...

随机推荐

  1. [翻译]PyMongo官方文档

    PyMongo官方文档翻译 周煦辰 2016-06-30 这是本人翻译的PyMongo官方文档.现在网上分(抄)享(袭)的PyMongo博客文章很多,一方面这些文章本就是抄袭的,谈不上什么格式美观,另 ...

  2. 辗转相除法 & 裴蜀定理

    2018-03-11 17:39:22 一.辗转相除法 在数学中,辗转相除法,又称欧几里得算法(英语:Euclidean algorithm),是求最大公约数的算法.辗转相除法首次出现于欧几里得的&l ...

  3. android-------非常好的图片加载框架和缓存库(Picasso)

    Picasso是Square公司开源的一个Android图形缓存库, 可以实现图片加载(本地和网络)和缓存功能. 地址:http://square.github.io/picasso/ jar包下载: ...

  4. 将input type="file" 类型的图片文件转成base64

    带有图片的form表单上传数据是很麻烦的,因为图片通常都是和文字分开上传,这是很麻烦的,所有吧图片转成base64就可以和当成文字上传了.话不多少,看代码: 首先定义一个类型为file的input标签 ...

  5. 2-13 搭建LAMP环境并部署Ucenter和Ucenter-home网站

    环境: VMware Virtual Machine : XGan63.cn IP: 192.168.31.63 (Bridge) 已配置本地yum源 ---> /mnt 已配置网络yum源 - ...

  6. 008PHP文件处理——文件操作r w (用的比较多) a x(用的比较少) 模式 rewind 指针归位：

    <?php /** *文件操作r w (用的比较多) a x(用的比较少) 模式 rewind 指针归位: */ /*$a=fopen('a.txt','r'); echo fread($a,f ...

  7. 用halcon提取衣服徽章

    收到一封email,有个学员求助去除衣服上纹理的干扰,然后提取衣服上徽章的边缘的方法.   我想他肯定是个很努力上进的boy,在求助以前也许已经试过各种方法,通过二值化不断的调试阈值,   寻找各种边 ...

  8. MVC项目使用Oracle数据库运行提示：找不到请求的 .Net Framework Data Provider。可能没有安装

    MVC项目使用Entity Framework针对Oracle数据库进行开发时,由于Oracle官方网站一般建议开发者在64位操作系统中使用32位ODP.Net进行开发.在进行程序编码的时候不会有问题 ...

  9. 二叉树题目集合 python

    二叉树是被考察频率非常高的数据结构.二叉树是按照“父节点-左子树&右子树”这样的方式,由根节点不断向下扩展,形成一棵树的结构.二叉树经常被提到的三种遍历方式:前序遍历.中序遍历和后序遍历,既是 ...

  10. SharpNodeSettings项目，可配置的数据采集，统一的工业数据网关，OPC UA服务器开发，PLC数据发布到自身内存，redis，opc ua，以及数据可视化开发

    本项目隶属于 HslCommunication 项目的SDK套件,如果不清楚HslCommunication组件的话,可以先了解那个项目,源代码地址:https://github.com/dathli ...