Python Django框架笔记（六）：模板

时间 2020-05-15

原文原文链接

（一）{%%}和{{ }}html

1 {% for post in posts %} 2         <a href=""><h2>{{ post.title }}</h2></a>
3         <p>{{ post.body }}</p>
4         <p>{{ post.timestamp }}</p>
5         <hr>
6 {% endfor %}

{%%}：里面的是模板标签，{{}}里面的是变量python

{%%}标签：django

1 {% if  x == 1%} 2      <p></p>
3 {% else %} 4     <p></p>
5 {% endif %}

1 {% for a in a_list %} 2         <p>{{ a.name }}</p>
3 {% endfor %}

只有模板变量、字符串、整数和小数能够做为 {% ifequal %} 标签的参数,像字典、列表、布尔类型的是不能用在 {% ifequal %}中的，例如{% ifequal test [1,2,3] %}是错误的函数

1 {# 比较2个参数的值，user1 user2 #}
2     {% ifequal user1 user2 %} 3         <p></p>
4     {% else %} 5         <p></p>
6     {% endifequal %}

{% include %}模板标签能够显示其余模板的内容{% include template_name %}，例如post

{% include 'login.html' %}

（二）模板继承网站

能够在一个HTML页面中定义公共内容（网站logo等），其余页面继承这个模板spa

一、定义基础模板base.htmlcode

<!-- base.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人博客-全部博客列表</title>
</head>
<style>
</style>
<body> {% block content %} {% endblock %} <div align="center">python django 网站 2018 ©版权全部</div>
</body>
</html>

{% block content %}
    
{% endblock %}
这个标签之间的内容是能够替换的

二、继承，例如：下面这个就是orm

第一行继承 base.html，后面的就是替换base.html {% block content %} {% endblock %} 标签之间的内容csrf

1 {% extends "base.html" %} 2 {% block content %} 3 <form action="/blog/team/" method="post">{% csrf_token %} 4     <div align="center"><table >{{ form }}</table><br>
5     <input type=submit></div>
6 </form>
7 <hr>
8 {% endblock %}

（三）模板渲染

模板建立好后，能够用 context 来传递数据给它。一个context是一系列变量和它们值的集合，相似于字典。

例如： django.shortcuts 文件中的render函数

def render(request, template_name, context=None, content_type=None, status=None, using=None): """ Return a HttpResponse whose content is filled with the result of calling django.template.loader.render_to_string() with the passed arguments. """ content = loader.render_to_string(template_name, context, request, using=using) return HttpResponse(content, content_type, status)

第二个参数就是模板，第三个就是要传给模板的数据

def login(request): return render(request,'login.html',{'form':LoginPostForm,})