zl程序教程

您现在的位置是:首页 >  后端

当前栏目

Django之模板详解(十二)

django模板 详解 十二
2023-09-11 14:22:10 时间

模板


作为Web框架,Django提供了模板,用于编写html代码,还可以嵌入模板代码更快更方便的完成页面开发,再通过在视图中渲染模板,将生成最终的html字符串返回给客户端浏览器。模版致力于表达外观,而不是程序逻辑。模板的设计实现了业务逻辑view与显示内容template的分离,一个视图可以使用任意一个模板,一个模板可以供多个视图使用。

模板包含两部分:

静态部分,包含html、css、js。
动态部分,就是模板语言。


Django模板语言,简写DTL,定义在django.template包中。 创建项目后,在"项目名称/settings.py"文件中定义了关于模板的配置。

 

DIRS定义一个目录列表,模板引擎按列表顺序搜索这些目录以查找模板文件,通常是在项目的根目录下创建templates目录。

Django处理模板分为两个阶段:

1.加载:根据给定的路径找到模板文件,编译后放在内存中。
2.渲染:使用上下文数据对模板插值并返回生成的字符串。


为了减少开发人员重复编写加载、渲染的代码,Django提供了简写函数render,用于调用模板。

创建示例项目
1)创建项目test4。

django-admin startproject test4

2)进入项目目录test4,创建应用booktest。

cd test4
python manage.py startapp booktest

4)在test4/settings.py中INSTALLED_APPS项安装应用。

5)在test4/settings.py中DATABASES项配置使用MySQL数据库test2,数据库在第二部分已经创建。

6)在test4/settings.py中TEMPLATES项配置模板查找路径。

 

7)创建模板目录结构如下。

 8)打开test4/urls.py文件,包含booktest的url配置。

 

 9)在booktest/目录下创建urls.py,配置url。

from django.conf.urls import url
from booktest import views
urlpatterns=[
    url(r'^$',views.index),
]
10)打开booktest/views.py文件,定义视图index。

from django.shortcuts import render

def index(request):
    return render(request,'booktest/index.html')
11)在templates/booktest目录下创建文件index.html,代码如下:

<html>
<head>
    <title>首页</title>
</head>
<body>

</body>
</html>

12)打开booktest/models.py文件,定义模型类BookInfo,结构参照第二部分设计。

from django.db import models

class BookInfo(models.Model):
    btitle = models.CharField(max_length=20)
    bpub_date = models.DateField()
    bread = models.IntegerField(default=0)
    bcommet = models.IntegerField(default=0)
    isDelete = models.BooleanField(default=False)

模板语言


模板语言包括4种类型,分别是:

变量
标签
过滤器
注释
接下来逐个介绍4种类型。

模板变量


模板变量的作用是计算并输出,变量名必须由字母、数字、下划线(不能以下划线开头)和点组成。

语法如下:

{{变量}}
当模版引擎遇到点如book.title,会按照下列顺序解析:

1.字典book['title']
2.先属性后方法,将book当作对象,查找属性title,如果没有再查找方法title()
3.如果是格式为book.0则解析为列表book[0]

如果变量不存在则插入空字符串''。

在模板中调用方法时不能传递参数。

示例
1)打开booktest/views.py文件,创建视图temp_var。

def temp_var(request):
    dict={'title':'字典键值'}
    book=BookInfo()
    book.btitle='对象属性'
    context={'dict':dict,'book':book}
    return render(request,'booktest/temp_var.html',context)
2)打开booktest/urls.py文件,配置url。

url(r'^temp_var/$', views.temp_var),
3)修改在templates/booktest下创建temp_var.html。

<html>
<head>
    <title>模板变量</title>
</head>
<body>
模板变量:<br/>
{{dict.title}}<br/>
{{book.btitle}}<br/>
</body>
</html>

4)运行服务器,在浏览器中输入如下网址。

http://127.0.0.1:8000/temp_var/
5)浏览效果如下图。

 

标签


语法如下:

{%代码段%}
for标签语法如下:

{%for item in 列表%}
循环逻辑
{{forloop.counter}}表示当前是第几次循环,从1开始


{%empty%}
列表为空或不存在时执行此逻辑


{%endfor%}
if标签语法如下:

{%if ...%}
逻辑1
{%elif ...%}
逻辑2
{%else%}
逻辑3
{%endif%}
比较运算符如下:

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

==
!=
<
>
<=
>=
布尔运算符如下:

and
or
not
点击查看内建标签了解更多标签,还有一些常用的标签会在后续地章节中讲解。

示例
1)打开booktest/views.py文件,创建视图temp_tag。

from booktest.models import BookInfo
def temp_tags(request):
    context={'list':BookInfo.objects.all()}
    return render(request,'booktest/temp_tag.html',context)
2)打开booktest/urls.py文件,配置url。

    url(r'^temp_tag/$', views.temp_tags),
3)在templates/booktest下创建temp_tag.html。

<html>
<head>
    <title>标签</title>
</head>
<body>
图书列表如下:
<ul>
    {%for book in list%}
        {%if book.id <= 2%}
            <li style="background-color: red;">{{book.btitle}}</li>
        {%elif book.id <= 3%}
            <li style="background-color: blue;">{{book.btitle}}</li>
        {%else%}
            <li style="background-color: green;">{{book.btitle}}</li>
        {%endif%}
    {%empty%}
        <li>对不起,没有图书</li>
    {%endfor%}

</ul>
</body>
</html>

4)运行服务器,在浏览器中输入如下网址。

http://127.0.0.1:8000/temp_tag/
浏览效果如下图: