>>> django.VERSION
(4, 1, 0, 'final', 0)
PS：基于前几章的进度进行修改
上一章中，直接使用了index_test.py添加\修改了资源页面，这次使用模板来添加资源页面\修改页面
先来看index_test.py文件，可以看到使用了模块django.http.HttpResponse()来输出指定的信息：
#-*- coding: utf-8 -*-
from django.http import HttpResponse
def hello(request):
return HttpResponse("Hello World!!!")
而上面的这种方式会将数据和视图混合在一起，不符合Django中的MTC思想，所以我们可以使用模板来输出数据：
根据上一章节中的项目结构，现在在helloworld项目目录下创建templates目录，然后创建test.html文件
现在的目录结构如下：
下面是test.html模板文件的内容：
<h1>{{ hello }}</h1> #这里是变量，使用了双括号
settings.py文件：import os #导入os模块
。。。。。。
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR,'templates')], #修改DIRS，说明模板文件的路径，BASE_DIR是manage.py文件所在的路径
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
index_test.py和urls.py，增加一个新的对象，用于向模板提交数据render()方法参数：
render(request, template_name, context=None, content_type=None, status=None, using=None)
request：必要参数，浏览器向服务器发送的请求对象，包含用户信息、请求内容、请求方式等template_name：必要参数，设置模板文件名，用于生成网页内容context：对模板上下文即模板变量赋值，以字典格式表示，默认情况下是一个空字典content_type：响应内容的数据格式，一般情况下使用默认值即可status：HTTP状态码，默认是200using：设置模板引擎，用于解析模板文件、生成网页内容等
- index_test.py
#-*- coding: utf-8 -*-
from django.shortcuts import render
def hello(request):
contest = {}
contest['hello'] = 'Hello World!!!'
return render(request,'test.html',contest) #指定模板文件
- urls.py
#-*- coding: utf-8 -*-
from django.urls import path
from . import index_test
urlpatterns = [
path('hello/',index_test.hello),
]
可以看到，我们这里使用了render来代替之前使用的HttpResponse，render使用了一个字典contest作为参数，contest字典中元素的键值hello对应了test.html模板文件中{{ hello }}变量
再次进行访问：
可以看到已经替换页面了，现在已经完成了使用模板来输出数据，实现数据与视图分离
视图view：{"HTML变量名":"views变量名"}
HTML：{{ 变量名 }}
可以看到其实也就是字典，跟上面那个一样
下面来看案例：
- 现在修改视图文件
index_test.py文件，下面是变量和字典的写法，可以看到思路其实是一样的：- 变量 # -*- coding: utf-8 -*- from django.shortcuts import render def Hello(request): test_view = "测试" hello_view = "你好" return render(request,'test.html',{"test":test_view,"hello":hello_view})
- 修改templates目录下的
test.html文件：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> #页面名称 </head> <body> <p>{{ test }}</p> #导入两个变量 <h1>{{ hello }}</h1> </body> </html>
- 再次访问，成功修改！
templates中的test.html文件，可以使用.索引下标取出相对应的元素
下面来看案例：
- 修改视图文件
index_test.py，相当于是把字典的值换成列表：# -*- coding: utf-8 -*- from django.shortcuts import render def Hello(request): test_view = ["测试1号","测试2号","测试3号"] return render(request,'test.html',{"test":test_view})
- 修改
test.html文件：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> <p>{{ test }}</p> <p>{{ test.0 }}</p> #配合 . 可以根据列表下标调用元素 <p>{{ test.2 }}</p> </body> </html>
- 查看页面：
templates中的test.html文件，可以使用.键取出相对应的元素
下面来看案例：
- 修改视图文件
index_test.py：# -*- coding: utf-8 -*- from django.shortcuts import render def Hello(request): test_view = {"name":"测试","age":22} return render(request,'test.html',{"test":test_view})
- 修改
test.html文件：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> <p>{{ test }}</p> <h1>{{ test.name }}</h1> <h2>{{ test.age }}</h2> </body> </html>
- 查看页面：
{{ 变量名 | 过滤器:可选参数 }}
{{ name | lower }} #文档大写文本会转换成小写
套接，也就是说一个过滤器的输出可以作为下一个过滤器的输入，与linux的管道符是一样的{{ my_list | first | upper }} #取出第一个值并转换成大写
:之后并且总是以双引号""包含{{ bio | truncatewords:"30" }} #显示bio变量的前30个词
其他过滤器
addslashes：添加反斜杠到任何反斜杠、单引号或者双引号前面date：按照指定的格式字符串参数格式化date或者datetime对象{{ pub_date | date:"F J, Y"}}
length：返回变量的长度
default为变量提供一个默认值，如果视图传输的变量的布尔值是False，那么就会使用指定的默认值，以下的值的布尔值都是False：
0
0.0
False
0j
""
[]
()
set()
{}
None
下面来看案例：
- 修改
index_test.py视图文件：# -*- coding: utf-8 -*- from django.shortcuts import render def Hello(request): test_view = {"name":"zhangsan","time":0} return render(request,'test.html',{"test":test_view})
- 修改
test.html文件：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> <p>{{ test }}</p> <h1>{{ test.time | default:"测试!!" }}</h1> #变量的布尔值为False则变量值为 测试！！ </body> </html>
- 访问页面
length可以返回对象的长度，一般适用于字符串和列表，字典返回的是键值对的数量，集合返回的是去重后的长度
下面来看案例：
- 修改index_test.py视图文件
#-*- coding: utf-8 -*- from django.shortcuts import render def hello(request): test_view = "测试" return render(request,"test.html",{"test":test_view})
- 修改test.html文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> <p>{{ test | length }}</p> </body> </html>
- 访问页面
filesizeformat会以更人性化的方式显示文件的大小，其实就是加上单位，如KB、MB等
字典返回的是键值对的数量，集合返回的是去重后的长度，下面来看案例：
- 修改index_test.py视图文件
#-*- coding: utf-8 -*- from django.shortcuts import render def hello(request): test_view = 10240 return render(request,"test.html",{"test":test_view})
- 修改test.py文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> <p>{{ test | filesizeformat }}</p> </body> </html>
- 访问页面
date会根据指定格式对一个日期变量进行格式化，格式Y-m-d H:i:s返回年-月-日 时:分:秒的格式时间
下面来看案例：
- 修改index_test.py视图文件
#-*- coding: utf-8 -*- from django.shortcuts import render import datetime def hello(request): test_view = datetime.datetime.now() return render(request,"test.html",{"test":test_view})
- 修改test.py文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> <p>{{ test | date:"Y-m-d H:i" }}</p> </body> </html>
- 访问页面
truncatechars可以截断字符串，如果字符串包含的字符总数多于指定的字符数量，那么多出的部分会被截断，只剩余指定数量的字符
下面来看案例：
- 修改index_test.py视图文件
#-*- coding: utf-8 -*- from django.shortcuts import render def hello(request): test_view = "测试！！案例？？" return render(request,"test.html",{"test":test_view})
- 修改test.py文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> <p>{{ test | truncatechars:4 }}</p> </body> </html>
- 访问页面
Django 会自动对视图文件传到HTML文件中的标签语法进行转义，令其语义失效。而加 safe 过滤器是告诉 Django 该数据是安全的，不必对其进行转义，可以让该数据语义生效。
safe会将字符串标记为安全，不需要转移，但是需要保证视图文件传过来的数据是绝对安全，才能使用safe
safe和后端视图文件的mark_safe效果相同
下面来看案例
- 修改index_test.py视图文件
#-*- coding: utf-8 -*- from django.shortcuts import render def hello(request): test_view = "<a href='https://www.baidu.com/'>点击跳转</a>" return render(request,"test.html",{"test":test_view})
- 修改test.py文件，先看不加safe的
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> <p>{{ test }}</p> </body> </html>
- 访问
- 现在加上
safe<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> <p>{{ test | safe }}</p> </body> </html>
- 访问页面，可以进行跳转
if/else基本语法格式：{% if condition %}
... display
{% endif %}
或
{% if condition1 %}
... display 1
{% elif condition2 %}
... display 2
{% else %}
... display 3
{% endif %}
可以根据条件判断是否输出，并且if/else支持嵌套
{% if %}标签接收and、or、not等关键字对多个变量进行判断，这点和python基础的流程控制是一样的
下面来看案例：
- 修改index_test.py视图文件
#-*- coding: utf-8 -*- from django.shortcuts import render def hello(request): test_view = 95 return render(request,"test.html",{"test":test_view})
- 修改test.py文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> {%if test > 90 and test <= 100 %} 优秀 {% elif test > 60 and test <= 90 %} 合格 {% else %} 一边玩去～ {% endif %} </body> </html>
- 访问页面
{% for %} 允许我们在一个序列上迭代，与Python中的for循环类似，每一次循环中，模板系统会渲染在{% for %}和{% endfor %}之间的所有内容
下面来看案例：
- 修改index_test.py视图文件
#-*- coding: utf-8 -*- from django.shortcuts import render def hello(request): test_view = ["aaa","bbb","ccc","ddd","eee"] return render(request,"test.html",{"test":test_view})
- 修改test.py文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> {% for i in test %} {{ i }} {% endfor %} </body> </html>
- 访问页面
- 给标签增加一个
reversed可以使列表被反向迭代：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> {% for i in test reversed %} #添加reversed {{ i }} {% endfor %} </body> </html>
- 访问页面
- for循环也可以遍历字典，使用
.items方法，用变量的解包分别获取键和值，下面来修改index_test.py文件#-*- coding: utf-8 -*- from django.shortcuts import render def hello(request): test_view = {"name":"测试","age":22}} return render(request,"test.html",{"test":test_view})
- 修改
test.html文件<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> {% for i,j in test.items %} {{ i }}:{{ j }} {% endfor %} </body> </html>
- 访问页面
- 在
{% for %}标签中，可以通过{{forloop}}变量获取循环序号'forloop.counter'：顺序获取循环序号，从 1 开始计算 'forloop.counter0'：顺序获取循环序号，从 0 开始计算 'forloop.revcounter'：倒序获取循环序号，结尾序号为 1 'forloop.revcounter0'：倒序获取循环序号，结尾序号为 0 'forloop.first（一般配合if标签使用）'：第一条数据返回 True，其他数据返回 False 'forloop.last（一般配合if标签使用）'：最后一条数据返回 True，其他数据返回 False
- 下面修改文件：
- index_test.py #-*- coding: utf-8 -*- from django.shortcuts import render def hello(request): test_view = ["a","b","c","d","e"] return render(request,"test.html",{"test":test_view}) - test.html#依次使用forloop变量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> {% for i in test %} {{ forloop.counter }} {{ forloop.counter0 }} {{ forloop.revcounter }} {{ forloop.revcounter0 }} {{ forloop.first }} {{ forloop.last }} {% endfor %} </body> </html>
{{ forloop.counter }}
{{ forloop.counter0 }}
{{ forloop.revcounter }}
{{ forloop.revcounter0 }}
{{ forloop.first }}
{{ forloop.last }}
{% empty %}可选从句，在循环为空时执行，也就是in后面的参数布尔值为False时，下面修改文件- index_test.py #-*- coding: utf-8 -*- from django.shortcuts import render def hello(request): test_view = [] #设置列表为空 return render(request,"test.html",{"test":test_view}) - test.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> {% for i in test %} {{ forloop.counter0 }} {% empty %} 空 {% endfor %} </body> </html>
- 访问页面
{% ifequal %}标签可以比较两个值，当比较结果相等时，会显示在{% ifequal %}和{% endifequal %}之中所有的值，下面来看案例：#对比两个模板变量
{% ifequal {{ user }} {{ currentuser }} %}
<h1>Welcome!</h1>
{% endifequal %}
{% ifequal section 'sitenews' %}
<h1>Site News</h1>
{% else %}
<h1>No News Here</h1>
{% endifequal %}
{# #}，例如<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试</title>
</head>
<body>
{# <h1>aaa</h1> #}
<h1>test</h1>
</body>
</html>
{% include %}标签允许在模板中包含其他模板的内容，例如：- test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试</title>
</head>
<body>
<h1>test</h1>
{% include "test_2.html" %} #调用test_2.html的内容
</body>
</html>
- test_2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试_2</title>
</head>
<body>
<h1>test_2</h1>
</body>
</html>
如果不用
{% csrf_token %}标签，在用 form 表单时，要再次跳转页面会报 403 权限错误。用了
{% csrf_token %}标签，在 form 表单提交数据时，才会成功。
首先，向服务器发送请求，获取登录页面，此时中间件 csrf 会自动生成一个隐藏input标签，该标签里的 value 属性的值是一个随机的字符串，用户获取到登录页面的同时也获取到了这个隐藏的input标签。
然后，等用户需要用到form表单提交数据的时候，会携带这个 input 标签一起提交给中间件 csrf，原因是 form 表单提交数据时，会包括所有的 input 标签，中间件 csrf 接收到数据时，会判断，这个随机字符串是不是第一次它发给用户的那个，如果是，则数据提交成功，如果不是，则返回403权限错误。
（1）在helloworld的项目目录下创建目录templatetags，与templates目录同级，需要注意，目录名称必须是templatetags
（2）在templatetags目录下创建任意的.py文件，这里创建my_tags.py
（3）编写文件，写入：
#-*- coding: utf-8 -*-
from django import template
register = template.Library() #变量名称register是固定的，不能修改
（4）修改settings.py文件的TEMPLATES选项配置，添加libraries配置：
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR,'templates')],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
"libraries":{ #添加
'my_tags':'templatetags.my_tags' #添加
} #添加
},
},
]
（5）利用装饰器@register.filter自定义过滤器，利用装饰器@register.simple_tag自定义标签
注意：装饰器的参数最多只能有2个
#-*- coding: utf-8 -*-
from django import template
register = template.Library()
@register.filter #自定义过滤器
def my_filter(v1,v2):
return v1 * v2
@register.simple_tag #自定义标签
def my_tag1(v1,v2,v3):
return v1 * v2 * v3
（7）修改模板文件test.html，在body的最上方导入该.py文件，并且在文件中使用我们自定义的过滤器和标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试</title>
{% load my_tags %} #导入刚才编写的my_tags文件
</head>
<body>
{{ 11 | my_filter:22}} #使用自定义的过滤器和标签
{% my_tag1 11 22 33 %}
</body>
</html>
此时访问页面，发现我们自定义的过滤器和标签已经生效了
（8）创建语义化标签（语义化的标签，旨在让标签有自己的含义）
- 在创建的
my_tags.py文件中导入mark_safe并且进行修改#-*- coding: utf-8 -*- from django import template from django.utils.safestring import mark_safe register = template.Library() @register.simple_tag def my_html(v1,v2): temp_html = "<input type='test' id='%s' class='%s' />" %(v1,v2) return mark_safe(temp_html)
- 然后修改
test.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> {% load my_tags %} </head> <body> {% my_html "aaa" "bbb" %} </body> </html>
- 访问页面
这节需要下载图片、bootstrap框架、css页面等，可以去看原文
大致步骤：
- 在项目根目录下创建
static目录
- 在
settings.py文件最后添加配置：STATIC_URL = '/static/' #别名 STATICFILES_DIRS = [ os.path.join(BASE_DIR, "statics"), #指定目录 ]
在
static目录下创建css、js、images、plugins目录，分别存放css文件、js文件、图片、插件把
bootstrap框架放入插件目录plugins在HTML文件的head标签中引擎框架
bootstrap编写模板，模板中加入
{% load static %}代码
{% block %}，这是父模板中的预留区域，该区域留给子模版填充差异性的内容，不同预留区域名称不能相同，例如：{% block 名称 %}
预留给子模板的区域，可以设置设置默认内容
{% endblock 名称 %}
extends去继承父模板，例如：{% extends %}
#编写父模板test_2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>父页面</title>
</head>
<body>
<h1>Hello World!</h1>
<p>案例</p>
{% block test %} #名称为test
<p>测试测试！！！</p> #中间的内容就是子模板可以替换的部分
{% endblock %}
</body>
</html>
#编写子模版test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>子页面</title>
</head>
<body>
{%extends "test_2.html" %}
{% block test %} #这里的名称要和父模板名称对应
<p>继承test_2.html文件</p>
{% endblock %}
</body>
</html>
{% block %}的内容：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>子页面</title>
</head>
<body>
{%extends "test_2.html" %}
</body>
</html>
test_2.html的页面