将前端页面和Python 的代码分离是一种的开发模式。 为此 Django专门提供了模板系统 (Template System,即模板层)来实现这种模式。
Django 的模板 = HTML代码 + 模板语法
存放于 templates目录下的 html文件称之为模板文件,要返回的 html页面中的数据是动态的,那么必须在 html页面中嵌入变量,这便用到了Django 的模板语法。
语法传值
过滤器类似于python 的内置函数,用来把视图传入的变量值加以修饰后再显示
常用内置过滤器
其他过滤器(了解)
url.py
from django.urls import re_path
from django.shortcuts import render
def index(request):
names = ['xyz', 'tom']
dic = {'nickname':'iyuyixyz', 'email':'iyuyi.xyz@gmail.com'}
li = []
return render(request, 'index.html', locals())
urlpatterns = [
re_path(r'^index/', index)
]
templates\for.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Index</title>
</head>
<body>
<hr>
{% for name in names %}
<p>{{ forloop.counter0 }} {{ name }}</p>
{% endfor %}
<!--
输出结果为:
0 xyz
1 tom
-->
<hr>
{% for name in names reversed %}
<p>{{ forloop.revcounter0 }} {{ name }}</p>
{% endfor %}
<!--
输出结果为:
1 tom
0 xyz
-->
<hr>
{% for k,v in dic.items %}
<p>{{ forloop.counter }} {{ k }} {{ v }}</p>
{% endfor %}
<!--
输出结果为:
1 nickname iyuyixyz
2 email iyuyi.xyz@gmail.com
-->
<hr>
{% for item in li %}
<p>{{ item }}</p>
{% empty %}
<p>sorry, no value here</p>
{% endfor %}
<!--
输出结果为:
sorry, no value here
-->
</body>
</html>
2 常用标签之 if标签
- {% if 条件 %} 条件为真时if 的子句才会生效,条件也可以是一个变量。
- if 会对变量进行求值,在变量值为空、或者视图没有为其传值的情况下均为 False 。
- if语句支持 and 、or、==、>、
{% if num > 100 or num < 0 %}
<p>无效</p>
{% elif num > 80 and num < 100 %}
<p>优秀</p>
{% else %}
<p>凑活吧</p>
{% endif %}
urls.py
from django.urls import register_converter, re_path
from django.shortcuts import render
def index(request):
return render(request, 'index.html')
def login(request):
if request.method == 'GET':
return render(request, 'login.html')
name = request.POST.get('name')
pwd = request.POST.get('pwd')
if name == 'xyz' and pwd == '123':
current_user = name
return render(request, 'index.html', locals())
else:
msg = '账号或密码错误'
return render(request, 'login.html', locals())
urlpatterns = [
re_path(r'^$', views.index),
re_path(r'^index/$', views.index),
re_path(r'^login/', views.login),
]
templates\if.html 文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
</head>
<body>
<h3>首页</h3>
<!--
如果用户已经登录,则current_user变量有值,if判断结果为真,会打印变量current_user的值,为当前登录的用户名
如果用户没有登录,则current_user变量无值,if判断结果为假,会打印a标签要求用户先登录
-->
{% if current_user %}
<p>当前登录用户为: {{ current_user }}</p>
{% else %}
<p><a href="/login/">请先登录</a></p>
{% endif %}
</body>
</html>
templates\login.html 文件
Copy<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录页面</title>
</head>
<body>
<form action method="POST">
<p>用户名: <input type="text" name="name"></p>
<p>密 码: <input type="password" name="pwd"></p>
<p><input type="submit" value="提交"></p>
</form>
<!-- 输错账号密码时的提示信息 -->
<p style="color: red">{{ msg }}</p>
</body>
</html>
3 常用标签之 with标签
- with标签用来为一个复杂的变量名起别名,如果变量的值来自于数据库
- 在起别名后只需要使用别名即可,无需每次都向数据库发送请求来重新获取变量的值
{% with li.1.upper as v %}
{{ v }}
{% endwith %}
4 常用标签之 csrf_token标签
- 当用form表单提交 POST 请求时必须加上标签{% csrf_token%},该标签用于防止跨站伪造请求
<form action method="POST">
{% csrf_token %}
<p>用户名:<input type="text" name="name"></p>
<p>密码:<input type="password" name="pwd"></p>
<p><input type="submit" value="提交"></p>
</form>
具体工作原理为:
1 在GET请求到form表单时,标签{% csrf_token%}会被渲染成一个隐藏的input标签
该标签包含了由服务端生成的一串随机字符串,例如: <input type="hidden" name="csrfmiddlewaretoken" value="dmje28mFo...OvnZ5">
2 在使用form表单提交POST请求时,会提交上述随机字符串,服务端在接收到该POST请求时会对比该随机字符串
对比成功则处理该POST请求,否则拒绝,以此来确定客户端的身份
当内置的过滤器或标签无法满足我们需求时,可以自定义。
开发中,模板文件彼此之间可能会有大量冗余代码,为此Django 提供了专门的语法来解决这个问题,主要围绕三种标签的使用:
- include 标签
- extends 标签
- block 标签
Original: https://www.cnblogs.com/huaxiayuyi/p/16696338.html
Author: 娇小赤雅
Title: Django 之模版层
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/809216/
转载文章受原作者版权保护。转载请注明原作者出处!