效果

实现效果图如下，根据过滤条件查询相关信息。

知识点

1.配置URL，在路由中使用正则表达式

2.过滤查询

代码

setting.py

 from django.contrib import admin

 from django.urls import path,re_path,include

 from app01 import views

 urlpatterns = [

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

     path('article-(\d+)-(\d+).html', views.article),

     re_path(r'article-(?P<article_type_id>\d+)-(?P<category_id>\d+).html', views.article,name="article"), #正则过滤

 ]

models.py

 from django.db import models

 # Create your models here.

 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)

view.py

 from django.shortcuts import render

 from app01 import models

 # Create your views here.

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

     print(kwargs) # 打印所有参数

     contition = {} # 定义一个空集合，接收参数

     for k,v in kwargs.items():

         kwargs[k] = int(v) # 由于参数类型都为str类型，所以该处进行转换

         if v == '':

             pass

         else:

             contition[k] = v # 当参数为非0时 进行接收

     print(args)

     article_type_list = models.ArticleType.objects.all()

     category_list = models.Category.objects.all()

     result = models.Article.objects.filter(**contition) # 过滤查询

     return  render(request,

                    "article.html",

                    {

                        'result':result,

                        'article_type_list':article_type_list,

                        'category_list':category_list,

                        'arg_dict':kwargs,

                    }

                    )

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 5px;

         }

          .condition a.active{

             background-color: darkgreen;

         }

     </style>

 </head>

 <body>

 <h1>过滤条件</h1>

 <div class="condition">

     {% 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 class="condition">

     {% 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>

 <h1>查询结果</h1>

 <ul>

 {% for row in result %}

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

 {% endfor %}

 </ul>

 </body>

 </html>

python&django 实现页面中关联查询小功能（基础篇）的更多相关文章

  1. python&django 实现页面中关联查询小功能（中级篇）

    目的 组合搜索实现如下图功能 知识点 1.使用自定义标签模板(templatetags) 实现 models.py 和 views.py和初级篇一样 重点如下:在app01目录下创建templatet ...

  2. Python抓取页面中超链接(URL)的三中方法比较(HTMLParser、pyquery、正则表达式) <转>

    Python抓取页面中超链接(URL)的3中方法比较(HTMLParser.pyquery.正则表达式) HTMLParser版: #!/usr/bin/python # -*- coding: UT ...

  3. python Django注册页面显示头像

    python Django注册页面显示头像(views) def register(request): ''' 注册 :param request: :return: ''' if request.m ...

  4. THINKPHP 中关联查询(多表查询)

    THINKPHP 中关联查询(多表查询)可以使用 table() 方法或和join方法,请看示例: 1.Table方法:定义要操作的数据表名称,可以动态改变当前操作的数据表名称,需要写数据表的全名,包 ...

  5. OAF在打开的新页面中添加按钮，功能是关闭当前页面

    OAF在打开的新页面中添加按钮,功能是关闭当前页面 javascript:close()

  6. SSM-MyBatis-15：Mybatis中关联查询（多表操作）

    ------------吾亦无他,唯手熟尔,谦卑若愚,好学若饥------------- 先简单提及一下关联查询的分类 1.一对多 1.1单条SQL操作的 1.2多条SQL操作的 2.多对一 2.1单 ...

  7. 关于python+django操作数据库中的表

    数据库中的表示这样设计的 class C(models.Model): name = models.CharField(max_length=32) class B(models.Model): na ...

  8. Mongoose中关联查询populate的使用

    MongoDB中没有join的特性,因此无法使用join进行表的连接和关联查询,在Mongoose中封装了populate方法,在定义一个 Schema 的时候可以指定了其中的字段(属性)是另一个Sc ...

  9. yii2中关联查询

    yii2 ActiveRecord多表关联以及多表关联搜索的实现 一个老生常谈的问题.最近通过群里的反馈,觉得很多人还是没有去理解这个问题.今天把这个问题讲明白了,看看yii2 ActiveRecor ...

随机推荐

  1. 新增和修改页面的用例设计和Bug提交

    问题: 新增页面和修改页面,基本上输入框都一样,那比如同一个输入框的用例设计: 1. 写了新增页面的用例,修改页面对该输入框还有再写一遍用例的必要吗? 2. 执行用例时,新增页面验证了必填项,长度,数 ...

  2. 分布式存储ceph——（5）ceph osd故障硬盘更换

    正常状态:

  3. AngularJS路由变化 监听方法

    #使用AngularJS时,当路由发生改变时,我们需要做某些处理,此时可以监听路由事件,常用的是$routeStartChange, $routeChangeSuccess ##使用场景:在路由配置文 ...

  4. yolov3和darknet opencv版编译安装及基本测试

    版权声明:本文为博主原创文章,欢迎转载,并请注明出处.联系方式:460356155@qq.com 一.准备工作: 安装pkg-config:sudo apt-get install pkg-confi ...

  5. Web APP & 弹窗插件

    Web APP & 弹窗插件 移动端弹窗插件 alert.confirm.toast.notice 四种类型弹窗 jQuery & Zepto https://github.com/s ...

  6. tensorflow-TFRecord报错ValueError: Protocol message Feature has no "feature" field.

    编写代码用TFRecord数据结构存储数据集信息是报错:ValueError: Protocol message Feature has no "feature" field.或和 ...

  7. Sass和less的区别是什么？用哪个好

    什么是Sass和Less?       Sass和Less都属于CSS预处理器,那什么是 CSS 预处理器呢?        CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 ...

  8. WC2019游记

    本来不打算写游记的,但后来想了想这么一次难忘的经历总该留下点痕迹吧...... DAY-1 走之前的最后一天,因为前一天晚上打了CF,所以早上9点才到机房.写了一道圆方树深深地体会到了来自仙人掌的恶意 ...

  9. 洛谷P3469[POI2008]BLO-Blockade

    题目 割点模板题. 可以将图中的所有点分成两部分,一部分是去掉之后不影响图的连通性的点,一部分是去掉之后影响连通性的点,称其为割点. 然后分两种情况讨论,如果该点不是割点,则最终结果直接加上2*(n- ...

  10. BZOJ 2733 永无乡

    splay启发式合并 启发式合并其实就是把集合数量小的合并到集合数量大的里去. 怎么合并呢,直接一个一个插入就行了.. 用并查集维护连通性,find(i)可以找到所在splay的编号 这题好像还可以合 ...