码迷,mamicode.com
首页 > 其他好文 > 详细

Django-----模板嵌套

时间:2018-02-01 14:48:11      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:truncate   src   一个   color   alt   djang   文件   for   extends   

一、模板的嵌套是指,我们可以将Html中相同结构的部分提取出来,放在一个文件里然后进行引用,中间需要填充的部分我们使用{%block %} +内容+{%endblock%}来代替,在需要使用地方我们使用{%extends ‘base.html‘%}来引用。

1.相同的结构部分我们可以将他提取出来。(base.html)

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{%block title%}{% endblock %}</title>
</head>
<body>
    <a href = "{%url ‘home‘%}"><div><h2>个人博客网站</h2></div></a>
    {%block content%}{% endblock %}
</body>
</html>

2.文件的使用:需要使用的地方我们将它加进去。最标题使用extends引用一下!

{% extends ‘base.html‘%}
{#标题#}
    {% block title %}
        {{typename.typenames}}
    {% endblock %}
{#内容#}
    {% block content %}
        {#别名需要用引号#}
        <div><h2>{{typename.typenames}}</h2></div>
        {%for arcile in blogs%}
            <a href = "{%url ‘blogdetail‘ arcile.pk%}">
                <h3>{{arcile.title}}</h3>

            </a>
            <p>{{arcile.content|truncatechars:10}}</p>
        {%empty%}
            --暂无博客--
        {%endfor%}
        <p>一共有{{blogs|length}}博客</p>{#显示文章博客数量#}
    {% endblock %}

二、公共全局模板文件的设置。

django默认的模板文件是放在app里面的,但是有些文件我们可能是全局方向上使用的,因此,我们需要建立一个全局方向上的文件夹。

技术分享图片

1.建立文件夹后我们把公共部分的模板文件存放在全局文件夹下。然后在setting里面指定一下目录。

技术分享图片

BASE_DIR:是基础的文件路径,可以理解为到根目录,用join方法拼接,全局文件夹。

2.app项目里还存在着其他的一些文件,那么可不可以放在全局文件夹下呢?是可以的。只是我们还需要设置一下view下的文件,不然djano找不到.

def blogdetail(request,aricle_id):
    contenx = {}
    contenx[detail] = get_object_or_404(Blog,pk = aricle_id)
    return render_to_response(blog/detail.html,contenx)
def bloglist(request):
    contenx = {}
    contenx[list] = Blog.objects.all()#获取所有的文章
    # contenx[‘count‘] = Blog.objects.all().count()
    return render_to_response(blog/list.html,contenx)

建议:模板文件存放:

如果是这个文件跟着整个项目走的话,最好将文件放在全局的文件夹下,如果是需要做一个单独的app封装的话放在app下

Django-----模板嵌套

标签:truncate   src   一个   color   alt   djang   文件   for   extends   

原文地址:https://www.cnblogs.com/jeepzp/p/8398558.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!