08_模版嵌套

最新推荐文章于 2023-05-17 20:43:14 发布

超级圈

最新推荐文章于 2023-05-17 20:43:14 发布

阅读量106

点赞数

分类专栏： Django2.0

本文链接：https://blog.csdn.net/weixin_44953364/article/details/103348857

版权

Django2.0 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

模版嵌套

1、常用的模板标签

我们前面写的前端页面，有很多代码都是重复的，所以我们要写个模板base.html，让网页来继承它。

<!DOCTYPE html>
<html lang="en">
<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>

blog_detail.html继承和引用模板文件

{% extends 'base.html' %}

{#页面标题#}
{% block title %}
    {{ blog.title }}
{% endblock %}

{#页面内容#}
{% block content %}
    <h3>{{ blog.title }}</h3>
    <p>作者：{{ blog.author }}</p>
    <p>发表日期：{{ blog.create_time|date:"Y-m-d G:n:s" }}</p>
    <p>分类：<a href="{% url 'blogs_with_type' blog.blog_type.pk %}">{{ blog.blog_type }}</a></p>
    <p>{{ blog.content }}</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 %}

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 %}

2、全局模板文件夹

新建templates文件夹，在settings.py中

'DIRS': [
            os.path.join(BASE_DIR,'templates'),
        ],

3、模板文件设置建议

把html页面移进来

超级圈

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
08_模版嵌套

模版嵌套1、常用的模板标签我们前面写的前端页面，有很多代码都是重复的，所以我们要写个模板base.html，让网页来继承它。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>{% block title%}{% endb...
复制链接

扫一扫

专栏目录