【django】模板继承_django模板继承

作者：知新_RL | 2024-06-29 11:27:53

踩

django模板继承

这里写目录标题

一、模板继承

一、模板继承

模板继承和类的继承含义是⼀样的，主要是为了提⾼代码重⽤，减轻开发⼈员的⼯作量。
在这里插入图片描述

父模板的创建

a、项目工程目录下，创建templates目录，作为父模板，
b、在配置settings.py文件中配置模板，
os.path.join(BASE_DIR，‘templates’)
c、在父模板下创建子应用film/index.html文件
d、编辑文件

子模版的创建

a、在子应用film中创建子模版templates
b、在templates下创建login.html文件
c、编辑文件

1、⽗模板

如果发现在多个模板中某些内容相同，那就应该把这段内容定义到⽗模板中。
标签block：⽤于在⽗模板中预留区域，留给⼦模板填充差异性的内容，名字不能相同。为了更好的可读性，建议给endblock标签写上名字，这个名字与对应的block名字相同。⽗模板中也可以使⽤上下⽂中传递过来的数据。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}</title>

    {% endblock %}

    {% block css %}

    {% endblock %}


</head>
<body>
    {% block content %}

    {% endblock %}

    {% block js %}

    {% endblock %}

</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

2、⼦模板

标签extends：继承，写在⼦模板⽂件的第⼀⾏。

{% extends 'film/index2.html' %}
1

⼦模版不⽤填充⽗模版中的所有预留区域，如果⼦模版没有填充，则使⽤⽗模版定义的默认值。

{% extends 'film/index2.html' %}

{% block title %}
    登录首页
{% endblock %}

{% block css %}
    <style>
        p{
            color:red
        }
    </style>
{% endblock %}

{% block content %}
    <P>姓名：<input type="text"></P>
    <P>密码：<input type="text"></P>
{% endblock %}

{% block js %}
    <script>alert('欢迎登录')</script>
{% endblock %}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

3、视图类：

class UserView(View):
    def patch(self,request):
        return render(request,'login.html')
1
2
3

4、响应结果：

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/769140