Django 学习 之 模板(html)与配置静态文件
一.模板(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等
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/">
