Django 模板层
模板简介
模板就是一个文本,用于分离文档的表现形式和内容
django里的模板可以理解为:HTML代码+模板语法
一、模板语法之变量
模板语法的注释
不会展示到前端页面:{#模板语法注释#}
原生html的注释
会展示到前端:<!--我是原生的html注释-->
1,语法
用双大括号 {{ var_name }}
2,深度查询:
通过句点符号 .
3,示例
view视图代码
def reg (request):name = "hello template"i = 200l = [111, [333, 444, 555], 333]d = {"name": "yuan", "age": 23}class Person(object):def __init__(self, name, age):self.name = nameself.age = agedef dream(self):return "I am dreaming"person_bjd = Person("bjd", 20)return render(request,'xxxxx.html',locals())
html文件代码
<p>{{ name }}</p> <p>{{ i }}</p> <p>{{ l.1 }}</p> #支持.索引取值 <p>{{ d.name }}</p><p>{{ person_bjd }}</p> <p>{{ person_bjd.name }}</p> <p>{{ person_bjd.age }}</p> <p>{{ person_bjd.dream }}</p>
注意:.语法调用方法名时,会自动加()执行,但是不能传参,所以.语法只能调用不需要传参的方法
<p>{{ person_bjd }}</p>显示的时对象的内存地址,我们可以用__str__修改
二、模板之过滤器
1、过滤器语法:
{{ 变量名|过滤器: 参数}}
2.常用过滤器
default 设置默认
如果一个变量是false或者为空,使用给定的默认值。例如:
{{ value|default:"查询为空" }}
lenght 长度
返回值的长度。它对字符串和列表都起作用。例如:
{{ value|length }}
本质是把value作为一个参数传给length过滤器
filesizeformat 文件大小
将值格式化为一个 “人类可读的” 文件尺寸 (例如 '13 KB', '4.1 MB', '102 bytes', 等等)。例如:
{{ value|filesizeformat }},比如可以先用os.getsize()获取文件的大小,获得一个数字,再对这个数字用filesizeformat就可以获得这个文件的大小,单位为Kb,Mb等
date 格式化时间
{{ t|date:"Y-m-d" }}
slice 切片
可以将我们需要的部分切出来
{{value|slice:"2:-1"}}
truncatechars
截取固定的长度的字符串 三个点...也算,并且算3个
{{ value|truncatechars:20 }} <!--按字符截断-->
truncatewords
按照空格截取文本内容
{{ value|truncatewords:5 }} <!--按空格截断-->
add
就是相加,可以两个数字相加,也可以两个字符0串相加(拼接)
{{ 'hahah'|add:'heheheh' }}
safe 安全机制
Django的模板中会对HTML标签和JS等语法标签进行自动转义,原因显而易见,这样是为了安全。
但是有的时候我们可能不希望这些HTML元素被转义,我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义
1,前端取消转意
value="<a href="">点击</a>"
{{ value|safe}}
2,后端取消转意
from django.utils.safestring import mark_safe
xxx = mark_safe('<h1>我是h1标签</h1>')
三、模板之标签
1,语法
{% tag %},逻辑相关
2,for 标签 遍历
{% for person in person_list %}<p>{{ person.name }}</p> {% endfor %} <!--必须有的结束符-->{% for k,v in d.items %}<p>{{ k }},{{ v }}</p> {% endfor %}{% for person in personList reversed %}<p>{{ forloop.counter }}---{{ person.name }},{{ person.age }}</p> {% endfor %}
可以利用{% for obj in list reversed %}反向完成循环。
循环序号可以通过{{forloop}}显示
- forloop.counter 当前循环的索引值(从1开始)
- forloop.counter0 当前循环的索引值(从0开始)
- forloop.revcounter 当前循环的倒序索引值(从1开始)
- forloop.revcounter0 当前循环的倒序索引值(从0开始)
- forloop.first 当前循环是不是第一次循环(布尔值)
- forloop.last 当前循环是不是最后一次循环(布尔值)
- forloop.parentloop 本层循环的外层循环
empty
当for循环对象为空的时候会自动走empty代码块儿的内容
后端:l = None前端:{% for foo in l %}{% if forloop.first %}<p>这是我的第一次</p>{% elif forloop.last %}<p>这是最后一次了啊</p>{% else %}<p>嗨起来!!!</p>{% endif %}{% empty %}<p>你给我的容器类型是个空啊,没法for循环</p>{% endfor %
3.if判断
{% if flag %}<p>flag不为空</p>{% else %}<p>flag是空</p>{% endif %}
4,for if嵌套使用
{% for foo in l %}{% if forloop.first %}<p>这是我的第一次</p>{% elif forloop.last %}<p>这是最后一次了啊</p>{% else %}<p>嗨起来!!!</p>{% endif %} {% endfor %}
四、自定义标签和过滤器
必须做的三件事
1.在应用名下新建一个名为templatetags文件夹(必须叫这个名字)
2.在该新建的文件夹内新建一个任意名称的py文件
3.在该py文件中需要固定写下面两句代码
from django import template
register = template.Library()
name=???是起别名,起了的话之后调用就只能用别名,不起的话就直接用函数名index1,index2
自定义过滤器和自定义标签的区别
1,调用方式不同,过滤器{{}},标签{%%}
2,自定义过滤器最多只能两个参数,前面一个,后面一个,自定义标签没有限制,直接放在跟后面用空格隔开。
自定义inclusion_tag
# 自定义inclusion_tag
@register.inclusion_tag('login.html',name='login')
def login(n):
# l = []
# for i in range(n):
# l.append('第%s项'%i)
l = [ '第%s项'%i for i in range(n)]
return {'l':l}
# login.html
<ul>
{% for foo in l %}
<li>{{ foo }}</li>
{% endfor %}
</ul>
# 调用
{% login 5 %}
注意 :要想使用自定义的过滤器 标签 inclusion_tag 必须先在需要使用的html页面加载你的py文件
{% load my_tag %}
五、模板的继承
模板的继承与导入
首先需要在被继承的模板中划分多个区域
{% block 给区域起的名字 %}
{% endblock %}
通常情况下一个模板中应该至少有三块
{% block css %}
页面css代码块
{% endblock %}
{% block js %}
页面js代码块
{% endblock %}
{% block content %}
页面主体内容
{% endblock %}
子板继承模板
先继承模板所有的内容
{% extends 'home.html' %}
然后根据block块的名字修改指定区域的内容
{% block content %}
<h1>登录页面</h1>
<form action="">
<p>username:<input type="text" class="form-control"></p>
<p>password:<input type="text" class="form-control"></p>
<input type="submit" class="btn btn-success">
</form>
{% endblock %}
模板的导入
将一段html当做模块的方式导入到另一个html展示
{% include '想导入的html文件名' %}
静态文件配置
{% load static %}
<link rel='stylesheet' href="{% static 'css/mycss.css'%}"> # 第一种方式
<link rel='stylesheet' href="{% get_static_prefix %}css/mycss.css"> # 第二种方式
转载于:https://www.cnblogs.com/tuanzibuku/p/11005804.html
Django 模板层相关推荐
- django模板层 (标签,过滤器,自定义inclusion_tag,模板的继承与导入)
后端朝前端页面传递数据的方式:return HttpResponse(''字符串类型) 具体参照上一篇博客的视图层此处主要介绍通过 render方式传值:第一种: return render(requ ...
- Django模板层:内置模板标签if,for in(forloop.counter)with,url,spaceless,autoescape,verbatim,firstof,block,cycle
[注意]判断运算符==, !=等符号两边必须有空格,否则报错 from django.shortcuts import renderdef my_index(request):persons = [& ...
- Django模板层:DTL模板渲染-变量
一.模板渲染 render(request, template_name, context=None, content_type=None, status=None, using=None) 返回一个 ...
- Django模板层:模板继承 extends标签和block标签,csrf_token标签
{% extends "base.html" %} {% block title %}index页{% endblock %} {% block content %}<p&g ...
- django,cbv,模板层
今日内容: 1,三板斧 2,FBV与CBV 3,Django中settings源码 4,模板层 模板语法 过滤器 标签 自定义标签, 自定义过滤器 , 自定义inclu ...
- Django模板自定义标签和过滤器,模板继承(extend),Django的模型层
上回精彩回顾 视图函数:request对象request.path 请求路径request.GET GET请求数据 QueryDict {}request.POST POST请求数据 QueryDic ...
- Django之模板层
视图层后续: FBV与CBV FBV:是基于函数的视图 我们前面写视图都是用函数写的,也就是FBV CBV:是基于类的视图 urls.py中: url(r'^login/',views.MyLogin ...
- Django(10)-模板层的变量和标签
Django(1)-简介 Django(2)-创建项目及默认项目目录结构介绍 Django(3)-配置文件详解 Django(4)-URL和视图 Django(5)-路由配置实例 Django(6)- ...
- Django之路由层、视图层、模板层介绍
一.Django请求生命周期 1.路由层urls.py Django 1.11版本 URLConf官方文档 1.1 urls.py配置基本格式 from django.conf.urls import ...
最新文章
- c++OpenCV操作mp4
- 20164317《网络对抗技术》Exp9 Web安全基础
- leetcode 400. Nth Digit | 400. 第 N 位数字(二分法找左侧不大于n的第一个数)
- linux怎么才能算telnet成功_怎么表白才算成功呢
- 网易邮箱大师如何屏蔽邮件 屏蔽垃圾邮件的方法步骤
- Hadoop之深入HDFS原理<一>
- Python开发【第十八篇】Web框架之Django【基础篇】
- Matlab滤波函数
- svn中文路径 权限设定
- Python第五周作业之选择题
- 【C语言】有一篇文章,共有3行文字,每行不超过80个字符。要求统计出其中英文大写字母,小写字母,数字,空格以及其它字符的个数。请使用数组实现。
- JAVA后端面试经-三拳打死老师傅的那些套路问题,开卷你也不会
- AVL树-自平衡二叉查找树(Java实现)
- docker学习5-docker安装tomcat环境和部署war包
- ANSYS Workbench18.0有限元仿真分析视频教程
- 好的设计要多分享,5款优秀在线原型设计案例
- 计算机桌面模糊了,电脑桌面模糊的解决方法
- 论文学习——降雨空间分布模式识别
- Windows NT WinLogon Notify(转载+修改版)
- 真心说说:面部线雕怎么样,做了蛋白线提升后越来越老?不告诉你的哪些事
热门文章
- Firewald 防火墙使用手册
- ubuntu上 grafana + influxdb + telegraf 安装配置
- Excel中的图表制作(一) -各种商品销售量显示
- 使用bat将数据连续写入文件中
- 如何做出好的文档 (要学习前人的经验,不要闭门造车)
- 全角半角转换(利用word2003 2007 自带功能)
- 网络相关 doc 命令 netstat
- 【SQL】BETWEEN
- 通过pyenv在Mac OS X 10.12.3下安装Python-3.6.0及“*** [install] Error 1”错误的解决方法
- socket编程 TCP 粘包和半包 的问题及解决办法