Django入门--模板变量、过滤器及静态文件

一.模板变量

我们登录页面后，在页面上会显示姓名等信息，姓名就是模板变量，用来显示登陆者的名字，Django对这些数据进行处理后，返回给前端页面，前端页面进行渲染。

1.模板变量语法规则

1)在html文件中的引用语法： {{变量名}}

2)命名由字母和数字以及下划线组成，不能有空格和标点符号，不能以数字和下划线开头

3)可以使用字典、模型、方法、函数、列表

4)不要和python或django关键字重名

5)变量和查找

2.模板变量解析规则

(1)计算变量，将其替换成结果

(2)遇到点"."时，按以下顺序查找：

1).自定义的字典键查找

2).如果字典没这个值，则到字典的属性或者方法查找

3).数字索引查找

(3)如果结果是可调用的，则调用它时不带参数

3.模板变量的使用

Django通过参数"context"对模板变量进行上下文传递，模板变量可以是数值、字符串、列表，也可以是字典、函数以及类

在student/views.py中定义视图函数

def func():

    return '我是一个函数'

class Animal(object):

    def __init__(self, name):

        self.name = name

    def way(self):

        return '我是一个类方法'

dog = Animal('小狗')

value = 2 + 3

str ="Hello World, I like python"

ls = [1, 2, 3, 4, 5]

dt = [dt={'name':'xinlan', 'age':'18', 'items':'abc'}]

from django.shortcuts import render

def index(request):

    return render(request, 'student/index.html', context={

        'func':func,

        'Animal':dog,

        'value':value,

        'str':str,

        'ls':ls,

        'dt':dt

    })

templates/student/index.html模板文件

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset= "utf-8">

</head>

<body>

    这个变量是函数对象：{{func}}<br>

    这个变量是类对象：{{Animal}} <br>

    这个变量是类对象属性：{{Animal.name}} <br>

    这个变量是类对象方法：{{Animal.way}} <br>

    这个变量是整型对象：{{value}}<br>

    这个变量是字符串对象：{{str}}<br>

    这个变量是列表对象：{{ls}}<br>

    这个变量是列表的第一个元素：{{ls.0}}<br>

    这个变量是字典对象：{{dt}}<br>

    这个变量是字典的items键：{{dt.items}}<br>

</body>

</html>

二.过滤器

过滤器用于模板格式化。很多用户发送信息，他们的格式都不一样，为了显示相同的结果，这时可以在模板中写入同等的过滤器，对内容进行过滤，得出想要的结果。在真正渲染出来之前，过滤器会通过功能(大写变小写、去空格等)处理变量，得出结果后替换原有的变量，从而在页面展示出来。

1.过滤器的使用

1).通过管道符号进行

语法：{{变量|过滤器1|过滤器2|...}}

例如：实现一个功能，先把所有字符变成小写，再把第一个字符转换成大写

语法：{{str|lower|capfirst}}

2）使用参数：过滤器名称后使用冒号":"，再加上参数。使用参数时，冒号与参数之间不能有空格

语法：{{变量|过滤器:"参数"}}

例如：把一个字符串中所有空格去掉，则可以使用"cut"过滤器

语法：{{str|cut:" "}}

2.常用过滤器

add                            字符串、数字、列表相加，如果失败，返回空字符串

--------------------------------------------------------------------------------------------------

default                       提供一个默认值，当django认为是flase时返回该值，如空字符串、None，区别于

                               default_if_none，这个只有在变量为None时才使用默认值

--------------------------------------------------------------------------------------------------

first                             返回列表的第一个值

last                              返回列表的最后一个值

--------------------------------------------------------------------------------------------------

date                             格式化日期和时间

time                             格式化时间

--------------------------------------------------------------------------------------------------

join                              字符串拼接，常用于列表转换成字符串

--------------------------------------------------------------------------------------------------

length                          返回字符串或者数组的长度，返回0则表示变量未定义

length_is                     判断字符串或者数组的长度是否为指定的值

---------------------------------------------------------------------------------------------------

upper                           字符串转换成大写

lower                           字符串转换成小写

---------------------------------------------------------------------------------------------------

truncatechars               根据后面给的参数截断字符，如果超过了用"..."表示，有标签会包含标签

truncatewords              同truncatechars，以一个单词为单位进行截断

# 以上两个有XXX_html类型，针对html，截断标签中的字符，而不会截断标签

---------------------------------------------------------------------------------------------------

title                              标题化，把每个单词首字母大写

capfirst                         字符串首字母大写

---------------------------------------------------------------------------------------------------

slice                              切割列表，下标从0开始，区间是左闭右开，涉及多个参数

---------------------------------------------------------------------------------------------------

striptags                        去掉所有html标签

safe                               关闭变量的自动转义，例如让标签起作用

---------------------------------------------------------------------------------------------------

floatformat                    浮点数格式化

3.date和time过滤格式

Y 四位数的年，如：1999

y 两位数的年，如：99

m 两位数的月，如：01，09

n 一位数的月，如：1，9

d 两位数的日，如：01， 02

j 一位数的日，如：1， 2

g 12小时制的一位数的小时，如：1， 9， 12

G 24小时制的一位数的小时，如：0， 8， 10， 23

h 12小时制的两位数的小时，如：01， 09， 12

H 24小时值的两位数的小时，如：00， 08， 10， 23

i 分钟，从00~59

s 秒钟，从00~59

例如，格式化当前时间：

{{now|date:"Y年m月n日 H时i分s秒"}}

三.静态文件

图片文件，css文件，JS文件统称为静态文件。在一个网页中，不仅仅只有一个html骨架，还需要css样式文件，js执行文件以及一些图片等。在项目目录下创建static目录，为了区分各种类型的文件分别创建css、image、JS的目录，用于存放对应的静态文件

1.静态文件的配置

在项目目录下新建'static'文件夹，在settings.py文件中添加"STATICFILES_DIRS"设置静态文件目录路径，同tamplates

STATIC_URL = "static"

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

2.静态文件的创建

可以在static文件夹下创建APP文件夹后再创建静态文件，新建后记得要上传

1)创建CSS文件：static/css/mystyle.css，输入css样式

body{

    blackground:skyblue

}

2)创建JS文件：static/css/myjs.js，输入js行为

alter("这是一个Django项目")

3)image文件夹，存放图片

3.静态文件的引入

创建模板 :/tamplates/student/static_test.html

{% load ststic %}}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset= "utf-8">

    <title>静态文件引入</title>

    <link rel="stylesheet" href="{% static "css/mystyle.css"}">

</head>

<body>

    <script src="{% static "js/myjs.js"}></script>

    <img src="{% static "img/myimg.png"}>

</body>

</html>