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 相关文章推荐
简单的通用表达式求10乘阶示例
Mar 03 Python
零基础写python爬虫之urllib2使用指南
Nov 05 Python
简单介绍Python的轻便web框架Bottle
Apr 08 Python
Python的网络编程库Gevent的安装及使用技巧
Jun 24 Python
解决python nohup linux 后台运行输出的问题
May 11 Python
在cmder下安装ipython以及环境的搭建
Oct 19 Python
Django ORM 常用字段与不常用字段汇总
Aug 09 Python
python 利用已有Ner模型进行数据清洗合并代码
Dec 24 Python
Python如何基于rsa模块实现非对称加密与解密
Jan 03 Python
python 模块导入问题汇总
Feb 01 Python
浅谈pytorch中stack和cat的及to_tensor的坑
May 20 Python
Python利用folium实现地图可视化
May 23 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
Oracle 常见问题解答
2006/10/09 PHP
用PHP实现将GB编码转换为UTF8
2006/11/25 PHP
PHP多线程批量采集下载美女图片的实现代码(续)
2013/06/03 PHP
PHP书写格式详解(必看)
2016/05/23 PHP
Yii框架页面渲染操作实例详解
2019/07/19 PHP
Javascript和Ajax中文乱码吐血版解决方案
2009/12/21 Javascript
JS文本框默认值处理详解
2013/07/10 Javascript
js中把JSON字符串转换成JSON对象最好的方法
2014/03/21 Javascript
谷歌浏览器调试JavaScript小技巧
2014/12/29 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
jquery实现网页定位导航
2016/08/23 Javascript
bootstrap模态框跳转到当前模板页面 框消失了而背景存在问题的解决方法
2020/11/30 Javascript
javascript编写简易计算器
2017/05/06 Javascript
微信小程序自定义组件
2017/08/16 Javascript
浅谈es6中export和export default的作用及区别
2018/02/07 Javascript
Vue实现底部侧边工具栏的实例代码
2018/09/03 Javascript
JavaScript实现与web通信的方法详解
2020/08/07 Javascript
javascript使用canvas实现饼状图效果
2020/09/08 Javascript
[02:28]DOTA2 2017国际邀请赛小组赛回顾
2017/08/09 DOTA
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
对python 生成拼接xml报文的示例详解
2018/12/28 Python
Python脚本按照当前日期创建多级目录
2019/03/01 Python
Python实现截取PDF文件中的几页代码实例
2019/03/11 Python
Python调用C/C++的方法解析
2020/08/05 Python
Pytest测试框架基本使用方法详解
2020/11/25 Python
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
Speedo速比涛法国官方网站:泳衣、泳镜、泳帽、泳裤
2019/07/30 全球购物
大学生开西餐厅创业计划书
2014/02/01 职场文书
名人演讲稿范文
2014/09/16 职场文书
工作表扬信范文
2015/01/17 职场文书
2015年环境整治工作总结
2015/05/22 职场文书
无故旷工检讨书
2015/08/15 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
js之ajax文件上传
2021/05/13 Javascript
js中Object.create实例用法详解
2021/10/05 Javascript
SpringBoot整合Redis入门之缓存数据的方法
2021/11/17 Redis