【django】模板继承

导读:本篇文章讲解 【django】模板继承,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

一、模板继承

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

父模板的创建

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>

2、⼦模板

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

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

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

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

3、视图类:

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

4、响应结果:

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/74099.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!