如何在 Django 模板中输出 "{{"


Posted in Python onJanuary 24, 2020

起步

随着 javascript 的壮大,前端也要使用自己的模板引擎了。若变量使用 {{ 包裹的形式,而 {{ 又会被 Django 模板引擎解析。导致 {{ 无法输出到前端,这个时候应该怎么处理?大概有三种方式解决。

方法一:使用 templatetag 标签

这个官方给出的解决方案,标签也是内置的:

{% templatetag openvariable %} variable {% templatetag closevariable %}

输出到前端为: {{ variable }} 它能在渲染后的内容前后加上标签。比如:

{% templatetag openvariable %} variable || {{ count }} {% templatetag closevariable %}

渲染为: {{ variable || 90 }} ,可以看到 templatetag 标签的内容会被解析,然后再将得到的解析结果包裹 {{ ,因此这个方法的自由度很高。

方法二:使用 verbatim 临时关闭模板引擎

标签 verbatim 也是内置标签,它的作用是原样输出模板内容:

{% verbatim %}{{ variable }}{% endverbatim %}

渲染结果为: {{ variable }} 。

方法三:使用自定义标签

创建标签函数:

@register.simple_tag()
def double_brace(text):
  return "{{ %s }}" % text

模板中使用:

{% double_brace "variable" %}

渲染结果: {{ variable }} 。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Python高效编程技巧
Jan 07 Python
Python对象的深拷贝和浅拷贝详解
Aug 25 Python
用 Python 爬了爬自己的微信朋友(实例讲解)
Aug 25 Python
Django 开发环境与生产环境的区分详解
Jul 26 Python
Python学习笔记之文件的读写操作实例分析
Aug 07 Python
Python可变参数会自动填充前面的默认同名参数实例
Nov 18 Python
Python中base64与xml取值结合问题
Dec 22 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
Dec 27 Python
Python Sphinx使用实例及问题解决
Jan 17 Python
Django实现聊天机器人
May 31 Python
浅析Django接口版本控制
Jun 26 Python
简单且有用的Python数据分析和机器学习代码
Jul 02 Python
在keras中获取某一层上的feature map实例
Jan 24 #Python
keras获得model中某一层的某一个Tensor的输出维度教程
Jan 24 #Python
使用Tensorflow实现可视化中间层和卷积层
Jan 24 #Python
tensorflow获取预训练模型某层参数并赋值到当前网络指定层方式
Jan 24 #Python
keras获得某一层或者某层权重的输出实例
Jan 24 #Python
浅谈keras的深度模型训练过程及结果记录方式
Jan 24 #Python
关于Keras模型可视化教程及关键问题的解决
Jan 24 #Python
You might like
php批量缩放图片的代码[ini参数控制]
2011/02/11 PHP
typecho插件编写教程(一):Hello World
2015/05/28 PHP
PHP 将dataurl转成图片image方法总结
2016/10/14 PHP
php基于websocket搭建简易聊天室实践
2016/10/24 PHP
form表单只提交数据而不进行页面跳转的解决方案
2013/09/18 Javascript
使用原生JS实现弹出层特效
2014/12/22 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
Javascript中字符串和数字的操作方法整理
2017/01/22 Javascript
详解vue-router基本使用
2017/04/18 Javascript
详解Vue 开发模式下跨域问题
2017/06/06 Javascript
使用vue构建移动应用实战代码
2017/08/02 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
Vue父子组件之间的通信实例详解
2018/09/28 Javascript
vue2.0 watch里面的 deep和immediate用法说明
2020/10/30 Javascript
小程序中手机号识别的示例
2020/12/14 Javascript
Python判断文件和文件夹是否存在的方法
2015/05/21 Python
Python 自动刷博客浏览量实例代码
2017/06/14 Python
python中利用await关键字如何等待Future对象完成详解
2017/09/07 Python
python实现Floyd算法
2018/01/03 Python
selenium python浏览器多窗口处理代码示例
2018/01/15 Python
Django框架实现的简单分页功能示例
2018/12/04 Python
django框架用户权限中的session缓存到redis中的方法
2019/08/06 Python
TensorFlow学习之分布式的TensorFlow运行环境
2020/02/05 Python
在python中logger setlevel没有生效的解决
2020/02/21 Python
css3实现文字首尾衔接跑马灯的示例代码
2020/10/16 HTML / CSS
HTML5之SVG 2D入门10—滤镜的定义及使用
2013/01/30 HTML / CSS
amaze ui 的使用详细教程
2020/08/19 HTML / CSS
大学生工作推荐信范文
2013/12/02 职场文书
大学生职业生涯规划方案
2014/01/03 职场文书
教师自我反思材料
2014/02/14 职场文书
产假请假条
2014/04/10 职场文书
党支部半年考察意见
2015/06/01 职场文书
母亲节主题班会
2015/08/14 职场文书
优秀团员主要事迹材料
2015/11/05 职场文书
JavaScript实现贪吃蛇游戏
2021/06/16 Javascript