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控制台英汉汉英电子词典
Apr 23 Python
在Python中的Django框架中进行字符串翻译
Jul 27 Python
使用py2exe在Windows下将Python程序转为exe文件
Mar 04 Python
Python的网络编程库Gevent的安装及使用技巧
Jun 24 Python
详解Tensorflow数据读取有三种方式(next_batch)
Feb 01 Python
python实现连续图文识别
Dec 18 Python
用Python实现大文本文件切割的方法
Jan 12 Python
Python 过滤错误log并导出的实例
Dec 26 Python
Python 实现将numpy中的nan和inf,nan替换成对应的均值
Jun 08 Python
python GUI模拟实现计算器
Jun 22 Python
解决python便携版无法直接运行py文件的问题
Sep 01 Python
python 实现波浪滤镜特效
Dec 02 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
第1次亲密接触PHP5(2)
2006/10/09 PHP
基于mysql的bbs设计(四)
2006/10/09 PHP
php简单实现MVC
2015/02/05 PHP
PHP自定义函数实现格式化秒的方法
2016/09/14 PHP
php array_reverse 以相反的顺序返回数组实例代码
2017/04/11 PHP
js获取客户端外网ip的简单实例
2013/11/21 Javascript
js调试工具Console命令详解
2014/10/21 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
2015/02/26 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
2015/03/05 Javascript
深入浅析AngularJS中的module(模块)
2016/01/04 Javascript
jQuery实现背景弹性滚动的导航效果
2016/06/01 Javascript
BootStrap table使用方法分析
2016/11/08 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
2017/04/22 Javascript
基于Require.js使用方法(总结)
2017/10/26 Javascript
微信小程序Flex布局用法深入浅出分析
2019/04/25 Javascript
express启用https使用小记
2019/05/21 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
2019/07/23 Javascript
Vue中实现回车键切换焦点的方法
2020/02/19 Javascript
vue中移动端调取本地的复制的文本方式
2020/07/18 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
2020/08/20 Javascript
[59:08]Ti4 冒泡赛第二天 NEWBEE vs Titan 2
2014/07/15 DOTA
python教程之用py2exe将PY文件转成EXE文件
2014/06/12 Python
python删除过期文件的方法
2015/05/29 Python
python实现识别相似图片小结
2016/02/22 Python
Python中import导入上一级目录模块及循环import问题的解决
2016/06/04 Python
Python 序列的方法总结
2016/10/18 Python
Python实现全角半角字符互转的方法
2016/11/28 Python
python 数据的清理行为实例详解
2017/07/12 Python
Python2/3中urllib库的一些常见用法
2017/12/19 Python
python 请求服务器的实现代码(http请求和https请求)
2018/05/25 Python
Python爬虫设置代理IP(图文)
2018/12/23 Python
Python TCPServer 多线程多客户端通信的实现
2019/12/31 Python
CSS3弹性伸缩布局之box布局
2016/07/12 HTML / CSS
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
2015年销售部工作总结范文
2015/04/27 职场文书
Windows Server 修改远程桌面端口的实现
2022/06/25 Servers