Django 学习 之 模板(html)与配置静态文件

时间:2022-03-12 17:14:18

 一.模板(html)

1.模板语法之变量:语法为 {{ }}

在 Django 模板中遍历复杂数据结构的关键是句点字符, 语法:{{ var_name }}

var_name 是一个变量名称,需要和views文件return第三个参数(字典)中的键一一对应。

views.py中的内容:

def index(request):

# 变量里的变量名等于return中的值,return的键要也模板{{ 值 }}的一一对应

s = "hello"  # 一个变量

list1 = ['one', 2, "three"]  # 列表

dict1 = {"name": "zero", "age": 18, "sex": "女"}  # 字典

class Person(object):

def __init__(self, name):

self.name = name     # 类中的属性

def eat(self):           # 类中的方法

return "%s特别能吃" % self.name

person_ming = Person("ming")  # 自定义类对象

person_hu = Person("hu")

person_xing = Person("xing")

person_list = [person_ming, person_hu, person_xing]

return render(request, "index.html", {

"snum": s,

"list": list1,

"dict": dict1,

"person_ming": person_ming,

"person_list": person_list,

})

templates下的index.html中body的内容:

<body>

<h1>哈哈哈哈</h1>

<hr>

<h2>一个变量:{{ snum }}</h2>

<hr>

<p>一个列表:{{ list }}</p>

<p>列表中的元素获取第一个值:{{ list.0 }}</p>

<p>列表中的元素获取第二个值:{{ list.1 }}</p>

<hr>

<p>一个字典:{{ dict }}</p>

<p>字典中的值:{{ dict.name }}</p>

{% for key,val in dict.items %}

<p>{{ key }}:{{ val }}</p>

{% endfor %}

<hr>

<p>显示的是一个对象:{{ person_ming }}</p>

<p>显示的是一个对象中的属性:{{ person_ming.name }}</p>

<p>显示的是列表对象:{{ person_list }}</p>

<p>显示列表对象中的第一个对象:{{ person_list.0 }}</p>

<p>显示列表对象中的第二个对象的属性:{{ person_list.0.name }}</p>

<p>显示对象中的方法:{{ person_list.0.eat }}</p>

