django模板继承

最新推荐文章于 2023-02-15 10:15:06 发布

dz45693

最新推荐文章于 2023-02-15 10:15:06 发布

阅读量1.8k

点赞数

分类专栏： python

python 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

django模板继承

通过搞一个base.html
这个base.html可以包含两类
- block片断
- 其他html
然后index.html继承base.html
继承关系如图

代码体现template继承

关键字

- 预设片断模板- 留坑
{% block title %}
    默认标题
{% endblock %}

- 预包含html文件
{% include 'nav.html' %}


- index.html继承base.html
{% extends 'base.html' %}

- index.html填坑
{% block content %}
    hello new content
{% endblock %}

项目代码体现

learn/templates/ - 其他一些小的html 如nav bottom tongji 等独立开来.

nav.html
<div>nav html</div>

tongji.html
<div>tongji html</div>

bottom.html
<div>bottom html</div>

learn/templates/base.html - 预设模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        {% block title %}
            默认标题
        {% endblock %}
    </title>
</head>
<body>
{% include 'nav.html' %}

{% block content %}
    <div>这是默认的content</div>
{% endblock %}

{% include 'bottom.html' %}
{% include 'tongji.html' %}
</body>
</html>

learn/templates/index.html - 继承base.html,最终返回拼接好的index.html

{% extends 'base.html' %}
{% load staticfiles %}

{% block title %}
    hello new title
{% endblock %}

{% block content %}
    hello new content
{% endblock %}

url.py- 映射index的path

from learn import views

urlpatterns = [
    path('', views.index),
    path('admin/', admin.site.urls),
]

views.py - 返回index.html

def index(request):
    return render(request, "index.html")

访问测试

特殊情况

base.html继承html和index.html继承html的区别(写的位置)

extend要放在第一行

模板继承

Django 中url补充以及模板继承

dz45693

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
django模板继承

django模板继承通过搞一个base.html 这个base.html可以包含两类 block片断其他html 然后index.html继承base.html 继承关系如图代码体现template继承关键字- 预设片断模板- 留坑{% block title %} 默认标题{% endblock %}- 预包含html文件{...
复制链接

扫一扫

专栏目录