Django中利用filter与simple_tag为前端自定义函数的实现方法


Posted in Python onJune 15, 2017

前言

Django的模板引擎提供了一般性的功能函数,通过前端可以实现多数的代码逻辑功能,这里称之为一般性,是因为它仅支持大多数常见情况下的函数功能,例如if判断,ifequal对比返回值等,但是稍微复杂一些的函数功能并不支持,例如通过模板来判断一个返回值是否是合法的数字类型,此时如果又不希望通过后台视图代码来实现的话,我们就可以自定义一些前端函数功能。

Django为我们提供了两种方式,分别是filter和simple_tag,下面对比两种方式,分别实现判断返回值的功能函数。

准备工作

      1、应用程序必须要注册到settings配置文件中

      2、在应用目录下创建templatetags目录

      3、在templatetags创建模块文件,并导入Django内部方法

filter

在templatetags目录下创建python模块,这里命名为app01_func.py,内容如下:

from django import template
from django.template.defaultfilters import stringfilter

register = template.Library()


@register.filter
def value_verification(value): # value为前端传递的参数
 try:
  int(value)
  return True
 except:
  return False

定制完后台功能后,就可以在模板文件中调用函数功能,首选需要在模板文件头中引入后台python模块。

{% load app01_func %}

例如我们需要判断后台返回值load是否为一个有效数字时,可以做如下调用:

{% if load|value_verification %}
 {{ load }} is a valid int number.
{% else %}
 {{ load }} is letter.
{% endif %}

simple_tag

simple_tag的代码方式与filter一样,不同的是在装饰器部分需要调用simple_tag方法

from django import template
from django.template.defaultfilters import stringfilter

register = template.Library()


@register.simple # 这里修改为simple_tag
def value_verification(value): # value为前端传递的参数
 try:
  int(value)
  return True
 except:
  return False

同时前端的调用方式也需要改为

{% value_verification load %}

传递参数

      - filter 最多支持两个参数传递

      - simple 支持多个参数传递

filter中可以通过下面的方式实现参数传递

{{ load | value_verification:"100"}}

这里即向后端传递了两个参数,一个是load,另一个是100,后端也要为函数指定好形参:

def value_verification(value, custom): # 配置好形参
 ...

simple_tag中可以指定多个形参,前台的调用方式如下:

{% value_verification load 100 200 ... %}

这里filter中最多只能接受两个参数,但此时参数又多,又不想使用simple_tag的情况下,可以将多个参数用特定字符拼接成一个字符串传递给后端,后端通过split方式同样能获取多个参数。

对比总结

通过simple_tag和filter可以完成模板引擎无法完成的某些事情,filter将我们指定的函数变成了返回值可执行的方法,simple_tag将函数功能变为标签功能,例如if、ifequal等,同样调用方式也不同,对比如下:

{{ load | value_verification }} # filter
{% value_verification load %} # simple_tag

因为调用方式的不同,如果返回值需要做为if或ifequal判断依据的话,这里只能使用filter方法了,stringfilter方法可以实现将接收到的所有参数变为字符串类型,同register装饰器一样引用到函数方法上即可,这里注意要放在register下面,否则无法生效。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Python 相关文章推荐
Python3实现从文件中读取指定行的方法
May 22 Python
python监控文件或目录变化
Jun 07 Python
python 编程之twisted详解及简单实例
Jan 28 Python
Pycharm学习教程(1) 定制外观
May 02 Python
python利用pandas将excel文件转换为txt文件的方法
Oct 23 Python
Python列表list排列组合操作示例
Dec 18 Python
Pytorch 定义MyDatasets实现多通道分别输入不同数据方式
Jan 15 Python
Selenium向iframe富文本框输入内容过程图解
Apr 10 Python
python shapely.geometry.polygon任意两个四边形的IOU计算实例
Apr 12 Python
OpenCV图片漫画效果的实现示例
Aug 18 Python
Python读取图像并显示灰度图的实现
Dec 01 Python
yolov5返回坐标的方法实例
Mar 17 Python
Python中关于Sequence切片的下标问题详解
Jun 15 #Python
解决python3在anaconda下安装caffe失败的问题
Jun 15 #Python
带你了解python装饰器
Jun 15 #Python
解决Linux系统中python matplotlib画图的中文显示问题
Jun 15 #Python
Python之os操作方法(详解)
Jun 15 #Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
Jun 15 #Python
Python使用QRCode模块生成二维码实例详解
Jun 14 #Python
You might like
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
php中preg_match的isU代表什么意思
2015/10/01 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
Laravel学习教程之路由模块
2017/08/18 PHP
Laravel5.1框架注册中间件的三种场景详解
2019/07/09 PHP
Gambit vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
prototype与jquery下Ajax实现的差别
2009/09/13 Javascript
js实现jquery的offset()方法实例
2015/01/10 Javascript
Jquery中$.post和$.ajax的用法小结
2015/04/28 Javascript
javascript实现tab响应式切换特效
2016/01/29 Javascript
JS实现仿百度文库评分功能
2017/01/12 Javascript
简单的JS控制button颜色随点击更改的实现方法
2017/04/17 Javascript
js 监控iframe URL的变化实例代码
2017/07/12 Javascript
微信小程序 按钮滑动的实现方法
2017/09/27 Javascript
vue+swiper实现侧滑菜单效果
2017/12/28 Javascript
基于JS判断对象是否是数组
2020/01/10 Javascript
探索浏览器页面关闭window.close()的使用详解
2020/08/21 Javascript
Python调用服务接口的实例
2019/01/03 Python
Python中typing模块与类型注解的使用方法
2019/08/05 Python
简单的Python调度器Schedule详解
2019/08/30 Python
Python 解决OPEN读文件报错 ,路径以及r的问题
2019/12/19 Python
pytorch SENet实现案例
2020/06/24 Python
Python使用socket_TCP实现小文件下载功能
2020/10/09 Python
CSS3 仿微信聊天小气泡实例代码
2017/04/05 HTML / CSS
Brasty罗马尼亚:购买手表、香水、化妆品、珠宝
2020/04/21 全球购物
Nike墨西哥官网:Nike MX
2020/08/30 全球购物
德国W家官网,可直邮中国的母婴商城:Windeln.de
2021/03/03 全球购物
Ajax主要包含了哪些技术
2014/06/12 面试题
工程专业毕业生自荐信范文
2013/12/25 职场文书
法律六进活动方案
2014/03/13 职场文书
化学工程专业求职信
2014/08/10 职场文书
支部书记四风问题对照检查材料
2014/10/04 职场文书
家长意见书
2015/06/04 职场文书
2015大学迎新晚会策划书
2015/07/16 职场文书
《钓鱼的启示》教学反思
2016/02/18 职场文书
JavaCV实现照片马赛克效果
2022/01/22 Java/Android