{#注意对象中的方法调用在模板中不需要(),和属性相同即可被调用#}

</body>

注意:句点符也可以用来引用对象的方法

如:

<h4>字典:{{ dict.name.upper }}</h4>

2.模板语法之过滤器:语法 {{obj|filter__name:param}}

语法:{{obj|filter__name:param}}  #param可以有也可以没有

(1)default

如果一个变量是false或者为空,使用给定的默认值。否则,使用变量的值。特别注意True也直接显示为True。

(2)length

语法:{{ value|length }}

返回值的长度。它对字符串和列表都起作用。

(3)filesizeformat

语法:{{ value|filesizeformat }} 

value只能一个数值,其他类型的值无法读取默认:     

将值格式化为一个 “人类可读的” 文件尺寸 (例如 '13 KB', '4.1 MB', '102 bytes', 等等)。例如:

如果 value 是 123456789,输出将会是117.7 MB。

(4)date

语法:{{ value|date:"Y-m-d" }} 

根据给定的格式日期格式。

如果 now=datetime.datetime.now()

会输出:2019-07-04 的格式

还有别的时间格式输出:

{{ value|date }}

{{ value|date:"D d M Y" }}

{{ value|date:"D d M Y" }} {{ value|time:"H:i" }}

(5)truncatechars

语法:{{ value|truncatechars:10 }}

如果字符串字符多于指定的字符数量,那么会被截断。截断的字符串将以可翻译的省略号序列(“...”)结尾。

参数:要截断的字符数

(6)safe

Django的模板中会对HTML标签和JS等语法标签进行自动转义,原因显而易见,这样是为了安全。但是有的时候我们可能不希望这些HTML元素被转义,比如我们做一个内容管理系统,后台添加的文章中是经过修饰的,这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本,如果自动转义的话显示的就是保护HTML标签的源文件。为了在Django中关闭HTML的自动转义有两种方式,如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。

语法:{{ value|safe }}

以上的例子为下内容:

views.py内容为:

def model_filter(request):

name1 = "hsz"

str_length = "I love three things. The sun ,the moon and you. " \

"The sun for the day. The moon for the night and you forever."

num = 12345

value = "<a href='http://www.baidu.com'>点击</a>"

import datetime

now = datetime.datetime.now()

return render(request,"filter.html",{

# (1)default

"name01": name1,

"name02": False,

"name03": '',

"name04": True,

# (2)length

"str_lg": str_length,

# (3)filesizeformat

"str_fileszie": str_length,

"num_filesize": num,

# (4)date

"now": now,

# (5)truncatechars

"str_truncate": str_length,

# (6)safe

"sf_value": value,

})

相应的filter.html的body内容为:

<body>

<p>(1)default</p>

<p>{{ name01|default:"zero"}}</p>

<p>{{ name02|default:"zero"}}</p>

<p>{{ name03|default:"zero"}}</p>

<p>{{ name04|default:"zero"}}</p>

<hr>

<p>(2)length</p>

<p>{{ str_lg|length }}</p>

<hr>

<p>(3)filesizeformat</p>

<p>{{ str_fileszie|filesizeformat }}</p>

<p>{{ num_filesize|filesizeformat }}</p>

<hr>

<p>(4)datetime</p>

<p>{{ now|date }}</p>

<p>{{ now|date:"Y-m-d" }} </p>

<p>{{ now|date:"D d M Y" }}</p>

<p>{{ now|date:"D d M Y" }} {{ now|time:"H:i" }}</p>

<hr>

<p>(5)truncatechars</p>

<p>截取50个字符</p>

<p>{{ str_truncate|truncatechars:50 }}</p>

<hr>

<p>(6)safe</p>

<p>{{ sf_value|safe }}</p>

</body>

3.模板语法之标签:语法为 {% tag  %}

标签看起来像是这样的: {% tag %}。标签比变量更加复杂:一些在输出中创建文本,一些通过循环或逻辑来控制流程,一些加载其后的变量将使用到的额外信息到模版中。一些标签需要开始和结束标签 (例如{% tag %} ...标签 内容 ... {% endtag %})。

(1)for标签

a.遍历每一个元素

{% for pername in per_list %}

<p>名字为:{{ pername}}</p>

{% endfor %}

<hr>

<p>for的反向循环</p>

{% for name in per_list reversed %}

<p>倒叙的名字为:{{ name }}</p>

{% endfor %}

b.遍历一个字典

<p>遍历一个字典</p>

<p>一个人的信息:</p>

{% for key,val in info_dict.items %}

<p>{{ key }}:{{ val }}</p>

{% endfor %}

注:循环序号可以通过{{forloop}}显示

例:

<p>序号从1开始</p>

{% for i in loop_list %}

<p>{{ forloop.counter }}:{{ i}}</p>

{% endfor %}

序号从1开始

<p>{{ forloop.counter }}:{{ i.name }} === {{ i.eat }}</p>

序号从0开始

<p>{{ forloop.counter0 }}:{{ i.name }} === {{ i.eat }}</p>

倒序

<p>{{ forloop.revcounter }}:{{ i.name }} === {{ i.eat }}</p>

倒序,最后一个为0

<p>{{ forloop.revcounter0 }}:{{ i.name }} === {{ i.eat }}</p>

例:(forloop.first):

{% for i in loop_list %}

{% if forloop.first %}

{{i}}

{% endif %}

{% endfor %}

例(forloop.last)2:

{% for i in loop_list %}

{% if forloop.last %}

{{ i }} <--这是最后一个数

{% else %}

{{ i }}|

{% endif %}

{% endfor %}

(2)for ... empty

for 标签带有一个可选的{% empty %} 从句,以便在给出的组是空的或者没有被找到时,可以有所操作。

例:

{% for num in em_list %}

<p>{{ num }}</p>

{% empty %}

<p>sorry,no num here</p>

{% endfor %}

(3)if 标签

{% if %}会对一个变量求值,如果它的值是“True”(存在、不为空、且不是boolean类型的false值),对应的内容块会输出。

{% if num > 100 or num < 0 %}

<p>无效</p>

{% elif num > 80 and num < 100 %}

<p>优秀</p>

{% else %}

<p>凑活吧</p>

{% endif %}

(4)with 标签

使用一个简单地名字缓存一个复杂的变量,当你需要使用一个“昂贵的”方法(比如访问数据库)很多次的时候是非常有用的。(就相当于把值暂时保存)

<p>{{ per_list.2 }}</p>

{% with name=person_list.2 %}

<p>{{ name }}</p>

{% endwith %}

(5)csrf_token

提交数据的时候就会做安全机制,当你点击提交的时候会出现一个forbbiddon

的错误,就是用setting配置里的scrf做安全机制的,那么我们可以吧它给注释了,,,

或者在form表单下面添加一个{% csrf_token %},,,

这才是真正解决的办法,注释不是解决的办法

<h3>scrf_token</h3><form action="/tag/" method="post">

{% csrf_token %}

<p><input type="text" name="haiyan"></p>

<input type="submit">

</form>

4.自定义标签和过滤器

(1)在settings中的INSTALLED_APPS配置当前app,不然django无法找到自定义的simple_tag.。

(2)在app中创建templatetags模块(模块名只能是templatetags)。

(3)在templatetags里面创建任意 .py 文件。如:mytemtags.py

#!/usr/bin/env python

# -*- coding:utf-8 -*-

# by hsz

from django import template

from django.utils.safestring import mark_safe

register = template.Library()   #register的名字是固定的,不可改变

@register.filter

def my_filter(v1, v2):

return v1 * v2

@register.simple_tag

def my_tag1(v1, v2, v3):

return v1 * v2 * v3

@register.simple_tag

def my_html(v1, v2):

temp_html = "<input type='text' id='%s' class='%s' />" %(v1, v2)

return mark_safe(temp_html)

(4)在使用自定义simple_tag和filter的html文件中导入之前创建的 my_tags.py

{% load my_tags %}

(5)使用simple_tag和filter(如何调用)

{% load xxx %}

# num=12

{{ num|filter_multi:2 }} #24

{% simple_tag_multi 2 5 %}

{% simple_tag_multi num 5 %}

注:参数不限,但不能放在if for语句中

注意:filter可以用在if等语句后,simple_tag不可以

自定义过滤器函数的参数只能两个,可以进行逻辑判断

自定义标签无参数限制,不能进行逻辑判断

{% if num|filter_multi:30 > 100 %}

{{ num|filter_multi:30 }}

{% endif %}

二.静态文件配置

我们自己导入的一些包就叫做静态文件

1.在全局中(项目根目录)先创建一个static(名字随意)的包,

2.在包里面导入我们的bootstrap,还是jquery等

Django 学习 之 模板(html)与配置静态文件

3.然后在settings.py中加上一些配置

STATIC_URL = '/static/'

#这个配置就相当于下面配置的别名,如果这里的名字修改了就按照这里的名字去导入

STATICFILES_DIRS = [

os.path.join(BASE_DIR,"mystatic"),

]

4.导入css,js,jquery

不要因为你创建的包名是mystatic而把下面路径中的static修改掉,Django中只有你在setting已经配置了,那么都是以static为名,就相当于别名。

<link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">

<link rel = "stysheet",href= "/static/css/index.css/">