django框架模板语言使用方法详解


Posted in Python onJuly 18, 2019

本文实例讲述了django框架模板语言使用方法。分享给大家供大家参考,具体如下:

模板功能

作用:生成html界面内容,模版致力于界面如何显示,而不是程序逻辑。模板不仅仅是一个html文件,还包括了页面中的模板语言。

  • 静态内容:css,js,html。
  • 动态内容:通过模板语言,动态生成一些网页内容

模板使用: 在视图函数中,使用模板产生html内容返回给客户端

方式一:

  1. 加载模板文件(loader.get_template)
  2. 模板渲染,产生标准的html页面内容(render)

通过HttpResponse对象,返回html界面内容给浏览器

def index(request):
  """进入首页"""
  context = {}  # 字典
  # 获取模板对象
  template = loader.get_template('index.html')
  # 渲染模板, 得到标准的html内容
  html_str = template.render(context, request)
  # 响应请求,返回html界面
  return HttpResponse(html_str)

方式二:

通过render()函数

def index(request):
  """进入首页"""
  context = {}  # 字典
  return render(request, 'index.html', context)

模板加载流程

Django会依次到以下目录查找模板文件,如果都找不到,则报错:

  1. 项目配置的模板目录
  2. admin应用的templates模板目录
  3. auth应用的templates模板目录

应用本身的templates模板目录

模板语言

DTL.(Django Template Language)简称: 模板语言

模板变量

格式: {{ 变量名 }}

模板变量名: 是由数字,字母,下划线组成,不能以下划线开头。

点(.) 也在会变量部分中出现, 点号(.)用来访问变量的属性。

当模版系统遇到点("."),它将以这样的顺序查询:

  • 字典查询(Dictionary lookup)
  • 属性或方法查询(Attribute or method lookup) (调用方法时不能传参)
  • 数字索引查询(Numeric index lookup)

如果模板变量不存在,则生成html内容时用 '' 空字符串代替。

例如: {{ book.btitle }}

1) 首先把book当成一个字典,把btitle当成键名,进行取值book['btitle']
2) 把book当成一个对象,把btitle当成属性或方法,进行取值

例如:{{ book.0 }}

1) 首先把book当成一个字典,把0当成键名,进行取值book['0']
2) 把book当成一个列表,把0当成下标,进行取值book[0]

模板标签

代码段

{% 代码段 %}

for 循环

遍历列表:

{% for x in 列表 %}
  列表不为空时执行
{% empty %}
  列表为空时执行
{% endfor %}

若加上关键字reversed则倒序遍历:

{% for x in 列表 reversed %}
{% endfor %}

遍历字典:

{% for key, value in my_dict.items %}
  {{ key }}: {{ value }}
{% endfor %}

可以通过 {{ forloop.counter }} 判断for循环执行到第几次,初始化值从1开始。

django框架模板语言使用方法详解

if 语句

{% if 条件 %}
{% elif 条件 %}
{% else %}
{% endif %}

关系比较操作符:

>    <     >=     <=     ==     !=

注意:进行比较操作时,比较操作符两边必须有空格。

逻辑运算:

not   and   or

过滤器

过滤器: 用于对模板变量进行操作,使用格式:

模板变量|过滤器:参数

一、内置过滤器

date: 改变日期的显示格式。

value|date:"Y年m月j日 H时i分s秒"

length: 求长度。字符串,列表,元组,字典长度

default: 设置模板变量的默认值。

data|default:'默认值'

二、自定义过滤器

需求: 实现两个自定义过滤器:

(1)判断是否奇偶
(2)求余操作

实现步骤:

  1. 创建包: 在应用下创建名字为templatetags的python包(名字固定)
  2. 创建模块: 在该templatetags下创建filters.py(名字随意取),该名字后面会使用到。

定义函数 自定义过滤器即带有一个或两个参数的python函数:

  • 参数1:模板变量
  • 参数2:参数,可选

装饰函数

  • 定义一个名字叫 register 的Library对象(名字固定)
  • 使用 @register.filter 对过滤器函数进行装饰

在模板界面中加载过滤器并使用: 在html中, 通过load标签导入自定义过滤器, 并使用:

模板注释

单行注释:

