Django模板过滤器和继承示例详解

作者:NGUP_LEE 时间:2023-10-25 16:52:56 

模板过滤器

定义:在变量输出时对变量的值进行处理

作用:可以通过使用过滤器来改变变量的输出显示

语法:{{变量 | 过滤器:'参数值1' | 过滤器2:'参数值2' ...}}

常用的过滤器

过滤器说明
lower将字符串全部转换为小写
upper将字符串全部转换为大写
safe默认不对变量内的字符串进行 html 转义
add:“n”将calue值增加n
truncatechars:‘n'如果字符多于指定的字符数量,那么会被截断。截断的字符串将以可翻译的省略号序列("…")结尾

模板的继承

模板的继承可以使父模板的内容重用,子模板直接继承父模板的全部内容并可以覆盖父模板中响应的块

语法(父模板):

  • 定义父模板中的块 block 标签

  • 标识出哪些在字模块中是允许被修改的

  • block 标签:在父模板中定义,可以再子模板中覆盖

语法(子模板):

继承模板,extends 标签,写在模板文件的第一行

例如: {% extends ‘base.html' %}

子模板重写父模板中的内容块


{% block block_name %}
需要覆盖 block_name 块的内容
{% endblock block_name %} #此时的 block_name 可以不写

模板继承样例

views.py


def base_view(request):
return render(request,'base.html')
def music_view(request):
return render(request,'music.html')
def sport_view(request)
return render(request,'sport.html')

在 templates文件夹中写入对应html文件:

  • base.html

  • music.html

  • sport.html

base.html


<head>
<meta charset="utf-8">
{% block mytitle %}
<title> 主页 </title>
{% endblock mytitle%}
</head>

<body>
<a href="/music_index"> 音乐频道 </a>
<a href="/sport_index"> 体育频道 </a>
<br>
{% block info %}
这是主页
{% endblock info %}
<h3>有问题请联系XXXX</h3>
</body>
</html>

sport.html


{% extends 'base.html' %}
{% block mytitle %}
<title> 体育频道 </title>
{% block info %}
欢迎来到体育频道
{% endblock info %}

music.html


{% extends 'base.html' %}
{% block mytitle %}
<title> 音乐频道 </title>
{% block info %}
欢迎来到音乐频道
{% endblock info %}

在url.py里绑定对应路由


path('base_index',views.base_view)
path('music_index',views.music_view)
path('sport_index',views.sport_view)

测试结果

Django模板过滤器和继承示例详解
Django模板过滤器和继承示例详解
Django模板过滤器和继承示例详解

注意:模板继承时,服务器端的动态内容无法继承

来源:https://blog.csdn.net/NGUP_LEE/article/details/121024247

标签:django,模板,过滤器
0
投稿

猜你喜欢

  • mysql proxy问题

    2009-02-27 15:54:00
  • python排序的方法实例总结

    2023-09-10 15:57:49
  • SQL CASE 表达式的具体使用

    2024-01-28 09:57:29
  • 10个很实用的js小脚本代码

    2007-10-17 21:08:00
  • python怎么判断素数

    2021-09-30 11:10:33
  • 深入了解Mysql逻辑架构

    2024-01-24 21:38:58
  • 基于Python的微信机器人开发 微信登录和获取好友列表实现解析

    2021-09-14 17:03:46
  • IE6/7关于 Absolute Position 、relative 的一些意外

    2008-11-27 11:34:00
  • XML文件的显示——CSS和XSL

    2007-10-15 18:48:00
  • JavaScript 数据结构之字典方法

    2024-04-16 09:28:22
  • Python 利用pydub库操作音频文件的方法

    2022-12-12 05:42:53
  • FLASH 全屏播放

    2008-07-19 11:36:00
  • Python无损音乐搜索引擎实现代码

    2021-01-28 19:19:02
  • Python实现自动登录百度空间的方法

    2023-11-11 09:11:23
  • vue table直接定位到指定元素的操作代码

    2024-05-09 15:14:57
  • Python数据结构之优先级队列queue用法详解

    2023-03-10 03:37:40
  • dpn网络的pytorch实现方式

    2023-11-20 10:37:19
  • Bootstrap Table 删除和批量删除

    2024-05-25 15:17:21
  • require.js+vue开发微信上传图片组件

    2024-06-05 15:31:01
  • python获取指定目录下所有文件名列表的方法

    2022-03-24 08:05:39
  • asp之家 网络编程 m.aspxhome.com