目录

Django - 模板系统( Template System)

Django可以分离python和HTML,python进入视图,HTML进入模板。 为了链接这两者,Django依赖于渲染功能和Django模板语言。

渲染功能

这个功能有三个参数 -

  • Request - 初始请求。

  • The path to the template的路径 - 这是相对于项目settings.py变量中的TEMPLATE_DIRS选项的路径。

  • Dictionary of parameters字典 - 包含模板中所需的所有变量的字典。 可以创建此变量,也可以使用locals()传递视图中声明的所有局部变量。

Django Template Language (DTL)

Django的模板引擎提供了一种迷你语言来定义应用程序的面向用户的层。

显示变量

变量如下所示:{{variable}}。 模板通过render函数的第三个参数中的视图发送的变量替换变量。 让我们改变我们的hello.html来显示今天的日期 -

hello.html

<html>
   <body>
      Hello World!!!<p>Today is {{today}}</p>
   </body>
</html>

那么我们的观点将改为 -

def hello(request):
   today = datetime.datetime.now().date()
   return render(request, "hello.html", {"today" : today})

现在,我们将在访问URL/myapp/hello后得到以下输出 -

Hello World!!!
Today is Sept. 11, 2015

您可能已经注意到,如果变量不是字符串,Django将使用__str__方法来显示它; 并且使用相同的原则,您可以像在Python中一样访问对象属性。 例如:如果我们想显示日期年份,我的变量将是:{{today.year}}。

过滤器 (Filters)

它们可以帮助您在显示时修改变量。 过滤器结构如下所示:{{var | filters}}。

Some examples -

  • {{string|truncatewords:80}} - 此过滤器将截断字符串,因此您只能看到前80个单词。

  • {{string|lower}} - 将字符串转换为小写。

  • {{string|escape|linebreaks}} - 转义字符串内容,然后将换行符转换为标签。

您还可以设置变量的默认值。

Tags

使用标签可以执行以下操作:if条件,for循环,模板继承等。

Tag if

就像在Python中一样,你可以在你的模板中使用if,else和elif -

<html>
   <body>
      Hello World!!!<p>Today is {{today}}</p>
      We are
      {% if today.day == 1 %}
      the first day of month.
      {% elif today.day == 30 %}
      the last day of month.
      {% else %}
      I don't know.
      {%endif%}
   </body>
</html>

在此新模板中,根据当天的日期,模板将呈现特定值。

标记为

就像'if'一样,我们有'for'标签,就像在Python中一样。 让我们更改我们的hello视图以将列表传输到我们的模板 -

def hello(request):
   today = datetime.datetime.now().date()
   daysOfWeek = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
   return render(request, "hello.html", {"today" : today, "days_of_week" : daysOfWeek})

使用{{for}}显示该列表的模板 -

<html>
   <body>
      Hello World!!!<p>Today is {{today}}</p>
      We are
      {% if today.day == 1 %}
      the first day of month.
      {% elif today.day == 30 %}
      the last day of month.
      {% else %}
      I don't know.
      {%endif%}
      <p>
         {% for day in days_of_week %}
         {{day}}
      </p>
      {% endfor %}
   </body>
</html>

我们应该得到类似的东西 -

Hello World!!!
Today is Sept. 11, 2015
We are I don't know.
Mon
Tue
Wed
Thu
Fri
Sat
Sun

阻止和扩展标签

没有模板继承,模板系统就无法完成。 在设计模板时的意思是,您应该有一个带有孔的主模板,孩子的模板将根据自己的需要填充,例如页面可能需要为所选选项卡提供特殊的CSS。

让我们将hello.html模板更改为从main_template.html继承。

main_template.html

<html>
   <head>
      <title>
         {% block title %}Page Title{% endblock %}
      </title>
   </head>
   <body>
      {% block content %}
         Body content
      {% endblock %}
   </body>
</html>

hello.html

{% extends "main_template.html" %}
{% block title %}My Hello Page{% endblock %}
{% block content %}
Hello World!!!<p>Today is {{today}}</p>
We are
{% if today.day == 1 %}
the first day of month.
{% elif today.day == 30 %}
the last day of month.
{% else %}
I don't know.
{%endif%}
<p>
   {% for day in days_of_week %}
   {{day}}
</p>
{% endfor %}
{% endblock %}

在上面的例子中,在调用/ myapp/hello时,我们仍然会得到与以前相同的结果,但现在我们依赖extends和block来重构我们的代码 -

在main_template.html中,我们使用标记块定义块。 标题栏将包含页面标题,内容块将包含页面主要内容。 在home.html中,我们使用extends从main_template.html继承,然后我们填充上面的块定义(内容和标题)。

评论标签

注释标记有助于将注释定义到模板中,而不是HTML注释,它们不会出现在HTML页面中。 它可用于文档或只是注释一行代码。

↑回到顶部↑
WIKI教程 @2018