Django之模板详解(十二)

模板


作为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/
浏览效果如下图:

 

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值