模板
上节我们直接将html内容写在代码中直接输出，这样不利于html代码的复用和维护，所以需要模板系统来实现html代码和数据的分离，接下来我们就来学习Django中的模板系统。
- 模板版Hello Django!
- Django 模板教程
- 加载静态资源
模板版Hello Django！
接着上节的HelloDjango项目，我们在HelloDjango目录下新建templates文件夹，然后在templates下新建index.html文件，文件内容如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hello Django!</title>
</head>
<body>
{{context}}
</body>
</html>
同时修改view.py的hello函数，修改后文件如下：
from django.shortcuts import render
def hello(request):
return render(request,'index.html',{'context':'Hello Django!'})
然后我们需要在settings.py文件里设置模板文件夹路径，让Django可以找到，添加以下代码：
1.8版本前
TEMPLATE_DIRS={
os.path.join(BASE_DIR,'HelloDjango/templates')
}
1.8版本及以后
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
# templates 文件夹路径
'DIRS': [os.path.join(BASE_DIR,'HelloDjango/templates'),],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
接下来需要同步数据库（上节没做），不执行可能会报错，执行以下命令
1.7版本前
python manage.py syncdb
1.7版本及往后
python manage.py migrate
然后启动服务，执行命令
python manage.py runserver 0.0.0.0:8000
再次访问即可看到同样的内容。
Django 模板教程
上面介绍了模板的简单使用，先来简单的解读下上诉代码，html中{{context}}是一个变量,render(request,'index.html',{'context':'Hello Django!'})的时候后面字典参数指定context的值，前面参数指定了模板的文件名。
接下来我们介绍模板的基本语法
- 用{{}}包围的是变量，如{{context}},上面的例子中，我们给模板context传递了简单的值，大部分是string，以及一个datetime.date。尽管如此，模板可以传递更复杂的数据结构，如列表，字典和自定义对象模板中使用符号‘.’来访问复杂变量的成员（包括方法（无参数），字典的key，当方法发送异常时，字符串将会被渲染为空字符串），如上述代码修改为：
return render(request,'index.html',{'context':{'text':'Hello Django!'}})
在html中可以通过{{context.text}}来获取text的值，并且.符号可以嵌套使用。对于不合法的方法和变量，模板都会将其渲染为空字符串。
- 用{%%}包围的是块标签，如{%if True%}，块标签的含义很丰富,Django模板支持多种内建的块标签，并且你可以写你自己的标签来扩展模板的功能，下面介绍常用的几个标签：
if/else
{% if %}标签计算一个变量值，如果是“true”，即它存在、不为空并且不是false的boolean值系统则会显示{% if %}到{%else%}(如果存在)或{% endif %}（不存在）间的所有内容：
{% if today_is_weekend %}
<p>Welcome to the weekend!</p>
{% else %}
<p>Get back to work.</p>
{% endif %}
{% if %}标签接受and，or或者not来测试多个变量值或者否定一个给定的变量，但是不允许在一个标签块同时使用and 和 or（可以多次都使用and或or）,如果要实现该功能，需使用嵌套{%if%}来完成，同样不存在{%elif%}标签，实现此功能同样需要嵌套。
for
{% for %}标签允许你按顺序遍历一个序列中的各个元素
Python的for语句语法为for X in Y，X是用来遍历Y的变量
每次循环模板系统都会渲染{% for %}和{% endfor %}之间的所有内容，如
<ul>
{% for athlete in athlete_list %}
<li>{{ athlete.name }}</li>
{% endfor %}
</ul>
如需反向遍历，可以在标签添加reversed，用法如下：
{% for athlete in athlete_list reversed%}
<li>{{ athlete.name }}</li>
{% endfor %}
标签不支持break和continue，如果需要实现功能，请传递只包含想要遍历的变量的字典。
{% for %}标签内置了一个forloop模板变量，这个变量含有一些属性可以提供给你一些关于循环的信息
1.forloop.counter表示循环的次数，它从1开始计数，第一次循环设为1，例如：
{% for item in todo_list %}
<p>{{ forloop.counter }}: {{ item }}</p>
{% endfor %}
2.forloop.counter0类似于forloop.counter，但它是从0开始计数，第一次循环设为0
3.forloop.revcounter表示循环中剩下的items数量，第一次循环时设为items总数，最后一次设为1
4.forloop.revcounter0类似于forloop.revcounter，但它是表示的数量少一个，即最后一次循环时设为0
5.forloop.first当第一次循环时值为True
6.forloop.last当最后一次循环时值为True
7.forloop.parentloop在嵌套循环中表示父循环的forloop：
{% for country in countries %}
<table>
{% for city in country.city_list %}
<tr>
<td>Country #{{ forloop.parentloop.counter }} </td>
<td>City #{{ forloop.counter }}</td>
<td>{{ city }}</td>
</tr>
{% endfor %}
</table>
{% endfor %}
ifequal/ifnotequal
{% ifequal %}比较两个值,类似于{%if%}标签，同样支持{%else%},{%ifnotequal%}与{%ifequal%}相反
include模板标签
这个标签允许你引入另一个模板的内容，标签的参数是你想引入的模板的名字，名字可以是变量，也可以是单引号或双引号表示的string
下面两个例子引入了模板nav.html的内容，这表示单引号和双引号都是允许的：
{% include 'nav.html' %}
{% include "nav.html" %}
{% include template_name %} #template_name为变量，由渲染时动态指定
如果被引入的模板中包含任何的模板代码，如标签和变量等，它将用父模板的context计算它们
如果给定的模板名不存在，Django将做下面两件事情中的一件：
1.如果DEBUG设置为True，你将看到一个TemplateDoesNotExist异常的错误页面
2.如果DEBUG设置为False，标签将什么也不显示
模板继承
在web开发过程中，我们经常会遇到header或者footer相同的页面，django中可以使用模板继承来减少这些相同页面的冗余编码，这里先介绍下，具体如何使用会在后面的blog项目中介绍。
哲学和限制
Django的模板可能不同于jsp等其他模板引擎，他不允许你直接在模板中使用python代码，有时候为了实现某些功能可能需要很多代码（如if elif），但是这是django设计者所尊崇的设计哲学，业务逻辑应该和呈现逻辑分离，显示只做显示的事，业务的逻辑应交由后台来完成。当然你觉得Django的模板系统不好用的话，你也可以使用其他模板系统（1.8版本以后），具体做法为（更换为jinja2引擎）：
在项目下建立jinja2_env.py
#from __future__ import absolute_import # 如果是py2就取消这行的注释
from django.contrib.staticfiles.storage import staticfiles_storage
from django.urls import reverse
from jinja2 import Environment
def environment(**options):
env = Environment(**options)
env.globals.update({
'static': staticfiles_storage.url,
'url': reverse,
})
return env
在settings.py里配置
#1.8版本及以后
TEMPLATES = [
{
#修改为其他模板引擎
'BACKEND': 'django.template.backends.jinja2.Jinja2',
# templates 文件夹路径
'DIRS': [os.path.join(BASE_DIR,'HelloDjango/templates'),],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
'environment': 'APP_NAME.jinja2_env.environment',#配置环境
},
},
]
加载静态资源
html中通常需要加载图片和css/js等静态资源，需要做以下配置
在settings.py中添加以下代码：
STATIC_ROOT = os.path.join(BASE_DIR,'blog/static')#static目录
STATIC_URL = '/static/'#访问的url
STATICFILES_DIRS = (
("css", os.path.join(STATIC_ROOT,'css')),
("js", os.path.join(STATIC_ROOT,'js')),
("images", os.path.join(STATIC_ROOT,'images')),
)#static文件夹
在html中这样使用
<link href="{{STATIC_URL}}css/base.css" rel="stylesheet">
这样即可加载css文件，图片和js文件类似，其中{{STATIC_URL}}为settings.py中设置的STATIC_URL值，django模板会自动传入这个值。
参考链接：
- http://blog.csdn.net/zhangxinrun/article/details/8095118/
- http://blog.csdn.net/baidu_35085676/article/details/77206901
最近参加支付宝小程序比赛需要访问量，麻烦各位看官有空复制下面的话打开支付宝，搜索栏粘贴，在此多谢各位支持了
#JvCmawp74I1#长按复制此消息，打开支付宝搜索，体验南京疫情地图小程序
网友评论