脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 脚本专栏 → python → Django模板层过滤器

详解Django模板层过滤器和继承的问题

 更新时间：2021年07月08日 15:18:41   作者：Neptuneyut  
今天抽空给大家介绍Django模板层过滤器和继承的问题，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧

过滤器

模板层对变量的操作实际还有很多，过滤器就是其中一种。学过Linux系统的一定知道管道操作符，其可以将上一步输出直接作为下一步输入进行处理，这里的过滤器就是类似管道符，其写法也是以管道符|为标志，允许我们对模板层获得的变量进行改变，例如大小写转换、增减大小等等

语法

{{ 变量|过滤器1|过滤器2:'值' |...}}

这里的过滤器可以分为两类，一类是不带参数的，例如lower,upper,safe；一类是带参数的add:'10'，冒号分隔，后面跟上值

过滤器 示例 说明
lower {{str lower}}
upper {{str upper}}
safe {{script safe}}
add {{num add:‘10'}}

示例：
views.py

def home(request):

    dic = {}
    dic['str'] = 'abc'
    dic['num'] = 90
    dic['script'] = '<script>alert("这是测试过滤器safe")</script>' #简单的js代码，可以弹出一个窗口
    return render(request, 'home.html', dic)

home.html

<body>
    <h2>过滤器upper: {{ str|upper }}</h2> # 全变成大写字母
    <h2>过滤器add: {{ num|add:'10' }}</h2> # 加10
    <h2>过滤器safe: {{ script|safe }}</h2> # 不进行html转义，适用直接执行js代码，理解为代码安全可以直接执行
</body>

在这里插入图片描述

在这里插入图片描述

如果不适用safe则输出原始字符串，不会执行js代码

在这里插入图片描述

除了以上过滤器，更多过滤器请参见https://docs.djangoproject.com/zh-hans/3.2/ref/templates/builtins

继承

对于某个网站来说，一般又比较统一的风格，例如无论点击网页哪个标签或者链接，导航栏和尾部都是基本一样的内容，真正变的是中间的内容区域，如何才能让不同的网页有相同也有差异呢，django中对模板可以使用继承的概念。
例如，有如下页面，由三部分组成，第一块是导航栏，无论哪个子页面均是一样，中间body区会因为点击导航栏不同项目发生变化，而最后一块尾部每个页面都是一样，如何实现上述要求呢？

在这里插入图片描述

  • 求同：Django模板层通过{% extends 'home.html' %}实现子页面对home.html的继承，也就是说只需要在每个子页面写上该行代码即能完成对父页面的继承，但是需要注意的是不能继承父页面的相关视图函数的变量
  • 存异：在父页面（home.html）中使用{% block block_name %}...{% endblock block_name(可选) %}标记块，凡是在标记块中的内容在子页面都可以被修改，修改方法是在{% block block_name %}子页面重写内容{% endblock block_name(可选) %}块中重新更改内容即可

home.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
    <!-- 导航栏，每个页面都一样 -->
    <h2>
        <a href="/home" rel="external nofollow" >主页</a>
        <a href="/music" rel="external nofollow" >音乐频道</a>
        <a href="/sport" rel="external nofollow" >运动频道</a>
    </h2>
    <h2>
        {% block body %}
        <h2>欢迎来到主页！（该部分区域因页面而异）</h2>
        {% endblock %}
        <h3>如有问题请请联系xxx@163.com（每个页面都一样）</h3>
</body>

</html>

music.html

{% extends 'home.html' %}

<!-- 修改body区域内容 -->
{% block body %}
<h2>欢迎来到音乐频道！</h2>
{% endblock %}

sport.html

{% extends 'home.html' %}

<!-- 修改body区域内容 -->
{% block body %}
<h2>欢迎来到运动频道！</h2>
{% endblock %}

views.py

import re
from django.http import HttpResponse
from django.shortcuts import render

def home(request):
    return render(request, 'home.html', dic)
def music(request):

    return render(request, 'music.html')
def sport(request):

    return render(request, 'sport.html')

urls.py

from django.contrib import admin
from django.urls import path
from . import views
urlpatterns = [
    path('admin/', admin.site.urls),
    path('home/', views.home),
    path('music/', views.music),
    path('sport/', views.sport),
]

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

学到这里，大家又可以小激动一下了，一个静态网页的基本架构慢慢成熟起来，将一个主页应用到其他页面，同时又保持其他页面的差异，django的模板思想越来越清晰了。

到此这篇关于Django模板层过滤器和继承的文章就介绍到这了,更多相关Django模板层过滤器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • python 时间的访问和转换 time示例小结

    python 时间的访问和转换 time示例小结

    Python 的 time 模块提供了各种与时间处理相关的功能,包括获取当前时间、操作日期/时间以及执行与时间相关的各种其它功能,这篇文章主要介绍了python 时间的访问和转换 time,需要的朋友可以参考下
    2024-05-05
  • python写完程序怎么运行的两种方式

    python写完程序怎么运行的两种方式

    这篇文章主要介绍了Python的两种运行方式,分别是命令行和交互式命令行,并详细讲解了如何在命令行和交互式命令行中运行Python代码,需要的朋友可以参考下
    2025-03-03
  • Python实现蒙特卡洛模拟的示例代码

    Python实现蒙特卡洛模拟的示例代码

    这篇文章主要为大家详细介绍了如何利用Python实现蒙特卡洛模拟，文中的示例代码讲解详细，具有一定的参考价值，感兴趣的小伙伴可以了解一下
    2023-03-03
  • Pandas读存JSON数据操作示例详解

    Pandas读存JSON数据操作示例详解

    这篇文章主要为大家介绍了Pandas读存JSON数据操作示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-08-08
  • CNN卷积函数Conv2D()各参数的含义及用法解读

    CNN卷积函数Conv2D()各参数的含义及用法解读

    这篇文章主要介绍了CNN卷积函数Conv2D()各参数的含义及用法解读，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-02-02
  • Python+wxPython实现将图片转换为草图

    Python+wxPython实现将图片转换为草图

    将照片转换为艺术风格的草图是一种有趣的方式，可以为您的图像添加独特的效果,本文主要介绍了如何Python和wxPython来实现这一目标，需要的可以参考下
    2023-08-08
  • Python3读取和写入excel表格数据的示例代码

    Python3读取和写入excel表格数据的示例代码

    这篇文章主要介绍了Python3读取和写入excel表格数据的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • Python中等待5秒并暂停执行的方法总结

    Python中等待5秒并暂停执行的方法总结

    Python 具有各种功能和库来创建交互式应用程序,用户可以在其中提供输入和响应, 我们可以创建需要暂停应用程序执行的情况,本文主要和大家分享三个Python 中等待 5 秒并暂停执行的方法,有需要的可以参考下
    2023-10-10
  • Python实现搜索Google Scholar论文信息的示例代码

    Python实现搜索Google Scholar论文信息的示例代码

    这篇文章主要为大家详细介绍了如何利用Python实现搜索Google Scholar论文信息的功能，文中的示例代码讲解详细，需要的可以参考一下
    2023-03-03
  • python 将列表里的字典元素合并为一个字典实例

    python 将列表里的字典元素合并为一个字典实例

    这篇文章主要介绍了python 将列表里的字典元素合并为一个字典实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09

最新评论