django模板层(templates)
1.基础部分
通过使用模板,就可以在URL中直接调用HTML,它还是松耦合的,灵活性强,而且更容易维护
而且可以将变量通过一定的方式嵌入到HTML中,最终渲染到页面,总的来说基于模板完成了数据与用户之间的交互
1.1模板HTML中的变量
用两个大括号括起来的文字(例如 {{ person_name }} )称为 变量 (variable)
url部分
urlpatterns = [
path("third/",views.indexs)
]
views部分
import datetime
def indexs(request):
hel = "hello"
lis_year = [18, 22, 32] # 列表
dic = {"name": "luffy", "age": 18} # 字典
date = datetime.datetime.now() # 日期对象 class Person(object):
def __init__(self, name):
self.name = name person_1 = Person("zoro") # 自定义类对象
person_2 = Person("sanzhi")
person_3 = Person("robin")
person = [person_1, person_2, person_3] return render(request, "index.html",
{"hel":hel,"l": lis_year, "dic": dic, "ship_data": date, "person_list": person})
templates部分(名称index.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h4>{{ hel }},</h4>
<h4>my name is {{ dic.name.upper }}.</h4> {# 句点符引用对象的方法 #}
<h4>I'm {{ l.0 }}'s old.</h4> {# 视图对象索引0的值 #}
<h4>and my born year is {{ ship_data|date:"y-m-d" }}.</h4>
{% for name in person_list %} {# 遍历每一个元素 #}
<h4> my partner is {{ name.name }}</h4> {# 类对象列表 #}
{% endfor %} {# 必须要包含结束标志 #}
</body>
</html>
# 注意这里调用字符串的方法时并* 没有* 使用圆括号 而且也无法给该方法传递参数;你只能调用不需参数的方法
最终效果
1.2模板语法
1.2.1 过滤器模板
default
default # 如果一个变量是false或为空,使用给定默认值,否则使用变量的值
{{value|deafult:"666"}}
length
length # 返回值的长度,如 value 是 ['a', 'b', 'c', 'd'],那么输出是 4
{{ value|length }}
filesizeformat
filesizeformat # 将值格式化为一个可读的文件尺寸,如 value 是 123456789,输出将会是 117.7 MB
{{ value|filesizeformat }}
date
date 如value=datetime.datetime.now()
{{ value|date:"Y-m-d" }}
slice
slice # 切片
{{ value|slice:"2:-1" }}
truncatechars
truncatechars # 截断,如果字符串字符多于指定的字符数量,那么会被截断。截断的字符串将以可翻译的省略号序列(“...”)结尾 参数:要截断的字符数
{{ value|truncatechars:9 }}
<p>截断字符:{{ content|truncatechars:20 }}</p>
<p>截断单词:{{ content|truncatewords:4 }}</p>
safe
safe # django会对模板中的语法自动转移,但是出于安全考虑,对于一些具有带链接跳转的功能标签则不会进行转义(如a标签)
{{value|safe}}
这里给演示一下safe的用法
url部分
from app01 import views
urlpatterns = [
path('admin/', admin.site.urls),
path('views/',views.views)
views部分
这里一开始我以为value这块是写在模板中,但是不是的,他属于视图部分,只是在模板这里添加了{{ value|safe}}这一步
def views(request):
lis = ['das','two','three','four']
value = "<a href='http://www.baidu.com'>click</a>" # 这里使用locals直接将上面的参数封装成了字典形式
return render(request,'test.html',locals())
# return render(request,'test.html',{"lis":lis,"value":value})
templates部分(test.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h3>字典:{{ lis|slice:'1:-1' }}</h3>
{{ value|safe }}
</body>
</html>
标签模板
for标签
遍历每一个元素
{% for person in person_list %}
<p>{{ person.name }}</p>
{% endfor %}
# 可以利用{% for obj in list reversed %}反向完成循环
遍历一个字典
{% for key,val in dic.items %}
<p>{{ key }}:{{ val }}</p>
{% endfor %}
# 这里循环序号可以通过{{forloop}}显示
forloop.counter The current iteration of the loop (1-indexed)
forloop.counter0 The current iteration of the loop (0-indexed)
forloop.revcounter The number of iterations from the end of the loop (1-indexed)
forloop.revcounter0 The number of iterations from the end of the loop (0-indexed)
forloop.first True if this is the first time through the loop
forloop.last True if this is the last time through the loop
forloop.last 是一个布尔值;在最后一次执行循环时被置为True。 一个常见的用法是在一系列的链接之间放置管道符(|)
另一个用途是为列表的每个单词加上逗号,把|换为逗号即可
{% for link in links%}
{{link}}
{% if not forloop.last%}|{% endif %}
{% endfor %} 效果:
Link1 | Link2 | Link3 | Link4
for...empty
# 在给出的组是空的或者没有被找到时,可以有所操作。
{% for person in person_list %}
<p>{{ person.name }}</p> {% empty %}
<p>sorry,no person here</p>
{% endfor %}
if标签
# 对一个变量进行求值,如果它的值是“True”(存在、不为空、且不是boolean类型的false值),对应的内容块会输出
{% if num > 100 or num < 0 %}
<p>无效</p>
{% elif num > 80 and num < 100 %}
<p>优秀</p>
{% else %}
<p>凑合</p>
{% endif %}
with
# 用一个简单地名字缓存一个复杂的变量,当你需要使用一个“昂贵的”方法(比如访问数据库)很多次的时候是非常有用
{% with total=business.employees.count %}
{{ total }} employee{{ total|pluralize }}
{% endwith %}
csrf_token
csrf_token # 该标签用于跨站请求伪造保护
相关例子示例:
views部分
def temps(request):
lis = [10,20,30,50]
dic = {"name":"luffy","age":18}
lis = ['one','two','three','four']
num = 80
login_user = 66
return render(request,'test.html',locals())
templates部分(test.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
{% for num in lis %}
<h3> {{ num|add:100 }}</h3> {# 这里可以加减,带负号即可,没有乘除 #}
{% endfor %} {% for k,v in dic.items %} {# 注意这里是dic.items #}
<h3>{{ k }}:{{ v }}</h3>
{% endfor %} {% for temp in lis %}
<h3>{{ forloop.counter }}{{ temp }}</h3> {# 从1开始排 #}
{% endfor %} {% if num >= 80 and num < 100 %} {# 注意空格,不然会飘红 #}
<h3>优秀</h3>
{% elif num >= 60 and num < 80 %}
<h3>良好</h3>
{% elif num < 60 %}
<h3>不及格</h3>
{% else %}
<h2>出错啦</h2>
{% endif %} <hr>
{% if login_user %}
<p>{{ login_user.name }}</p>
<a href="">注销</a>
<a href="">修改密码</a>
{% else %}
<a href="">登陆</a>
<a href="">注册</a>
{% endif %}
<hr> <form action="" method="post">
{% csrf_token %} {# 用于伪造保护,否则django会拒收报forbidden #}
<input type="submit">
</form>
</body>
</html>
效果
2. 自定义标签和过滤器
自定义标签和过滤器两者样式相同,这里一起演示
基本配置要求:
1.在settings中的INSTALLED_APPS配置当前app,不然django无法找到自定义的simple_tag.不过这里一般情况django都为我们配置好了
2.在app中创建templatetags模块(模块名只能是templatetags)
3.在该模块下创建任意名称的py文件(我用的是tags.py),它用于加载标签。注意里面还应该有一个__init__.py文件(用于告诉Python这是包含了一个Python代码的包)
tags.py文件
from django import template
from django.utils.safestring import mark_safe # 注意导入路径 # 实例化一个对象,它属于模块级变量
register = template.Library() # 给模板增加一个乘法装饰器
@register.filter
def temp_multi(x1,x2):
return x1*x2 # 多个参数相乘
@register.simple_tag
def simple_temp_multi(x1,x2,x3):
return x1*x2*x3 # 自定义标签
@register.filter
def my_input(href):
result = "<a href= %s >click</a>" % href
return mark_safe(result)
views部分
from django.shortcuts import render # Create your views here. def views(request):
num = 5
return render(request,'tests.html',locals())
templates部分(tests.html)
这里面很重要的就是 {% load tags %} 这步,这一步就把tags.py模块加载进来的。{% load %} 标签检查 INSTALLED_APPS 中的设置,仅允许加载已安装的Django应用程序中的模板库。 这是一个安全特性;它可以让你在一台电脑上部署很多的模板库的代码,而又不用把它们暴露给每一个Django安装。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>自定义过滤器</p>
{# 这里load的是templatetags下创建的文件名称,和导入模块类似 #}
{% load tags %}
{# 后面只能放一个参数,num相当x1,属于变量,2代表x2,属于默认参数 #}
{{ num|temp_multi:2}}
<br>
{# 如果多个参数相乘,可以使用register.simple_tag装饰器,注意实参间的间距 #}
{# 这个需要注意的是不能放在if for语句中使用 #}
{% simple_temp_multi 10 8 9 %}
<br>
{# 自定义标签 #}
<p>{{ "https://www.cnblogs.com/LearningOnline/p/9221956.html"|my_input }}</p> </body>
</html>
3.模板继承(extend)
django中模板继承的主要意义在于降低代码的冗余度,这在后期项目中可是非常有意义的,可以大大缩减工作量
这种方式使代码得到最大程度的复用,并且使得添加内容到共享的内容区域更加简单,例如,部分范围内的导航
具体用法,先在templates创建一个主模板,一般命名base.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>书库</title>
</head> <body>
<div><a href="http://127.0.0.1:8008/index/">首页</a></div>
<div><a href="http://127.0.0.1:8008/authors/">作者</a></div>
<div><a href="http://127.0.0.1:8008/articles/">文章管理</a></div> <div id="content">
{% block content %}
<h4>详细内容</h4>
{% endblock %}
</div>
</body>
</html>
该base.html模板定义了一个可以用于两列排版页面的简单HTML骨架,“子模版”的工作是用它们的内容填充空的blocks。
block
标签定义了可以被子模版内容填充的block。 block
告诉模版引擎: 子模版可能会覆盖掉模版中的这些位置。
这里我写了三个模板,这三个模板都与主模板存在同一位置:
index.html
{% extends "base.html" %} {% block content %}
<ul>
{% for book in book_list %}
<li>
<h3>{{ book }}</h3>
</li>
{% endfor %}
</ul> {% endblock content %}
authors.html
{% extends "base.html" %} {% block content %}
{{ block.super }}
{% for author in author_list %}
<h2>{{ author }}</h2>
{% endfor %}
{% endblock content %}
articles.html
{% extends "base.html" %} {% block content %}
{{ block.super }}
<h3>增</h3>
<h3>删</h3>
<h3>改</h3>
<h3>查</h3>
{% endblock content %}
#注意: extends
标签是这里的关键。它告诉模版引擎,这个模版“继承”了另一个模版。当模版系统处理这个模版时,首先,它将定位父模版。此外,父模板必须放在最顶端
我这里的views.py文件配置如下
from django.shortcuts import render def index(request):
book_list = ['巨人的陨落','你一生的故事','灵魂只能独行']
return render(request, 'index.html', locals()) def articles(request):
return render(request,'articles.html') def authors(request):
author_list = ['肯福莱特','特德姜','周国平']
return render(request,'authors.html',locals())
urls.py文件配置如下
from app01 import views
urlpatterns = [
path('admin/', admin.site.urls),
path('index/',views.index),
path('authors/', views.authors),
path('articles/',views.articles),
]
运行效果,/index/路径下
/authors/路径下
注意,包含 {{ block.super }}的html标签下,主模板下的h4有“”详细内容“”的字段有显示,被继承下来了
tips:
- 如果模版中使用
{% extends %}
标签,它必须是模版中的第一个标签。其他的任何情况,模版继承都将无法工作。 - base模版中设置越多的
{% block %}
标签越好。子模版不必定义全部父模版中的blocks,所以,你可以在大多数blocks中填充合理的内容,然后,只定义需要的那一个 - 如果主模板
{% block %}
标签下存在默认内容,此时如果你不想需要,或者需要改动,就可以使用{{ block.super }} - 为了提高可读性,可以给你的
{% endblock %}
标签一个 名字,如
{% block content %}
...
{% endblock content %}
django模板层(templates)的更多相关文章
- Django模板层学习笔记
一. 前言 Django模板层的知识包括标签.过滤器.自定义标签.自定义过滤器以及inclusion_tag,最重要的是模板的继承和导入. 首先模板层最重要的是模板语法,之前我们提过涉及到变量用模板语 ...
- Django模板层之templates
一 模版简介 你可能已经注意到我们在例子视图中返回文本的方式有点特别. 也就是说,HTML被直接硬编码在 Python代码之中. def current_datetime(request): now ...
- Django——模板层(template)(模板语法、自定义模板过滤器及标签、模板继承)
前言:当我们想在页面上给客户端返回一个当前时间,一些初学者可能会很自然的想到用占位符,字符串拼接来达到我们想要的效果,但是这样做会有一个问题,HTML被直接硬编码在 Python代码之中. 1 2 3 ...
- django——模板层
每一个Web框架都需要一种很便利的方法用于动态生成HTML页面. 最常见的做法是使用模板. 模板包含所需HTML页面的静态部分,以及一些特殊的模版语法,用于将动态内容插入静态部分. 说白了,模板层就是 ...
- Django模板层
一:模板简介 二:模板语法值变量 三: 模板之过滤器 四: 模板之标签 五:自定义标签和过滤器 一:模板简介 def current_datetime(request): now=datetime ...
- $Django 模板层(模板导入,继承)、 单表*详(增删改查,基于双下划线的查询)、static之静态文件配置
0在python脚本中使用django环境 import osif __name__ == '__main__': os.environ.setdefault("DJANGO_SETT ...
- $Django 模板层(变量、过滤器 、标签)、自定义(模板过滤器,标签)
1 模版语法之变量:详见源码 -{{ 变量 }}:******重要******{#相当于print了该变量#} {#只写函数名 相当于()执行了#}<p>函数:{{ test }}< ...
- (9)模板层 - templates(模板语言、语法、取值、过滤器、变量的使用)
django的模板语言:DTL 模板语言的变量传入 这个是标签 {{ 变量名 }} {{ 变量名 }} #模板语言的替换可以在模板中的任意位置生效 PS:通过 . 可以做深度查询 模板语言的过滤器 ...
- django模板层之静态文件引入优化
1.新手使用 我们一般在初学django的情况下,引入django的静态文件一般有如下两种方式: 通过路径引用: <script type="text/javascript" ...
随机推荐
- 自动化构建工具maven
Maven是目前最流行的自动化构建工具,对于生产环境下多框架.多模块整合开发有重要作用.Maven 是一款在大型项目开发过程中不可或缺的重要工具. 一.什么是构建? 构建并不是创建,创建一个工程并不等 ...
- Linux的page cache使用情况/命中率查看和操控
转载自宋宝华:https://blog.csdn.net/21cnbao/article/details/80458173 这里总结几个Linux文件缓存(page cache)使用情况.命中率查看的 ...
- 标准I/O库(详解)(Standard I/O Library)
文章转自:https://www.cnblogs.com/kingcat/archive/2012/05/09/2491847.html 自己在学习中,对此原文的基础之上进行补充. 什么是缓冲区 缓冲 ...
- javaScript 删除确认实现方法总结分享
第一种方法:挺好用的,确认以后才能打开下载地址页面.原理也比较清晰.主要用于删除单条信息确认.<SCRIPT LANGUAGE=javascript> function p_del() { ...
- 判断表单中是否含有disabled属性
我想判断input里面是否有disabled.或者选中未选中的selected checked 属性时,需要用 prop() 方法,返回的结果是 true 或 false . attr()这个方 ...
- Start activity with App Chooser or not ?
启动一个Activity,可以直接使用Intent,例如: Intent intent = new Intent(Intent.ACTION_SEND); ... startActivity(inte ...
- JavaScript 对象继承 OOP (三)
对象继承 A 对象通过继承 B 对象,就能直接拥有 B 对象的所有属性和方法.这对于代码的复用是非常有用的. JavaScript 语言的继承不通过 class (es6 中的class 不过是 ...
- Flask文件目录----- __init__ 文件
import os from flask import Flask def create_app(test_config=None): # 创建和设置app app = Flask(name, ins ...
- Jquery插件之ajaxForm简介
我们平常在使用jQuery异步提交表单的时候,一般都是加载在submit事件中,如下所示: $(document).ready(function(){ $('#myForm').submit(func ...
- Swift中as as! as?的区别
as :类型一致或者子类 仅当一个值的类型在运行时(runtime)和as模式右边的指定类型一致 - 或者是该类型的子类 - 的情况下,才会匹配这个值.如果匹配成功,被匹配的值的类型被转换成as模 ...