文档章节

七、Django学习:模板嵌套

o
 osc_wws45aot
发布于 2019/08/20 13:54
字数 795
阅读 0
收藏 0

精选30+云产品,助力企业轻松上云!>>>

blog_list.htmlblog_detail.htmlblogs_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文件对其的引用

blockblock 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.htmlblog_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.htmlblog_list.htmlblogs_with_type.html也可以移动到mysite templates目录下。但为了避免混淆,可以在mysite templates目录下新建一个blog文件夹,将这三个文件放到这个目录下。

blog_detail.htmlblog_list.htmlblogs_with_type.html移动到mysite templates blog文件夹下面,修改appblog 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对页面进行美化。

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
全站导航

python 基础 基础【一】基础数据类型 基础【二】while循环及基本运算符 基础【三】字符串的操作方法 基础【四】列表的操作方法 基础【五】字典的操作方法 基础【六】集合基本操作 基础【七】...

osc_3uvms8cw
2019/04/16
2
0
Web框架之Flask

Flask简介 Flask是一个基于Python开发并且依赖jinja2模板和Werkzeug WSGI服务的一个微型框架,对于Werkzeug本质是Socket服务端,其用于接收http请求并对请求进行预处理,然后触发Flask框架,...

osc_3zu23d0r
2018/03/20
2
0
django

django 基础知识目录 1、Django基础一之web框架的本质 2、Django基础二之URL路由系统 3、Django基础三之视图函数 4、Django基础四之模板系统 5、Django基础五之django模型层(一)单表操作 6、...

osc_1wt3tlkr
2019/05/20
2
0
python小白学习

整理了很久,总算整理出来了一套完整的给新人学习python的博客,希望可以给后来的年轻人们提供一些帮助。 python全栈开发学习day1计算机五大组成部分 python全栈开发学习day2语言种类及变量 ...

osc_tvqwfyak
2019/03/19
2
0
Django使用reportlab套件生成PDF文件

简介 项目中生成了一个实例,需要提供给用户下载pdf文件功能。 最开始想到的是使用前段技术,直接将html页面保存为pdf文件。这个过程使用了html2pdf,这个纯js项目。该项目会将指定的DOM元素...

alazyer
2018/04/20
2.4K
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周日乱弹 —— 那么长的绳子,你这是放风筝呢

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @ 巴拉迪维:黑豹乐队的单曲《无地自容》 耳畔突然响起旋律,是那首老歌。中国摇滚有了《一无所有》不再一无所有;中国摇滚有了《无地自容》不...

小小编辑
54分钟前
65
1
《吐血整理》-顶级程序员书单集

你知道的越多,你不知道的越多 给岁月以文明,而不是给文明以岁月 前言 王潇:格局决定了一个人的梦想,梦想反过来决定行为。 那格局是什么呢? 格局是你能够看见的深度、广度和密度。 王潇认...

敖丙
2019/12/11
8
0
我可以在Android版式中加下划线吗? - Can I underline text in an Android layout?

问题: 如何在Android布局xml文件中定义带下划线的文本? 解决方案: 参考一: https://stackoom.com/question/A31z/我可以在Android版式中加下划线吗 参考二: https://oldbug.net/q/A31z/...

法国红酒甜
57分钟前
26
0
干掉ELK | 使用Prometheus+Grafana搭建监控平台

什么是Prometheus? Prometheus是由SoundCloud开发的开源监控报警系统和时序列数据库(TSDB)。Prometheus使用Go语言开发,是Google BorgMon监控系统的开源版本。 Prometheus的特点 · 多维度...

木九天
今天
34
0
拉勾网拉你上勾

预览 需求简介 拉勾网是一个互联网行业的一个招聘网站,上面有许多职位,于是乎,小编想提取指定职位的基本信息(职位名,薪水,工作经验,工作地点,教育背景),然后插入 MongoDB 数据库,...

木下瞳
2019/04/17
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部