Django的模板语言介绍
模板语言:
1、我们先看下在命令行中渲染模板
先导入模块对象
2、渲染一个变量
<p>当前时间:{{ time }}</p>
return render(request,"current_time.html",{"time":date_time,})
3、万能的句点号.
通过句点号获取列表的某个值,在模板语言中再也不适用中括号了
def index(request):
print(request.method)
temp = ["a","b","c"]
# return HttpResponse("haha")
return render(request,"index.html",{"list":temp})
在html文档中通过两个大括号加句点号获取变量的值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>这是一个index的主页</h1>
<h2>{{ list.2 }}</h2>
</body>
</html>
在页面得到的效果
同样我们可以使用句点号去拿到字典的values的值
<h3>{{ temp.name }}</h3>
通过页面就可以获取到指定字典的值
句点号也可以获取某个对象的属性
def index(request):
class person(object):
def __init__(self,name,age):
self.name = name
self.age = age
def sb(self):
print("我的名字是{name},我的年龄是{age}".format(name = self.name,age = self.age)) print(request.method)
temp = ["a","b","c"]
# temp_dict = {"name":"alex","age":"23","email":"123456789@qq.com"}
# return HttpResponse("haha") p1 = person("alex","40")
return render(request,"index.html",{"obj":p1})
通过我们也可以通过句点号获取属性的值
<h1>{{ obj.name }}</h1>
<h2>{{ obj.age }}</h2>
<h3>{{ obj }}</h3>
通过页面访问
下面在看下循环控制语句如何实现
先看下if-else语句如何实现
{% if False %}
<p>hello 1</p>
{% elif 1 %}
<p>hello 2</p>
{% endif %}
</body>
在来看下for循环语句,这里的i和python中一样,是值,而不是索引
{% for i in obj %}
<p>{{ i }}</p>
{% endfor %}
temp_dict = {"name":"alex","age":"23","email":"123456789@qq.com"}
# return HttpResponse("haha") # p1 = person("alex","40")
# return render(request,"index.html",{"obj":p1}) return render(request, "index.html", {"obj": temp_dict})
因为i是值,那么我们如何拿到索引呢?用forloop.counter 来拿到,索引从1开始
{% for i in obj %}
<p>{{ forloop.counter }}---->{{ i }}</p>
{% endfor %}
forloop.counter是从1开始,如果是forloop.counter0则是从0开始
{% for i in obj %}
<p>{{ forloop.counter0 }}---->{{ i }}</p>
{% endfor %}
这里还可以倒序取数据
先看前端的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<dl>
{% for i in obj %}
<li>{{ forloop.counter }}------>{{ i }}</li>
{% endfor %}
</dl> <ul>
{% for i in obj %}
<li>{{ forloop.counter0 }}------>{{ i }}</li>
{% endfor %}
</ul> <ul>
{% for i in obj %}
<li>{{ forloop.revcounter }}------>{{ i }}</li>
{% endfor %}
</ul>
</body>
</html>
后端代码
def test(request):
class person(object):
def __init__(self,name):
self.name = name def __str__(self):
return self.name obj = ["aaa","bbb","ccc"] return render(request,"template_test.html",locals())
最终前端的的效果
然后我们在来学习一下过滤器filter,主要用管道符
过滤器的作用就是:可以对字符串做处理,必须大写,小写,首字母大写之类的过滤和控制
upper:全大写
把当前字符串大写,我的后端传的小写的hello,通过filter把前端小写字母全部修改为大写字母
<h1>{{ obj|upper }}</h1>
lower:全小写
<h1>{{ obj|lower }}</h1>
capfirst:首字母小写
<h1>{{ obj|capfirst }}</h1>
add:做加法,比如下面的例子对对象加1
{{ obj|add:1 }}
cut:去掉指定的字符
{{ obj|cut:"1" }}
default:如果后端传递的变量是空,那么会用default后面的值代替
temp = ""
return render(request, "index.html", {"obj": temp})
{{ obj|default:"sb" }}
autoescape off:如果后端传递一个字符串是html标签格式的字符串,默认情况下页面不会做标签渲染,而仅仅会当做一个普通字符串进行渲染,但是如果我们要他渲染标签的话,就可以使用autoescape off来做
{% autoescape off%}
{{ obj }}
{% endautoescape %} }
页面的效果
{{ obj|save}}的效果和上面的效果一样,就是告诉浏览器,我这段字符串是安全的,你可以帮我渲染
save这个最重要
{{obj|filesizeformat}}
这段大小
{{obj|first}}
第一个字符
{{obj|length}}
长度
{{obj|slice:"a:b"}}
切片
{{ obj|truncatechars:"6" }} {#按照字符截字符串,截6个字符#} {{ obj|truncatewords:"6" }} {#按照单词截字符串,截6个单词#}
csrf_token:解决form表单跨站请求不安全的问题,加了这个,就不需要在settings注释跨站请求那一行
<form>
<input type="text">
<input type="text">
<input type="submit">
{% csrf_token %}
</form>
verbatim:如果我们就是显示一个{{ name }},就需要用到下面的格式来
{% verbatim %}
{{ name }}
{% endverbatim %}
自定义过滤器
1、先在指定的app的目录下创建一个”templatetags“的目录
2、在这个目录下创建一个py文件,此时在setting中必须要这个有app的记录
3、在py文件中的引入2个模块
4、在html文件引入这个文件
{% load mytag %}
5、然后在html文件使用我们定义的函数
{% add100 1 %}
6、页面的结果如下
上面的自定义过滤器先忽略吧,下面重新做一下总结
1、自定义标签
a、首先确认在setting的install_apps中有我们的app
b、然后在对应的app的目录下创建templatetags目录,名称必须是这个,不能更改
c、然后在目录下创建py文件,名称可以自定义,这个py文件要引入下面2个模块和定义register变量
from django import template from django.utils.safestring import mark_safe register =template.Library()
# register是固定变量,不可改变
d、首先自定义一个标签
首先一个参数的标签
@register.simple_tag
def add100(arg):
arg = int(arg)
return arg + 100
在定义一个多个参数的标签
@register.simple_tag
def add1000(arg1,arg2,arg3):
arg1 = int(arg1)
arg2 = int(arg2)
arg3 = int(arg3)
return arg1 + 100 + arg2 + arg3
前端用下面的调用
a、首先要先引入我们定义的py文件
b、定义一个自定义标签
b_1、一个参数的自定义标签
{% add100 100 %}
b_2、多个参数的自定义标签
{% add1000 100 200 300 %}
下面我们在来看自定义过滤器,过滤器最多只能接受2个参数
也是在上面创建的py文件定义过滤器
引入mytag文件
{% load my_tag %}
前端调用我们的自定义过滤器
{{ num|add200 }}
{# num就是add100这个函数的参数#} {{ num|add_new:1000 }}
{# num是add_new的第一个参数,1000是add_new的第二个参数#}
我们看下mytag中如何定义这2个自定义过滤器
@register.filter
def add200(arg):
arg = int(arg)
return arg + 200 @register.filter
def add_new(arg1,arg2):
arg1 = int(arg1)
arg2 = int(arg2)
return arg1 + 200 + arg2
我们看下前端渲染的结果
Django的模板语言介绍的更多相关文章
- Django之模板语言
一.模板语言介绍 模板语言渲染的整个过程其实就是将html转换成函数,并为该函数提供全局变量,然后执行该函数 二.模板语言的语法 模板中也有自己的语言,该语言可以实现数据展示 # 业务请求处理做的页面 ...
- Django的模板语言
Django模板系统 官方文档 常用语法 只需要记两种特殊符号: {{ }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量 {{ 变量名 }} 变量名由字母数字和下划线组成. ...
- django 更新 模板语言
Django模板系统 官方文档 常用语法 只需要记两种特殊符号: {{ }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量 在Django的模板语言中按此语法使用:{{ 变量名 ...
- Django之模板语言(一)
1.Django的模板语言(简而言之,字符串替换) 1.目前为止已经学过的模板语言: 1.{{ name }} ------>变量 2. for 循环: {% for i in book_li ...
- 第四篇Django之模板语言
Django之模板语言 一 模板的执行 模板的创建过程,对于模板,其实就是读取模板(其中嵌套着模板的标签),然后将Model中获取的数据插入到模板中,最后将信息返回给用户 def current_da ...
- django的模板语言中一些之前没有用过的小点
1.模板语言中的for循环的最后一个的表示方式 {% for auther in auther_list %} {% if forloop.last %} {# 这里的意思是for循环的最后一个的意思 ...
- django 中模板语言的各种用法
模板 1.视图中使用模板 模版的创建过程,对于模版,其实就是读取模版(其中嵌套着模版标签),然后将 Model 中获取的数据插入到模版中,最后将信息返回给用户 1.普通方法:HTML被直接硬编码在 P ...
- Django之模板语言(四) ------>Tags
案例1:单层for循环 # Django 模板语言测试代码 def template_test(request): name_list=["张三","李四",& ...
- Django之模板语言(三)------>自定义filter
1.自定义filter: 1.在app01下面新建一个templatetags的python package包. 如果没有app01的话,可以通过命令行在manage中进行创建:python mana ...
随机推荐
- http://www.cnblogs.com/TankXiao/archive/2012/02/06/2337728.html
http://www.cnblogs.com/TankXiao/archive/2012/02/06/2337728.html
- xgboost的遗传算法调参
遗传算法适应度的选择: 机器学习的适应度可以是任何性能指标 —准确度,精确度,召回率,F1分数等等.根据适应度值,我们选择表现最佳的父母(“适者生存”),作为幸存的种群. 交配: 存活下来的群体中的父 ...
- Flex知识
转载:http://www.cnblogs.com/xia520pi/archive/2011/12/11/2283851.html
- oracle 收集的一些图
================================================ ================================================ da ...
- js中, match和exec方法的区别
1. 来源分别为: string.match(reg) 和 RegExp.exec(str): 2. 区别 > 现有 字符串s1 和 正则对象 r1. 目标: 抽出s1中的所有电话号码 ...
- WARN hdfs.DFSClient: Caught exception java.lang.InterruptedException
Hadoop 2.7.4 The reason is this: originally, DataStreamer::closeResponder always prints a warning ab ...
- ORACLE中CONNECT BY...START WITH...的使用
源: https://docs.oracle.com/cd/B19306_01/server.102/b14200/queries003.htm http://www.cnblogs.com/baiy ...
- CUDA C Programming Guide 在线教程学习笔记 Part 4
▶ 图形互操作性,OpenGL 与 Direct3D 相关.(没学过,等待填坑) ▶ 版本号与计算能力 ● 计算能力(Compute Capability)表征了硬件规格,CUDA版本号表征了驱动接口 ...
- Win10交换Ctrl和大写键
打开注册表 [HKEY_LOCAL_MacHINE\SYSTEM\CurrentControlSet\Control\Keyboard Layout] "Scancode Map" ...
- leetcode551
public class Solution { public bool CheckRecord(string s) { ; ; ; var preChar = '\0'; ; i < s.Len ...