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 @ 2021-01-13 23:16  foreast  阅读(141)  评论(0编辑  收藏  举报