六Django学习:模板嵌套
Posted sjfeng1987
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了六Django学习:模板嵌套相关的知识,希望对你有一定的参考价值。
blog_list.html
,blog_detail.html
,blogs_with_type.html
这3个文件有大量的重复代码,如果把这些重复的代码提取到另外一个html
文件中,也就是使用模板嵌套,就可以达到复用的目的。
- 在
blog templates
文件夹下面建立一个新的文件base.html
,并将重复的html
代码复制进去。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div>
<a href='% url "home" %'>
<h3>个人博客网站</h3>
</a>
</div>
</body>
</html>
- 使用模板语言
block
来构建块,用于其他html
文件对其的引用
block
以block block_name
开头,以endblock
结束,其中block_name
为自己取的块名
修改base.html
如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>% block title %% endblock %</title>
</head>
<body>
<div>
<a href='% url "home" %'>
<h3>个人博客网站</h3>
</a>
</div>
# 加一个横线用于分割页面 #
<hr>
% block content %% endblock %
</body>
</html>
- 使用
extends
引用base.html
blog_detail.html
修改如下:
% extends 'base.html' %
# 页面标题 #
% block title %
blog.title
% endblock %
# 页面内容 #
% block content %
<h3> blog.title </h3>
<p>作者: blog.author </p>
<p>发表时间: blog.created_time|date:"Y-m-d G:m:s" </p>
<p>分类:
<a href='% url "blogs_with_type" blog.blog_type.pk %'>
blog.blog_type
</a>
</p>
<p> blog.content </p>
% endblock %
解释:使用extends
来扩展使用base.html
- 类似的修改
blogs_with_type.html
和blog_list.html
文件
blogs_with_type.html
% extends 'base.html' %
# 页面标题 #
% block title %
blog_type.type_name
% endblock %
# 页面内容 #
% block content %
<h3> blog_type.type_name </h3>
% for blog in blogs %
<a href="% url 'blog_detail' blog.pk %">
<h3> blog.title </h3>
</a>
<p> blog.content|truncatechars_html:30 </p>
% empty %
<p>-- 暂无博客,敬请期待 --</p>
% endfor %
<p>一共有 blogs|length 篇博客</p>
% endblock %
blog_list.html
% extends 'base.html' %
# 页面标题 #
% block title %
个人博客网站
% endblock %
# 页面内容 #
% block content %
% for blog in blogs %
<a href="% url 'blog_detail' blog.pk %">
<h3> blog.title </h3>
</a>
<p> blog.content|truncatechars_html:30 </p>
% empty %
<p>-- 暂无博客,敬请期待 --</p>
% endfor %
<p>一共有 blogs|length 篇博客</p>
% endblock %
再次运行服务,可以得到相同的结果。
模板文件放在
app
文件夹还是放到项目文件夹,取决于这个模板文件是否可以被其他的app
复用,是否会对app
产生影响。我们博客的base.html
最好放在项目文件夹中。
- 在
mysite
文件夹下面新建templates
文件夹(manage.py
同级目录),将blog base.html
文件移动到该文件夹内。为了让新的路径能识别,需要在settings.py
文件中进行设置。
TEMPLATES = [
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [
os.path.join(BASE_DIR, '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',
],
,
,
]
再次启动页面,可以看到页面结果一样。
同理blog_detail.html
, blog_list.html
,blogs_with_type.html
也可以移动到mysite templates
目录下。但为了避免混淆,可以在mysite templates
目录下新建一个blog
文件夹,将这三个文件放到这个目录下。
将
blog_detail.html
,blog_list.html
,blogs_with_type.html
移动到mysite templates blog
文件夹下面,修改app
下blog views.py
以找到该路径。
from django.shortcuts import render_to_response,get_object_or_404
from .models import Blog, BlogType
# Create your views here.
def blog_list(request):
context =
context['blogs'] = Blog.objects.all()
return render_to_response('blog/blog_list.html', context)
def blog_detail(request, blog_pk):
context =
context['blog'] = get_object_or_404(BlogType, pk=blog_type_pk)
return render_to_response('blog/blog_detail.html', context)
def blogs_with_type(request, blog_type_pk):
context =
blog_type = get_object_or_404(BlogType, pk=blog_type_pk)
context['blogs'] = Blog.objects.fileter(blog_type=blog_type)
context['blog_type'] = blog_type
return render_to_response('blog/blogs_with_type.html', context)
再次启动页面,可以看到页面结果一样。
总结:通过模板嵌套,让代码更简洁明了,但是显示的页面还是比较简陋,这就产生了新的需求,使用css
对页面进行美化。
以上是关于六Django学习:模板嵌套的主要内容,如果未能解决你的问题,请参考以下文章