03模板变量及模板过滤器

03模板变量及模板过滤器

1.模板路径的查找

• 查找顺序(两种位置)

  1. 首先查找 settings.py 中的TEMPLATES的'DIRS'

  2. 当'APP' = True时 会去INSTALLED_APPS列表中查找 app目录下的模板

• 模板的位置(两种方案)

  • 当大项目时,集中部署时,模板的位置在项目根目录下

  • 当app可以复用的时候,给多个项目使用,模板的位置在app目录下

• 方案1时,为什么在templates文件夹下还要建立app文件夹?

  • 按照顺序查找,找到一个符合的模板就返回

  • 所以为了防止不同app中同名模板的覆盖

     

2.模板变量

• 静态页面,动态页面

  • 不随时间改变,不随客户端不同而改变的页面为静态页面,不存在交互

  • 随着时间改变,随着客户端改变,访问者改变而改变的页面为动态页面,存在交互

• 模板变量:在render函数中,可以传递一个变量,将变量的值渲染到模板中(名不能用下划线开头)

  • 在render()中加一个参数context={},传递一个字典,键为模板中引用的名字 ,值为变量名

  • 例如在render函数中传递context={'now':now}

  • 则在html模板中则可以引用{{now}}，这里的now指的是context中的'now'

  • 对应某个app的某个方法中定义的now变量

• 模板变量的解析规则

  • 计算变量,将其替换为结果

  • 遇到点(.)的时候,按以下顺序查找

    1. 字典键值查找

    2. 属性或方法查找

    3. 数字索引查找

  • 如果变量为可调用的(函数),则调用它的时候不带参数,调用的结果成为模板的值

  • 渲染失败，则返回空

3.模板过滤器 filter 对模板变量进行操作

• 常用模板过滤器 语法{{变量 | 过滤器:参数|过滤器:参数|······}},

  • add: 将变量与值相加 首先尝试整数相加,失败后尝试其他可能(字符串拼接,列表拼接)

  • capfirst 首字母大写,值的首位不是字母无效

  • date: 日期格式化,按照格式填充日期 'Y年m月d日 H时i分s秒'

    • Y:四位数的年 如1999

    • y:两位数的年 如99

    • m:两位数的月 如01,09

    • n:一位数的月 如 1,9,12

    • d:两位数的日 如01,09,31

    • j:一位数的日 如1,9,31

    • g:12小时制的一位数的小时 如1 ,9,12

    • G:24小时制的一位数的小时 如0 ，8，23

    • h:12小时制的两位数的小时 如01,09,12

    • H:24小时制的两位数的小时 如01,08,23

    • i: 分钟 00 -59

    • s: 秒 00-59

  • time 时间格式化,按照格式填充时间，只有时分秒

  • default: 变量渲染失败时,返回default的参数,注意:变量本来就返回''时,也会返回参数

  • first 返回列表的第一个元素

  • last 返回列表的最后一个元素

  • slice:' : : ' 返回列表的切片

  • join:' ' 字符串拼接

  • floatformat:小数点位数 浮点数格式化,不指定则默认保留一位小数

  • length 返回字符串或列表的长度

  • length_is:number 返回布尔值,列表的长度是否为number

  • lower 字符串全部小写

  • upper 字符串全部大写

  • title 所有空格隔开d的单词首字母大写

  • safe 关闭模板引擎对变量(html,css,js)的自动转义,使得标签有效

• xss (跨域脚本攻击)

  • 为了防止变量作为标签语言(html,css,js)对网页进行跨域脚本攻击,django模板引擎默认将变量为这些内容的,在渲染时将标签<>转义回&lt,&gt,防止其对模板产生作用

  • 利用safe过滤器,可以将信任的变量通过safe过滤器,取消模板引擎的转义

4.静态文件 （css,js,images)

1. 路径配置

   • STATICFILES_DIRS = [os.path.join(BASE_DIR,static)]

   • STATIC_URL

2. 静态文件的引入

   1. 硬编码 通过STATIC_URL

   2. 模板标签动态引入,此时无论STATIC_URL为什么都不影响,可以隐藏路径

      1. html文档开头加载static文件夹: {% load static %}

      2. link标签的href="{% static '相对路径' %}"