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 相关文章推荐
python检测服务器是否正常
Feb 16 Python
详解Python程序与服务器连接的WSGI接口
Apr 29 Python
Python利用BeautifulSoup解析Html的方法示例
Jul 30 Python
详细分析python3的reduce函数
Dec 05 Python
numpy中索引和切片详解
Dec 15 Python
python实现Windows电脑定时关机
Jun 20 Python
pandas每次多Sheet写入文件的方法
Dec 10 Python
python用for循环求和的方法总结
Jul 08 Python
Django模型修改及数据迁移实现解析
Aug 01 Python
opencv调整图像亮度对比度的示例代码
Sep 27 Python
vue学习笔记之动态组件和v-once指令简单示例
Feb 29 Python
Python如何将模块打包并发布
Aug 30 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
Chrome Web App开发小结
2014/09/04 PHP
很多人都是用下面的js刷新站IP和PV
2008/09/05 Javascript
js借助ActiveXObject实现创建文件
2013/09/29 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
js+jquery实现图片裁剪功能
2015/01/02 Javascript
javascript强制点击广告的方法
2015/02/06 Javascript
jQuery实现带延迟效果的滑动菜单代码
2015/09/02 Javascript
jQuery实现的倒计时效果实例小结
2016/04/16 Javascript
jquery对所有input type=text的控件赋值实现方法
2016/12/02 Javascript
javascript获取指定区间范围随机数的方法
2017/09/08 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
微信小程序倒计时功能实例代码
2018/07/17 Javascript
React+Webpack快速上手指南(小结)
2018/08/15 Javascript
微信小程序实现文字从右向左无限滚动
2020/11/18 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
2019/07/08 Javascript
微信小程序用户拒绝授权的处理方法详解
2019/09/20 Javascript
vue实现评论列表功能
2019/10/25 Javascript
vuejs中父子组件之间通信方法实例详解
2020/01/17 Javascript
Python实现竖排打印传单手机号码易撕条
2015/03/16 Python
pygame播放音乐的方法
2015/05/19 Python
python检测IP地址变化并触发事件
2018/12/26 Python
如何通过python的fabric包完成代码上传部署
2019/07/29 Python
Python OpenCV实现鼠标画框效果
2020/08/19 Python
keras的backend 设置 tensorflow,theano操作
2020/06/30 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
Order by的几种用法
2013/06/16 面试题
简历中自我评价范文3则
2013/12/14 职场文书
房屋买卖协议书
2014/04/10 职场文书
领导班子自我剖析材料
2014/08/16 职场文书
个人授权委托书格式
2014/08/30 职场文书
商家认证委托书格式
2014/10/16 职场文书
寒暑假实习证明书模板
2014/11/29 职场文书
2015年法制宣传月活动总结
2015/03/26 职场文书
学校就业保障协议书
2019/06/24 职场文书
高中议论文(范文2篇)
2019/08/19 职场文书
职场:企业印章管理制度(模板)
2019/10/18 职场文书