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的语法的更多相关文章

  1. Vue.2.0.5-单文件组件

    介绍 在很多Vue项目中,我们使用 Vue.component 来定义全局组件,紧接着用new Vue({ el: '#container '}) 在每个页面内指定一个容器元素. 这种方案在只是使用 ...

  2. django url 软编码

    期初用django 开发应用的时候,完全是在urls.py 中硬编码配置地址,在views.py中HttpResponseRedirect()也是硬编码转向地址,当然在template 中也是一样了, ...

  3. django的url的name参数的意义(转发)

    http://bio.rusaer.com/archives/288   Django一个比较隐含的函数url 阅读量(5010)  |  发表 于 2010-03-09 14:26:18 Djang ...

  4. 转:Spine.JS+Rails重客户端Web应用技术选型思路:『风车』架构设计

    原文来自于:http://www.infoq.com/cn/articles/fengche-co-architecture 风车这个项目开始于 2011 年 11 月份,之前叫做 Pragmatic ...

  5. 一步一步学Vue(十二)

    为了提升代码的逼格,之后代码改为Vue文件组件,之前代码虽然读起来容易理解,而且适合在小的项目中使用,但是有如下缺点: 全局定义(Global definitions) 强制要求每个 componen ...

  6. devops工具-Ansible进阶playbook&roles

    一.playbook介绍     playbook 是 Ansible 管理配置.部署应用的核心所在,一个playbook由有多“play组成”,而一个play实际就是一个task,每个task是由多 ...

  7. Vue单文件组件

    前面的话 本文将详细介绍Vue单文件组件 概述 在很多 Vue 项目中,使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: '#container '}) 在每个页 ...

  8. django的url的name参数的意义

    Templates的链接地址都是根据urlpatterns定义的地址,拼凑成地址字符串,很难看,而且Templates里拼凑成的地址,随着页面的增加而不断增加,一旦在urlpatterns里的某个地址 ...

  9. vue入门之单文件组件

    介绍 在很多 Vue 项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素. 这种方式在很多 ...

随机推荐

  1. 前端开发VScode常用插件

    名称 功能 Auto Close Tag 自动闭合HTML标签 Auto Import Typescript 自动import提示 Auto Rename Tag 修改HTML标签时,自动修改匹配的标 ...

  2. java中一对多 关联建表

    我们以银行卡为例:一个人可以对应多张银行卡.多个银行卡对应着一个人. /** 银行卡持有者 **/ class CardsOwner { private String name;    //名字 pr ...

  3. composer install Your requirements could not be resolved to an installable set of packages

    composer install --ignore-platform-reqs 或者 composer update --ignore-platform-reqs

  4. zabbix_server.conf、zabbix_agentd.conf配置文件详解

    zabbix_server.conf配置文件详解 AlertScriptsPath 默认值:/usr/local/share/zabbix/alertscripts 说明:告警脚本目录 AllowRo ...

  5. 【框架】PageObject(一)

    1.目的:为了将元素的find方法和业务逻辑分开来.如果元素的页面位置发生了变化,只需改动一个文件,而不影响业务的实现. 2.原理:一般一个页面对应一个class,在class里描述所有要用到的web ...

  6. linux系统监控与硬盘分区/格式化/文件系统管理

    1.系统监控 1) 系统监视和进程控制的工具----> Top 与  free      类似于windows的资源管理器.     进程运行的三种状态: tips: 进程(Process)是计 ...

  7. day4-python基础-运算符

    本章节主要说明Python的运算符.举个简单的例子 4 +5 = 9 . 例子中,4 和 5 被称为操作数,"+" 称为运算符. Python语言支持以下类型的运算符: 算术运算符 ...

  8. 每天CSS学习之transform

    transform是CSS3的一个属性,其作用是用来进行2D或3D变换. 一.2D变换 1. translate(x-offset , y-offset) translate的作用就是用作位置的移动. ...

  9. 5.8 C++重载自增与自减操作符

    参考:http://www.weixueyuan.net/view/6386.html 注意: 自增“++”与自减“--”都是一元操作符,其前置和后置两种形式都可以被重载. 前置 stopwatch ...

  10. translclude

    .transclude:true 启用transclude,启用以后,有两个地方会发生变化: ①.使用指令的元素内部的所有内容都会被保存起来.不妨先把这一段内容称为一坨. 比如指令元素是这样的: &l ...