Django中的模板

1. 定义模板文件

  • 一般在项目根目录下创建一个文件夹（注意：不是包）存放模板文件

　　　　　　 

2. 主工程模块中配置模板的路径

  • 在主工程目录下settings.py文件中，配置模板文件的路径
    复制代码
    TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'template')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]
    复制代码

    说明：上面目标路径配置为： 'DIRS': [os.path.join(BASE_DIR, 'template')],

3. 使用模板：

1. 定义视图，在视图中，使用模板响应一个页面给前端

复制代码
from django.http import HttpResponse
from django.template import loader

def index(request):
    # 1.获取模板
    template=loader.get_template('index.html')

    context={'name': '美女'}
    # 2.渲染模板
    return HttpResponse(template.render(context))
复制代码

使用render后的简化写法：

from django.shortcuts import render
from django.http import HttpRequest ,HttpResponse

def index(request):
    context = {"name":'美女'}
    return render(request, "index.html", context)

说明：

  • render的第二个参数为模板文件的名称
  • 第三个参数context为传给模板文件的参数,为一个字典，在模板中可以通过 {{参数名}} 获取到参数的值， 如在index.html中：
复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="#">{{name}}, 约不约？</a>
</body>
</html>
复制代码

访问效果：

 

4. 模板语法

4.1 模板变量

变量名必须由字母、数字、下划线（不能以下划线开头）和点组成。

语法如下：

{{变量名}}

如果定义的视图是这样的：

复制代码
def index(request):
    context = {
        'city': '北京',
        'adict': {
            'name': '西游记',
            'author': '吴承恩'
        },
        'alist': [1, 2, 3, 4, 5]
    }
    return render(request, 'index.html', context)
复制代码

在模板中取值方法：

4.2 模板中使用循环，if语句

1）for循环：

2）if条件：

比较运算符如下：

==
!=
<
>
<=
>=

逻辑运算符如下：

and
or
not

注意：运算符左右两侧不能紧挨变量或常量，必须有空格。

4.3 注释

1）单行注释语法如下：

2）多行注释使用comment标签，语法如下：

 

 

 5. 过滤器

语法如下:

  • 使用管道符号|来应用过滤器，用于进行计算、转换操作，可以使用在变量、标签中。
  • 如果过滤器需要参数，则使用冒号:传递参数。
{{变量|过滤器:参数}}

列举几个如下：

  • safe，禁用转义，告诉模板这个变量是安全的，可以解释执行

  • length，长度，返回字符串包含字符的个数，或列表、元组、字典的元素个数。

  • default，默认值，如果变量不存在时则返回默认值。

  •   {{data|default:'默认值'}}  

  • date，日期，用于对日期类型的值进行字符串格式化，常用的格式化字符如下：

    • Y表示年，格式为4位，y表示两位的年。
    • m表示月，格式为01,02,12等。
    • d表示日, 格式为01,02等。
    • j表示日，格式为1,2等。
    • H表示时，24进制，h表示12进制的时。
    • i表示分，为0-59。
    • s表示秒，为0-59。

    •  {{value|date:"Y年m月j日 H时i分s秒"}} 

 

6. 模板继承

模板继承和类的继承含义是一样的，主要是为了提高代码重用，减轻开发人员的工作量。

1. 父模板

如果发现在多个模板中某些内容相同，那就应该把这段内容定义到父模板中。

标签block：用于在父模板中预留区域，留给子模板填充差异性的内容，名字不能相同。 为了更好的可读性，建议给endblock标签写上名字，这个名字与对应的block名字相同。父模板中也可以使用上下文中传递过来的数据。

{% block 名称 %}
    块内代码
{% endblock 名称 %}

如：

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
{% block header %}
    <h1>顶部</h1>
{% endblock header %}


{% block main %}
    <h1>我是主要部分</h1>
{% endblock  %}


{% block footer %}
    <h1>this is footer</h1>
{% endblock footer %}
</body>
</html>
复制代码

 

2. 子模板

  • 标签extends：继承，写在子模板文件的第一行，声明继承的父模板文件。

  • 子模版不用填充父模版中的所有预留区域，如果子模版没有填充，则使用父模版定义的默认值。

  • 按照需要重写父模板中的块即可
复制代码
{#把继承的模板写在最上边#}
{% extends 'base.html' %}

{#需要改哪里 直接重写对应的block#}
{% block title %}
    详情页面
{% endblock %}

{% block main %}
    <a href="#">戳我,戳我,戳我有惊喜</a>
{% endblock main %}


{#不需要某个block 直接重写#}
{% block footer %}{% endblock %}
复制代码

 

 

 

 

posted @   foreast  阅读(147)  评论(0)  编辑  收藏  举报
编辑推荐：
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
历史上的今天：
2020-01-13 0113笔记
点击右上角即可分享
微信分享提示
AI IDE Trae