模板 Templates
一、什么是模板
模板是动态变化的html网页
模板可以根据视图中传递的数据动态生成或填充相应的HTML网页。
二、模板的配置
创建模板文件夹<项目名>/templates
在 settings.py 中有一个 TEMPLATES 变量
- BACKEND : 指定模板的引擎
- DIRS : 模板的搜索目录(可以是一个或多个)
- APP_DIRS : 是否要在应用中的
templates文件夹中搜索模板文件 - OPTIONS : 有关模板的选项
默认的模块文件夹templates
修改settings.py文件，设置TEMPLATES的DIRS值为'DIRS': [os.path.join(BASE_DIR, 'templates')],
# file: settings.py TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', # 'DIRS': [], 'DIRS': [os.path.join(BASE_DIR, 'templates')], # 添加模板路径 'APP_DIRS': True, # 是否索引各app里的templates目录 ... }, ]
模板的加载方式
1.通过 loader 获取模板,通过HttpResponse进行响应
from django.template import loader # 1.通过loader加载模板 t = loader.get_template("模板名称") # 2.将t转换成 HTML 字符串 html = t.render() # 3.用响应对象将转换的字符串内容返回给浏览器 return HttpResponse(html)
from django.template import loader def render_page1(request): t = loader.get_template("page1.html") html = t.render() return HttpResponse(html)
2.使用 render() 直接加载并响应模板
from django.shortcuts import render return render(request,'模板的名称')
def render_page2(request): from django.shortcuts import render return render(requese, 'page1.html')
三、Django模板的语言：(The Django template language)
1.模板的传参
模板传参是指把数据形成字典，传参给模板，为模板渲染提供数据
（1）使用 loader 加载模板
t = loader.get_template('xxx.html') html = t.render(字典数据) return HttpResponse(html)
（2）使用render加载模板
return render(request,'xxx.html',字典数据)
2.模板的变量
在模板中使用变量语法{{ 变量名 }}
视图函数中必须将变量封装到字典中才允许传递到模板上
dic = {
"变量1":"值1",
"变量2":"值2",
}
3.模板的标签
（1）作用：将一些服务器端的功能嵌入到模板中
（2）标签语法
{% 标签 %}
...
{% 结束标签 %}
（3）if标签
{% if 条件表达式1 %}
...
{% elif 条件表达式2 %}
...
{% elif 条件表达式3 %}
...
{% else %}
...
{% endif %}
（4）if 标签里的布尔运算符
- if 条件表达式里可以用的运算符 ==, !=, <, >, <=, >=, in, not in, is, is not, not、and、or
- 在if标记中使用实际括号是无效的语法。 如果您需要它们指示优先级，则应使用嵌套的if标记。
（5）for标签
1.语法
{% for 变量 in 可迭代对象 %}
... 循环语句
{% empty %}
... 可迭代对象无数据时填充的语句
{% endfor %}
2.内置变量 - forloop
| 变量 | 描述 |
| forloop.counter | 循环的当前迭代（从1开始索引） |
| forloop.counter0 | 循环的当前迭代（从0开始索引） |
| forloop.revcounter | 循环结束的迭代次数（从1开始索引） |
| forloop.revcounter0 | 循环结束的迭代次数（从0开始索引） |
| forloop.first | 如果这是第一次通过循环，则为真 |
| forloop.last | 如果这是最后一次循环，则为真 |
| forloop.parentloop | 当嵌套循环，parentloop 表示外层循环 |
（6）注释标签
以{# 开头, 以 #}结束范围内的文字信息将会被模板的渲染系统忽略掉 单行注释
如:{# <h1>此处的文字不会被生成html文档</h1> #}
comment 标签 多行注释
在 {% comment %} 和 {% endcomment %}，之间的内容会被忽略，
作用: 用于注释，可以用此来记录代码被注释掉的原因。
注: comment 标签不能嵌套使用
<div>Rendered text with {{ pub_date|date:"c" }}</div>
{% comment "Optional note" %}
<div>Commented out text with {{ create_date|date:"c" }}</div>
{% endcomment %}
comment标签不能嵌套使用。
4.过滤器
（1）作用
- 在变量输出时对变量的值进行处理
- 您可以通过使用 过滤器来改变变量的输出显示。
（2）语法：{{ 变量 | 过滤器1:参数值1 | 过滤器2:参数值2 ... }}
（3）常用的过滤器
| 过滤器 | 说明 |
| lower | 将字符串转换为全部小写。 |
| upper | 将字符串转换为大写形式 |
| truncatewords | 在一定数量的字后截断字符串。 |
| floatformat | 当不使用参数时，将浮点数舍入到小数点后一位，但前提是要显示小数部分。 |
| truncatechars | 如果字符串字符多于指定的字符数量，那么会被截断。 截断的字符串将以可翻译的省略号序列（“...”）结尾。 |
5.模板的继承
模板继承可以使父模板的内容重用,子模板直接继承父模板的全部内容并可以覆盖父模板中相应的块
定义父模板中的块 block标签
- 标识出哪些在子模块中是允许被修改的
- block标签：在父模板中定义，可以在子模板中覆盖
{% block block_name %}
定义模板块，此模板块可以被子模板重新定义的同名块覆盖
{% endblock block_name %}
继承模板 extends 标签(写在模板文件的第一行)
子模板继承语法标签{% extends '父模板名称' %}
如:{% extends 'base.html' %}
子模板 重写父模板中的内容块
{% block block_name %}
子模板块用来覆盖父模板中 block_name 块的内容
{% endblock block_name %}
重写的覆盖规则
- 不重写,将按照父模板的效果显示
- 重写,则按照重写效果显示
注意：模板继承时,服务器端的动态内容无法继承
模板的继承演示
# file : url.py from django.conf.urls import url from . import views urlpatterns = [ ... url(r'^index$', views.index_view), url(r'^sport$', views.sport_view), url(r'^news$', views.news_view), ]
# file: views.py def index_view(request): return render(request, 'mybase.html') def sport_view(request): return render(request, 'sport.html') def news_view(request): return render(request, 'news.html')
<!-- file : mybase.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模板页</title> </head> <body> <h1 style="background-color: blue;">注册，登陆</h1> {% block page_info %} <h1 style="background-color: orange;">网站主页</h1> {% endblock %} <h1 style="background-color: grey;">联系我们</h1> </body> </html>
mybase.html显示较果
sport 新闻页子类主页模板
<!-- file : sport.html --> {# 继承主页面 #} {% extends 'mybase.html' %} {# 修改网站主页 #} {% block page_info %} <h1 style="background-color: green;">运动主页</h1> {% endblock %}
mybase显示较果
news 新闻页子类主页模板
<!-- file : news.html --> {% extends 'mybase.html' %} {% block page_info %} <h1>新闻主页</h1> {% endblock %}
mybase显示较果
6.url反向解析
url 反向解析是指在视图或模板中，用为url定义的名称来查找或计算出相应的路由
url 函数的语法：url(regex, views, kwargs=None, name="别名")
例如:url(r'^user_login$', views.login_view, name="login")
url() 的name关键字参数
作用：根据url 列表中的name=关键字传参给 url确定了个唯一确定的名字，在模板中，可以通过这个名字反向推断出此url信息
在模板中通过别名实现地址的反向解析
{% url '别名' %}
{% url '别名' '参数值1' '参数值2' %}
# file: url.py from django.conf.urls import url from . import views urlpatterns = [ ... url(r'^fav_list', views.fav_list, name="fav_list"), url(r'^fav_list/page/(d+)', views.fav_list_page, name="fav_list_page"), ]
# file: views.py def fav_list(request): return render(request, 'fav_list.html') def fav_list_page(request, page): return render(request, 'fav_list.html')
<html>
<head></head>
<body>
<div><a href="/fav_list">我的收藏</a></div>
<div><a href="{% url "fav_list" %}">我的收藏</a></div>
<a href="/fav_list/page/1">我的收藏第1页</a>
<a href="/fav_list/page/2">我的收藏第2页</a>
<a href="/fav_list/page/3">我的收藏第3页</a>
<a href="{% url 'fav_list_page' '200' %}">我的收藏第4页</a>
</body>
</html>
练习：写一个有四个自定义页面的网站，对分对应路由: / 主页 /运动页面1 /新闻页面2 /
功能是主页加 三个页面的连接，三个页面显示各自的信息,同时加入一个链接用于返回主页
from django.conf.urls import url from . import views urlpatterns = [ url(r'^page0$', views.page0_view,name="page0"), url(r'^page1$', views.page1_view,name="page1"), url(r'^page2$', views.page2_view,name="page2"), ]
from django.shortcuts import render def page0_view(request): return render(request, 'mybase.html') def page1_view(request): return render(request, 'page1.html') def page2_view(request): return render(request, 'page2.html')
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>{% block mytitle %}主页{% endblock %}</title> </head> <body> {% block link %} <a href="{% url 'page1' %}">运动主页</a> <a href="{% url 'page2' %}">新闻主页</a> {% endblock %} <h1 style="background-color: blue;">登陆，注册</h1> {% block page_content %} <h1 style="background-color: orange;">人生苦短</h1> {% endblock page_content %} <h1 style="background-color: gray;">请联系我们：010-88889999</h1> </body> </html>
{% extends 'mybase.html' %} {% block mytitle %}运动页面{% endblock %} {% block link %} <a href="{% url 'page0' %}">主页</a> <a href="{% url 'page2' %}">新闻主页</a> {% endblock %} {% block page_content %} <h1 style="background-color:green;">这是运动页的主页</h1> {% endblock page_content %}
{% extends 'exercise/mybase.html' %} {% block mytitle %}新闻页面{% endblock %} {% block link %} <a href="{% url 'page0' %}">主页</a> <a href="{% url 'page1' %}">运动主页</a> {% endblock %} {% block page_content %} <h1 >这是新闻页的主页</h1> {% endblock page_content %}