Django学习笔记五:templates使用详解

Django的模板系统是一个强大的工具,用于将动态数据渲染到HTML页面中。以下是Django模板系统的详细用法:

模板的基本概念

Django模板使用一个特殊的语法来插入变量、标签和过滤器。

创建模板

  1. 创建模板目录 :在你的Django应用中创建一个名为templates的目录。
  2. 编写模板文件 :在templates目录中创建HTML文件,文件扩展名通常为.html

模板继承

Django模板支持继承,这意味着你可以创建一个基础模板,并允许其他模板继承它。

html 复制代码
<!-- base.html -->
<html>
<head>
    <title>{% block title %}My Site{% endblock %}</title>
</head>
<body>
    {% block content %}
    {% endblock %}
</body>
</html>
html 复制代码
<!-- child.html -->
{% extends "base.html" %}

{% block title %}Home Page{% endblock %}

{% block content %}
    <h1>Welcome to my site!</h1>
{% endblock %}

变量

在模板中,变量用{``{ variable }}表示。

html 复制代码
<p>Hello, {{ name }}!</p>

标签

Django模板提供了许多内置标签,例如for循环、if条件语句等。

html 复制代码
{% if user.is_authenticated %}
    <p>Welcome, {{ user.username }}!</p>
{% else %}
    <p>Welcome, guest!</p>
{% endif %}

过滤器

过滤器可以被用来修改变量的输出。过滤器使用|符号。

html 复制代码
{{ article.pub_date|date:"Y-m-d" }}

自定义过滤器

你可以创建自己的过滤器,并在模板中使用它们。

python 复制代码
# 在应用的模板tags目录中创建一个自定义过滤器
from django import template

register = template.Library()

@register.filter(name='my_filter')
def my_filter(value):
    return value.upper()

然后在模板中使用:

html 复制代码
{{ my_variable|my_filter }}

模板标签

模板标签用于执行特定的逻辑。

html 复制代码
{% for article in articles %}
    <p>{{ article.title }}</p>
{% endfor %}

模板中的URL

在模板中,你可以使用url标签来生成URL。

html 复制代码
<a href="{% url 'view_name' arg %}">Link</a>

注释

在模板中,你可以使用{# ... #}来添加注释。

html 复制代码
{# 这是一个注释 #}

静态文件

在模板中,你可以使用{% static %}标签来引用静态文件。

html 复制代码
<link rel="stylesheet" href="{% static 'css/style.css' %}">

模板上下文

在视图中,你可以传递一个上下文字典给模板。

python 复制代码
from django.shortcuts import render

def my_view(request):
    return render(request, 'my_template.html', {'name': 'Kimi'})

模板字符串

你可以在模板中使用模板字符串来创建动态内容。

html 复制代码
{% with name="Kimi" %}
    <p>Hello, {{ name }}!</p>
{% endwith %}

模板中的表单

Django模板提供了表单渲染的标签,例如form标签和form.as_p

html 复制代码
<form method="post">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit">Submit</button>
</form>

模板中的静态方法

在模板中,你可以使用{``{ form.field.label_tag }}来渲染字段的标签。

模板中的循环

你可以在模板中使用for循环来迭代数据。

html 复制代码
<ul>
    {% for item in items %}
        <li>{{ item.name }}</li>
    {% endfor %}
</ul>

模板中的条件

你可以在模板中使用if标签来执行条件逻辑。

html 复制代码
{% if user.is_authenticated %}
    <p>Welcome back, {{ user.username }}!</p>
{% else %}
    <p>Please log in.</p>
{% endif %}

模板中的注释

你可以在模板中使用{# ... #}来添加注释。

html 复制代码
{# 这是一个注释 #}

模板中的URL反向解析

你可以使用url标签来生成URL。

html 复制代码
<a href="{% url 'view_name' arg %}">Link</a>

模板中的静态文件

你可以使用static标签来引用静态文件。

html 复制代码
<link rel="stylesheet" href="{% static 'css/style.css' %}">

模板中的自定义标签和过滤器

你可以创建自定义标签和过滤器,并在模板中使用它们。

模板中的模板

你可以在一个模板中包含另一个模板。

html 复制代码
{% include "sidebar.html" %}

模板中的转义字符

在模板中,你可以使用{``{ variable|escape }}来转义HTML。

模板中的缓存

你可以使用{% cache %}标签来缓存模板的部分内容。

html 复制代码
{% cache 500 sidebar %}
    <!-- 缓存的内容 -->
{% endcache %}

通过这些基本的用法,你可以创建动态且功能丰富的Web页面。

相关推荐
CSDN_PBB4 小时前
[STM32 - 野火] - - - 固件库学习笔记 - - - 十五.设置FLASH的读写保护及解除
笔记·stm32·学习
多想和从前一样5 小时前
Django 创建表时 “__str__ ”方法的使用
后端·python·django
鸡啄米的时光机7 小时前
vscode的一些实用操作
vscode·学习
Kai HVZ8 小时前
《深度学习》——调整学习率和保存使用最优模型
人工智能·深度学习·学习
守护者1709 小时前
JAVA学习-练习试用Java实现“使用Apache Ignite对大数据进行内存计算和快速筛查”
java·学习
夜流冰9 小时前
编程参考 - C语言可变参数
笔记
格雷亚赛克斯9 小时前
Qt笔记31-69
数据库·笔记·qt
Long_poem9 小时前
【自学笔记】版本控制与持续集成基础知识点总览-持续更新
笔记·ci/cd
Stream٩( 'ω' )و10 小时前
109~133笔记
笔记
weixin_5025398510 小时前
rust学习笔记2-rust的包管理工具Cargo使用
笔记·学习·rust