{# 注释内容 #}

多行注释:

{% comment %}
 注释内容
{% endcomment %}

模板继承

模板继承: 为了重用html页面内容

使用格式: {% extends 父模板文件路径 %}

块的使用:

在父模板里可以定义块:

{% block 块名 %}
  块中的内容(也可以没有)
{% endblock 块名%}

在子模板头部声明继承父模板:

{% extends 父模板文件路径 %}

示例:

{% extends "app01/parent.html" %}

在子模板中,重写父模板中的块(也可以不重写):

{% block 块名 %}
  {{ block.super}} #获取父模板中块的默认内容
  重写的内容
{% endblock 块名%}

Django中html转义

通过视图函数(render函数)传给模板的数据,如果含有特殊字符,默认是会转义的。

要关闭模板上下文字符串的转义:可以使用

{{ 模板变量|safe}}

也可以使用:

{% autoescape off %}
  模板语言代码
{% endautoescape %}

模板硬编码中的字符串默认不会转义,如果需要转义,那需要手动进行转义。

django框架模板语言使用方法详解

url反向解析

url逆向解析,反向解析

需求:当urls.py中的一个url配置项发生改变后,项目中所有硬编码引用该url链接的地方,都需要作修改。

解决方法:

给url配置项起个名字,在html界面中,再通过名字引用该url:

# project下的urls.py
urlpatterns = [
  ...
  url(r'^', include('app01.urls', namespace='应用名')),
]
# app01下的urls.py
urlpatterns = [
  ...
  url(r'^index$', views.index, name='url名称'),
]

在html界面中,通过url标签进行动态引用

{% url '应用名:url名称' %}
{% url '应用名:url名称' 位置参数1 位置参数2 %}
{% url '应用名:url名称' 关键字参数1 关键字参数2 %}

参考:

{% url 'app01:index' %}
{% url 'app01:show_news' 1 2 %}
{% url 'app01:show_news2' category=1 pageNo=2 %}

reverse函数

问题: 类似的,在python代码中,同样存在上面所说的url硬编码不方便维护的问题

# views.py
def url_reverse(request):
  # url正则配置项修改后,此处url硬编码代码需要修改
  return redirect("/index")
  # return redirect("/show_news/1/2")
  # return redirect("/show_news2/1/2")

解决:使用reverse函数,动态生成url。

# views.py
def url_reverse(request):
  # 动态引用
  # url = reverse("应用名:url名称")
  # url = reverse("应用名:url名称", args=[位置参数])
  # url = reverse("应用名:url名称", kwargs={关键字参数})
  return redirect(url)

希望本文所述对大家基于Django框架的Python程序设计有所帮助。

Python 相关文章推荐
跟老齐学Python之集合的关系
Sep 24 Python
在Lighttpd服务器中运行Django应用的方法
Jul 22 Python
利用 python 对目录下的文件进行过滤删除
Dec 27 Python
python读取视频流提取视频帧的两种方法
Oct 22 Python
Python 判断图像是否读取成功的方法
Jan 26 Python
Django接收post前端返回的json格式数据代码实现
Jul 31 Python
python3实现的zip格式压缩文件夹操作示例
Aug 17 Python
python中常见错误及解决方法
Jun 21 Python
Opencv python 图片生成视频的方法示例
Nov 18 Python
Pytorch实现WGAN用于动漫头像生成
Mar 04 Python
Python opencv缺陷检测的实现及问题解决
Apr 24 Python
python中的plt.cm.Paired用法说明
May 31 Python
Django中间件基础用法详解
Jul 18 #Python
Python编写通讯录通过数据库存储实现模糊查询功能
Jul 18 #Python
Django 实现图片上传和显示过程详解
Jul 18 #Python
Django框架模型简单介绍与使用分析
Jul 18 #Python
python使用pandas处理excel文件转为csv文件的方法示例
Jul 18 #Python
django 2.2和mysql使用的常见问题
Jul 18 #Python
详解Python二维数组与三维数组切片的方法
Jul 18 #Python
You might like
如何开始收听短波广播
2021/03/01 无线电
php 定界符格式引起的错误
2011/05/24 PHP
PHP内核探索之解释器的执行过程
2015/12/22 PHP
php 指定范围内多个随机数代码实例
2016/07/18 PHP
jqPlot Option配置对象详解
2009/07/25 Javascript
分享27款非常棒的jQuery 表单插件
2011/03/28 Javascript
Javascript 类、命名空间、代码组织代码
2011/07/31 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
JQuery设置和去除disabled属性的5种方法总结
2013/05/16 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
2014/08/30 Javascript
jquery实现具有嵌套功能的选项卡
2016/02/12 Javascript
bootstrap table动态加载数据示例代码
2017/03/25 Javascript
jQuery选择器特殊字符与属性空格问题
2017/08/14 jQuery
vue实现留言板todolist功能
2017/08/16 Javascript
详解React Native顶|底部导航使用小技巧
2017/09/14 Javascript
微信小程序实现页面跳转传值的方法
2017/10/12 Javascript
Vue隐藏显示、只读实例代码
2018/07/18 Javascript
vue打包相关细节整理(小结)
2018/09/28 Javascript
原生JS实现手动轮播图效果实例代码
2018/11/22 Javascript
深入解析koa之中间件流程控制
2019/06/17 Javascript
基于vue-cli3和element实现登陆页面
2019/11/13 Javascript
小程序接口的promise化的实现方法
2019/12/11 Javascript
原生jQuery实现只显示年份下拉框
2020/12/24 jQuery
在Django中进行用户注册和邮箱验证的方法
2016/05/09 Python
Python3.7安装keras和TensorFlow的教程图解
2020/06/18 Python
python如何求数组连续最大和的示例代码
2020/02/04 Python
python GUI库图形界面开发之PyQt5状态栏控件QStatusBar详细使用方法实例
2020/02/28 Python
python中翻译功能translate模块实现方法
2020/12/17 Python
MyFrenchPharma中文网:最大的法国药妆平台
2016/10/07 全球购物
Fairyseason:为个人和批发商提供女装和配件
2017/03/01 全球购物
毕业生求职简历的自我评价
2013/10/07 职场文书
公司运动会策划方案
2014/05/25 职场文书
话题作文之呼唤
2019/12/18 职场文书
mapstruct的用法之qualifiedByName示例详解
2022/04/06 Java/Android