templates的语法
1.变量
1.作用:将后端的数据传递到模板进行显示
2.允许作为变量的数据类型
字符串,整数,列表,元组,字典,函数,对象
3.变量的语法
变量传递给前端必须要封装到字典中才能传递给模板
1.使用 loader 加载模板
t = loader.get_template('xxx.html')
html = t.render(dic)
return HttpResponse(html)
2.使用 render 加载模板
return render(request,'xx.html', locals()) # 与falsk稍有不同
4.在模板中使用变量
{{变量名}}
2.标签, 建议去看官方文档。
1.if标签
{% if 条件%} 。。。{%elif 条件%} 。。。 {% else%} 。。。{%endif%}
if语句的用法和flask中的一模一样
2.for标签
{% for 变量 in iteration %} 。。。{% endfor%}
用法也和flask一模一样,除内置变量以外。
内置变量:forloop
在循环中允许使用forloop内置变量来获取循环的信息
forloop.counter : 记录当前循环遍历的次数
forloop.counter0: 记录当前循环遍历的次数,从0开始
forloop.revcounter : 记录当前元素从后向前算的位置
forloop.revcounter0: 同上,从0开始记录
forloop.first : 判断是否是第一次循环
forloop.last : 判断是否是最后一次循环
3.过滤器
1.什么是过滤器:在变量输出显示之前,对变量的数据进行筛选和过滤
2.过滤器的语法:{{变量|过滤器:参数}}
3.常用过滤器
1.{{value|upper}}
将value变为大写
2.{{value|lower}}
将value变为小写
3.{{value|add:num}}
将num追加到value之后
value 和 num 也可以是列表
4.{{value|floatformat:n}}
将value四舍五入到n位小数
5.{{value|truncatechars:n}}
将value截取保留至n位字符,后面以...来表示未显示完成的内容
templates的语法的更多相关文章
- Vue.2.0.5-单文件组件
介绍 在很多Vue项目中,我们使用 Vue.component 来定义全局组件,紧接着用new Vue({ el: '#container '}) 在每个页面内指定一个容器元素. 这种方案在只是使用 ...
- django url 软编码
期初用django 开发应用的时候,完全是在urls.py 中硬编码配置地址,在views.py中HttpResponseRedirect()也是硬编码转向地址,当然在template 中也是一样了, ...
- django的url的name参数的意义(转发)
http://bio.rusaer.com/archives/288 Django一个比较隐含的函数url 阅读量(5010) | 发表 于 2010-03-09 14:26:18 Djang ...
- 转:Spine.JS+Rails重客户端Web应用技术选型思路:『风车』架构设计
原文来自于:http://www.infoq.com/cn/articles/fengche-co-architecture 风车这个项目开始于 2011 年 11 月份,之前叫做 Pragmatic ...
- 一步一步学Vue(十二)
为了提升代码的逼格,之后代码改为Vue文件组件,之前代码虽然读起来容易理解,而且适合在小的项目中使用,但是有如下缺点: 全局定义(Global definitions) 强制要求每个 componen ...
- devops工具-Ansible进阶playbook&roles
一.playbook介绍 playbook 是 Ansible 管理配置.部署应用的核心所在,一个playbook由有多“play组成”,而一个play实际就是一个task,每个task是由多 ...
- Vue单文件组件
前面的话 本文将详细介绍Vue单文件组件 概述 在很多 Vue 项目中,使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: '#container '}) 在每个页 ...
- django的url的name参数的意义
Templates的链接地址都是根据urlpatterns定义的地址,拼凑成地址字符串,很难看,而且Templates里拼凑成的地址,随着页面的增加而不断增加,一旦在urlpatterns里的某个地址 ...
- vue入门之单文件组件
介绍 在很多 Vue 项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素. 这种方式在很多 ...
随机推荐
- [转]一次CMS GC问题排查过程(理解原理+读懂GC日志)
这个是之前处理过的一个线上问题,处理过程断断续续,经历了两周多的时间,中间各种尝试,总结如下.这篇文章分三部分: 1.问题的场景和处理过程:2.GC的一些理论东西:3.看懂GC的日志 先说一下问题吧 ...
- jquery attr方法获取input的checked属性问题
1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase <input type="checkbox" id= ...
- POJ 1390 Blocks(记忆化搜索+dp)
POJ 1390 Blocks 砌块 时限:5000 MS 内存限制:65536K 提交材料共计: 6204 接受: 2563 描述 你们中的一些人可能玩过一个叫做“积木”的游戏.一行有n个块 ...
- vue项目如何打包前后端不分离发布手把手教学apache、nginx
vue项目如何不分离发布 1.首先yarn build 我用了vue-cli脚手架,bulid后的dist文件夹里的index.html有加版本号,那么为什么需要加版本号呢? a.回滚 b.解决浏览器 ...
- laravel 的 intervention-image 图像处理笔记(备用)
原文地址: http://blog.csdn.net/beyond__devil/article/details/62230610
- ASP.Net MVC(2) 之目录结构
认识MVC从目录结构 App_Data 文件夹 用于存储应用程序数据. App_Start 启动文件的配置信息,包括很重要的RouteConfig路由注册信息 Content文件 Content 文件 ...
- java字符串根据空格截取并存进list,并在每个元素前后加上/
public class List1 { public static void main(String[] args) { String s = "abc nnn ooo/xzsxc bs& ...
- go语言byte类型报错cannot use "c" (type string) as type byte in assignment
练习Go修改字符串的时候遇到这个问题:cannot use "c" (type string) as type byte in assignment,代码如下: package m ...
- OOP⑹
1.抽象类 所有由abstract关键字修饰的方法我们称之为 抽象方法! 抽象方法只能存在于 抽象类中! 所有由abstract关键字修饰的类我们称之为 抽象类! 抽象类的特点: 01.由abstra ...
- 每天CSS学习之line-height
line-height是CSS的一个属性,其作用是设置行高.其有以下几种值: 1.normal:自动设置合理的行间距.该值是默认值.如下示例: p{ line-height:normal; } 结果: ...