效果

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

知识点

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. Mysql Navicat数据库定时备份，定时删除

    Navicat自带实现数据库定时备份 1.先点击需要备份的数据库,然后点击计划,再点击新建批处理作业 2.然后出现双机可用任务列表,然后在已选择的任务中会出现可用任务 3. 点击保存,弹出对话框,给这 ...

  2. Mistwald zoj 3497

    链接 [https://vjudge.net/contest/294259#problem/K] 题意 就是有个m*n矩阵 出发(1,1) 出口(m,n) 然后给出每个点能到大的四个位置 而且一旦到达 ...

  3. CSS如何把一张横向的长图变成竖向的？

    前言: 有时候做项目过程中,设计的是一张横向的长图,但是我们需要在手机端观看的时候,也想把手机横着观看,这样视野更宽阔,如何解决这个问题呢? html <div class="imgB ...

  4. Python----数据预处理

    导入标准库 import numpy as np import matplotlib.pyplot as plt import pandas as pd 导入数据集 dataset = pd.read ...

  5. C#、WPF中如何自定义鼠标样式

    需求:在C#中如何自定义鼠标样式?在这里可以分两种情况,一种是在winForm,另一种是在WPF中(注意使用的Cursor对象不一样) 解决办法如下: a.首先针对WinForm中,我们可以采用图标加 ...

  6. Vue中循环的反人类设计

    今天学习Vue到循环那里,表示真是不能理解Vue的反人类设计 具体看代码吧! <!DOCTYPE html> <html> <head> <meta char ...

  7. pytorch识别CIFAR10：训练ResNet-34（数据增强，准确率提升到92.6%）

    版权声明:本文为博主原创文章,欢迎转载,并请注明出处.联系方式:460356155@qq.com 在前一篇中的ResNet-34残差网络,经过减小卷积核训练准确率提升到85%. 这里对训练数据集做数据 ...

  8. mysql 8.0.X 创建新的数据库、用户并授权

    一.创建数据库 mysql> create database jira; Query OK, 0 rows affected (0.09 sec) 二.创建用户 mysql> create ...

  9. promise源码解析

    前言 大部分同学对promise,可能还停留在会使用es6的promise,还没有深入学习.我们都知道promise内部通过reslove.reject来判断执行哪个函数,原型上面的then同样的,也 ...

  10. 动态chart Demo

    using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usin ...