Django模板（Templages）

模板 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 %}

sport 运动页页子类主页模板

mybase显示较果

news 新闻页子类主页模板

<!-- file : news.html -->
{% extends 'mybase.html' %}

{% block page_info %}
<h1>新闻主页</h1>
{% endblock %}

news 新闻页子类主页模板

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 %}

新闻页面

posted @ 2019-07-24 00:46 maplethefox 阅读(420) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

Fine.Thank you,and you!

坚持,在牛逼的梦想,也抵不住傻逼的坚持.