django template实现定义临时变量,自定义赋值、自增实例
定义临时变量:
{% with i=1 %}
{{i}}
{% endwith %}
定义对临时变量操作的tag
在templatetags中创建set_val.py
内容是
from django import template
import logging
register = template.Library()
class SetVarNode(template.Node):
def __init__(self, var_name, var_value):
self.var_name = var_name
self.var_value = var_value
def render(self, context):
try:
value = template.Variable(self.var_value).resolve(context)
except template.VariableDoesNotExist:
value = ""
context[self.var_name] = value
return u""
class VarAddOneNode(template.Node):
def __init__(self, var_name):
self.var_name = var_name
def render(self, context):
try:
value = template.Variable(self.var_name).resolve(context)
context[self.var_name] = str( int(value) + 1 )
except template.VariableDoesNotExist:
value = ""
return u""
def set_var(parser, token):
"""
{% set <var_name = <var_value %}
"""
parts = token.split_contents()
logging.info('len(parts)=' + str(len(parts)))
if len(parts) == 2:
content = parts[1]
if content[len(content)-2 :len(content)] == '++':
var_name = content[:len(content) - 2]
return VarAddOneNode(var_name)
else:
return u""
elif len(parts) == 4:
return SetVarNode(parts[1], parts[3])
# raise template.TemplateSyntaxError("'set' tag must be of the form: {% set <var_name = <var_value %}")
register.tag('set', set_var)
然后在template中引入
{% load set_val %}
前端代码示例
{% load set_val %}
<div class="layui-form-item"
<div class="layui-form-label" 商品尺码</div
<div class="layui-input-block"
{% with i=1 %}
{% set i = 2 %}
{% for size in size_list %}
<div class="layui-col-md2"
<div class="layui-row"
原名:{{ size.sizeName }}
</div
名字:
<input style="width: 40px;display:inline;" type="text" name="color" ,
lay-verify="required"
autocomplete="off" placeholder=""
class="layui-input" value={{ size.sizeName }}
<br
<input type="checkbox" name="size{{ i }}" lay-skin="primary" checked="checked"
{% set i++ %}
</div
{% endfor %}
{% endwith %}
</div
</div
补充知识:django模板中做一些加减乘除基本运算
Django模版加法:
{{ value|add:10}} value=5,则返回15
Django模版减法:
{{value|add:-10}} value=5,则返回-5,这个比较好理解,减法就是加一个负数
Django模版乘法:
{% widthratio 5 1 100 %} 上面的代码表示:5/1 *100,返回500,widthratio需要三个参数,它会使用 参数1/参数2*参数3,所以要进行乘法的话,就将参数2=1即可
Django做除法,这里用到widthratio这个方法
<td {% widthratio foo.product_amount 100 1 %}</td #}
如果想将widthratio函数处理后的值当做变量,可以如下方法
{% widthratio this_value max_value max_width as width %} {% blocktrans %}The width is: {{ width }}{% endblocktrans %}
数据保留两位小数
<td {{ foo.product_amount |floatformat:5 }}</td register = template.Library()
一些复杂一些的运算
利用 add 这个filter ,可以做更疯狂的事:
计算 A^2: {% widthratio A 1 A %}
计算 (A+B)^2: {% widthratio A|add:B 1 A|add:B %}
计算 (A+B) * (C+D): {% widthratio A|add:B 1 C|add:D %}
除法并保留小数
首先定义方法在templatehelper.py文件中
@register.filter
def div(value, div):
'''
分转化为元,保留两位小数
:param value:
:param div:
:return:
'''
return round((value / div), 2)
然后在模板中可以按照如下使用,当然前提是{% load templatehelper %}:
<td {{ foo.product_amount |div:100 }}</td
尝试过一个笨办法,但是不生效,而且就算生效,也会出现忽略掉小数点后面得值的情况,所以不建议:
<td {% widthratio foo.product_amount 100 1 as width %}{% blocktrans %}{{ width }}{% endblocktrans %}</td #}
以上这篇django template实现定义临时变量,自定义赋值、自增实例就是小编分享给大家的全部内容了,希望能给大家一个参考。
- React多页面应用1
- jQuery操作Select
- MSDN杂志上的Windows Phone相关文章
- WCF Data Service工具包
- WordPress 文章截断方式:有more标签的优先more标签,否则截断一定字数
- 为什么要探索宇宙
- Redis的各项功能解决了哪些问题?
- WordPress.com 宣布支持Markdown 语言
- 使用Topshelf 5步创建Windows 服务
- TGM Plugin Activation:为WordPress 主题添加“插件推荐安装”功能
- [腾讯社区开放平台]介绍开放授权协议-OAuth
- HTML5规范的本地存储
- ASP.NET Web API 处理架构
- ASP.NET MVC 4中的单页面应用程序
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法