在前面的几节中我们都是用简单的django.HttpResponse来把内容显示到网页上,本节将讲解如何使用渲染模板的方法来显示内容。
1、创建一个zqxt_tmpl项目,和一个名称为learn的应用,并且
django-admin.py startproject zqxt_tmpl
cd zqxt_tmpl
python manage.py startapp learn
2、把learn加入到settings.INSTALLED_APPS中
INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'learn', ]
3、打开learn/views.py写一个首页的视图
from django.shortcuts import render # Create your views here. def home(request): return render(request,'home.html')
4、在learn目录下新建一个templates文件夹,里面新建一个Home.html
目录结构如下:
zqxt_tmpl ├── learn │ ├── __init__.py │ ├── admin.py │ ├── migrations │ │ └── __init__.py │ ├── models.py │ ├── templates │ │ └── home.html │ ├── tests.py │ └── views.py ├── manage.py └── zqxt_tmpl ├── __init__.py ├── settings.py ├── urls.py └── wsgi.py 4 directories, 12 files
5、在home.html中写一些内容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>欢迎光临!</title> </head> <body> 欢迎进入尘封学堂 </body> </html>
6、将试图函数对应到网址,更改zqxt_tmpl/urls.py
from django.contrib import admin from django.urls import path from learn import views as learn_views urlpatterns = [ path('admin/', admin.site.urls), #视图对应到网址中 path('',learn_views.home,name='home'), ]
7、[可选]创建数据库表
python manage.py syncdb # Django 1.7.x 以及上要用 python manage.py migrate
创建的数据库虽然本节用不到,但是可以让一些提示小时(提示你要创建数据库之类的)
8、运行开发服务器,看看效果
python manage.py runserver 8091
运行的效果如下:
模板补充知识:
网站模板的设计,一般的,我们做网站有一些通用的部分,比如导航,底部,访问统计代码等等
nav.html,bottom.html,tongji.html
可以写一个base.html来包含这些通用文件(include)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>{% block title %}默认标题{% endblock %}</title> </head> <body> {% include 'nav.html' %} {% block content %} <div> 这里是默认内容,所有继承自这个模板的,如果不覆盖就显示这里的默认内容</div> {% endblock %} {% include 'buttom.html' %} {% include 'tongji.html'%} </body> </html>
如果需要,写足够多的block以便继承的模板可以重写该部分,include是包含其他文件的内容,就是把一些网页公用的部分拿出来,重复利用,改动的时候也方便一些,还可以把广告代码放在一个单独的html中,改动也方便一些,在用到的地方include进去,其他的页面继承自base.html就好了,继承后的模板也可以在block块中include其他的模板文件
比如我们的首页home.html,继承或者说扩展(extends)原来的base.html,可以简单这样写,重写部分代码(默认值的那一部分不用改)
{% extends 'base.html' %} {% block title %}欢迎光临首页{% endblock %} {% block content %} {% include 'ad.html' %} 这里是首页,欢迎光临 {% endblock %}
注意:模板一般放在app下的templates中,Django会自动去这个文件夹中找。但 假如我们每个app的templates中都有一个 index.html,当我们在views.py中使用的时候,直接写一个 render(request, 'index.html'),Django 能不能找到当前 app 的 templates 文件夹中的 index.html 文件夹呢?(答案是不一定能,有可能找错)
Django 模板查找机制: Django 查找模板的过程是在每个 app 的 templates 文件夹中找(而不只是当前 app 中的代码只在当前的 app 的 templates 文件夹中找)。各个 app 的 templates 形成一个文件夹列表,Django 遍历这个列表,一个个文件夹进行查找,当在某一个文件夹找到的时候就停止,所有的都遍历完了还找不到指定的模板的时候就是 Template Not Found (过程类似于Python找包)。这样设计有利当然也有弊,有利是的地方是一个app可以用另一个app的模板文件,弊是有可能会找错了。所以我们使用的时候在 templates 中建立一个 app 同名的文件夹,这样就好了。
这就需要把每个app中的 templates 文件夹中再建一个 app 的名称,仅和该app相关的模板放在 app/templates/app/ 目录下面,
例如:项目 zqxt 有两个 app,分别为 tutorial 和 tryit
zqxt ├── tutorial │ ├── __init__.py │ ├── admin.py │ ├── models.py │ ├── templates │ │ └── tutorial │ │ ├── index.html │ │ └── search.html │ ├── tests.py │ └── views.py ├── tryit │ ├── __init__.py │ ├── admin.py │ ├── models.py │ ├── templates │ │ └── tryit │ │ ├── index.html │ │ └── poll.html │ ├── tests.py │ └── views.py ├── manage.py └── zqxt ├── __init__.py ├── settings.py ├── urls.py └── wsgi.py
这样,使用的时候,模板就是 "tutorial/index.html" 和 "tryit/index.html" 这样有app作为名称的一部分,就不会混淆。