Django25——模板继承

最新推荐文章于 2024-07-18 19:24:41 发布
最新推荐文章于 2024-07-18 19:24:41 发布
阅读量493 收藏 3
点赞数
分类专栏： # Django Python学习园地 文章标签： django python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47197906/article/details/124955622
版权

文章目录


模板继承可以减少页面内容的重复定义，实现页面内容的重用
典型应用：网站的头部、尾部是一样的，这些内容可以定义在父模板中，子模板不需要重复定义
block标签：在父模板中预留区域，在子模板中填充
extends继承：继承，写在模板文件的第一行

1、模板继承步骤

（1）定义父模板base.html
使用%block进行占位

{ %block block_name%}
这里可以定义默认值
如果不定义默认值，则表示空字符串
{ %endblock%}

（2）定义子模板index.html

  • 继承父模板
{ % extends "base.html" %}
  • 在子模板中使用block填充预留区域
    定义父模板中block_name的内容
{ %block block_name%}
实际填充内容
{ %endblock%}

说明：

  • 如果在模版中使用extends标签，它必须是模版中的第一个标签
  • 不能在一个模版中定义多个相同名字的block标签
  • 子模版不必定义全部父模版中的block，如果子模版没有定义block，则使用了父模版中的默认值
  • 如果发现在模板中大量的复制内容，那就应该把内容移动到父模板中
  • 使用可以获取父模板中block的内容
  • 为了更好的可读性，可以给endblock标签一个名字。
 { % block block_name %}
      区域内容
{ % endblock block_name %}

2、使用模板继承实现练习2

分析index.html和login.html，发现头部和尾部是相同的，则将头部单独放在header.html，尾部放在footer.html，base.html包含header.html和footer.html，内容使用%block进行占位。
index2.html继承base.html，并定义base.html中%block的内容。
login2.html继承base.html，并定义base.html中%block的内容。
在这里插入图片描述

定义header.html

在这里插入图片描述

定义footer.html

<!-- 页脚BEGIN -->
<div class="bg-light border-top overflow-hidden">
    <p class="text-muted text-center my-3">泸州职业技术学院</p>
    <p class="text-muted text-center mb-5">Copyright <i class="fa-solid fa-copyright"></i>20XX</p>
</div>
<!-- 页脚END -->

定义base.html

在这里插入图片描述
在这里插入图片描述

{% load static %}
<!DOCTYPE html>
<html lang="zh">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv = "X-UA-Compatible" content="ie=edge">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="{% static 'libs/bootstrap-4.5.3-dist/css/bootstrap.min.css' %}">

    <!-- 引入其他的第三方样式库 -->
    <link rel="stylesheet" href="{% static 'libs/fontawesome-free-6.1.1-web/css/all.min.css' %}">

    <!-- 引入自定义的样式文件 -->
    <link rel="stylesheet" href="{% static 'css/login.css' %}">

    <title>{% block title %}{% endblock %}</title>
  </head>
<body>
    {% include 'exercise02/header.html' %}
    {% block content %}
    {% endblock %}
    {% include 'exercise02/footer.html' %}
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="{% static 'libs/jquery-3.6.0/jquery-3.6.0.min.js' %}"></script>
    <script src="{% static 'libs/bootstrap-4.5.3-dist/js/bootstrap.bundle.min.js' %}"></script>
    <script src="{% static 'libs/bootstrap-4.5.3-dist/js/bootstrap.min.js' %}"></script>
</body>
</html>

定义index02.html

在这里插入图片描述

定义login2.html

在这里插入图片描述

定义路由和视图进行访问

path('index02/',views.index02,name='index02'),
path('login02/',views.login02,name='login02'),

def index02(request):
    return render(request,'exercise02/index2.html')

def login02(request):
    return render(request,'exercise02/login2.html')

访问查看效果

在这里插入图片描述

在这里插入图片描述

修改index2.html和login2.html

<a class="nav-link" href="{% url 'exercise02:index02' %}">
   <i class="fa-solid fa-house-user"></i> 首页
</a>

<a class="dropdown-item" href="{%url 'exercise02:login02' %}">
    <i class="fa-solid fa-users"></i> 登录
</a>
远近2021
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5框架 iframe用法 实现嵌套 好玩用法
qq_44787874的博客
11-12 1210
html5框架 现在基本都是适用第四种内联框架来实现： 我们先编写三个html5文件： 第一个：index03.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <iframe src="index.html" width="800px" heigh
Django 的模板继承
江玉郎
09-05 1393
1 和前面一样，创建工程 2 配置 views.py 文件， urls.py 文件 3 新建templates 文件夹， 在里面新建两个文件， index.html, home.html 4 在settings.py 文件添加路径， 运行程序，如图所示 因为是模板继承，所以这里以bootstrap 框架为例，首先去官网 下载，我们只是简单的页面，所以只下载简易版 5 ...
【django】模板继承详解
Mr_WoLong
10-31 1939
【django】模板继承详解-模板继承基本思路，子模块应用继承思路及js引入
Django基础入门⑦：Django模板继承
weixin_50804299的博客
06-22 9224
本节介绍了模板继承的使用，以及它的优势，Django 官网建议，在父模板中应尽量多的使用 {% block %} 标签，这样可以给我们更多的选择空间。block 标签需要成对出现，使用 {{ endblock }} 作为结束标签；定义 block 标签名字，子模板中具有同样名称的 block 块完成对父模板的替换；子模板不需要定义父模板中的所有 block，未定义时，子模板将原样使用父模板中的内容；
Django中模板的继承
weixin_53766744的博客
11-05 1334
在同一个网页中有多个选项栏，不同的子网页中除了主体内容不一样，其网页的上面和下面部分还是一样的，如下图点击‘电影’栏和‘电视剧’栏后发现只有主体内容发生改变，如果要实现这俩个网页完全可以重复的敲页面中的非主体内容，但是如果要修改页面内容则需要重复的修改n次，’继承‘的出现解决了这个问题。子模版用来覆盖父模板中 block_name 块的内容。模板继承可以使父模板的内容重用，子模版直接继承父模板的全部内容并可以覆盖父模板中相应的块。3.block标签：在父模板中定义，可以在子模版中覆盖。
Django_模板继承
GDYY3721的博客
07-10 764
模板继承先创建一个父模版，它包含大部页面共有元素，并且需要定义能够被子模板覆盖的blocks标签。
Django模板继承
青青青青丶的博客
01-31 2677
模板继承：和Python中类的继承是相似的，典型应用是网站开头或者网站结尾。 父模板：如果一段代码重复出现，为了效率，通常会把这段代码定义到模板中，这个模板就是父模板。父模板定义在templates目录下。 子模板：需要继承父模板格式的模板，定义在templates/应用目录下。 模板继承中使用block标签，格式： {% block 名称 %} 预留区域，可以编写默认内容，也可以没有
Django模板继承 extend标签实例代码详解
10-16
Django的模板继承是其模板系统的一个核心特性，它允许开发者定义一个基础模板，然后其他模板可以基于这个基础模板进行扩展和定制。这种方式极大地提高了代码的重用性和可维护性，尤其是在大型项目中，能够保持界面的...
Django学习(四)——创建其它网页
01-20
模板继承 创建网站时，几乎都有一些所有网页都将包含的元素。在这种情况下，可编写一个包含通用 元素的父模板，并让每个网页都继承这个模板，而不必在每个网页中重复定义这些通用元素。所以我们先创建一个父模板。 ...
详解Python的Django框架中的模版继承
12-24
但是用 Django 解决此类问题的首选方法是使用更加优雅的策略—— 模板继承 。 本质上来说，模板继承就是先构造一个基础框架模板，而后在其子模板中对它所包含站点公用部分和定义块进行重载。 让我们通过
基于python+Django的管理信息系统——学生成绩管理系统.zip
10-10
【基于Python+Django的管理信息系统——学生成绩管理系统】 Python和Django是现代Web开发中的强大组合，尤其适用于快速构建高效、可扩展的管理信息系统。在这个基于Python和Django的学生成绩管理系统中，我们可以...
django的模型类管理器——数据库操作的封装详解
09-17
1. `str()`：这个方法用于将模型对象转换为字符串，通常在需要显示模型对象的简短描述时使用，例如在模板中。 2. `save()`：当你需要将模型对象保存到数据库时，调用这个方法。`save()`会根据对象是否存在数据库中...
Django 模板的继承
搬砖小能手
09-19 159
Django 模板的继承
【django】模板继承
python全栈
04-21 1319
一、模板继承 模板继承和类的继承含义是⼀样的，主要是为了提⾼代码重⽤，减轻开发⼈员的⼯作量。 父模板的创建 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、⽗模板
python django项目实战入门及项目实战
01-01
     本课程介绍如何使用 Djang。这个Web Framework在网络主机上架设一个全 功能的网站。Django 是一个由 Python 编写的具有完整架站能力的 Web 网站框架，通过这个框 架，只要短短几个指令， Python 的程序设计人员就可以轻松地建立一个正式网站所需要的骨架（框架），再从这个框架中开发出全功能的网站。     Python 语言充满了令人津津乐道的加速技巧，为了方便读者学习，本课程尽量使用初学者 容易理解的讲述方式，以期阅读本书的读者能够在最短的时间内跨过使用程序设计语言制作网 站的门槛，马上以 Python 建立 自己的特色网站，并在熟悉流程以及架构后，进一步提升网站 的性能。
Django模板继承精讲
ccc369639963的博客
05-19 1515
Django模板继承精讲 1. 模板继承的概念 模板继承是 Django 模板语言中最强大的部分。模板继承使你可以构建基本的“骨架”模板，将通用的功能或者属性写在基础模板中，也叫基类模板或者父模板。子模板可以继承父类模板，子模板继承后将自动拥有父类中的属性和方，我们还可以在子模板中对父模板进行重写，即重写父模板中方法或者属性，从而实现子模板的定制。模板继承大大提高了代码的可重用性，减轻开发人员的工作量。 2. 模板继承的应用 那么模板继承如何使用呢？它的使用场景有哪些呢？最典型的应用是 Web 站点的头部信
django 模板继承与重写
weixin_30521161的博客
04-15 575
1、模板的继承一般用在别人给我们做好的HTML页面，当我们发现有很多的页面都具有相同的部分，这会我们应该考虑怎么能把他们相同的部分给提取出来，提取出来的部分我们作为一个单独的HTML文件叫做base.html，其余不同的部分我们在base.html中用{%block content%}{%endblock%}留坑 2、当页面1和页面2都继承这个base.html 之后，页面1和页面2也都继承了...
【Django】网上蛋糕商城后台-商品管理
最新发布
笔触狂放的博客
07-18 1299
选择某个商品，点击加入条幅，移除条幅，加入热销，移除热销，加入新品，移除新品按钮时，触发请求事件，传递不同参数信息给服务器。当管理员修改信息以及重新选择新图片后，将表单提交给服务器，服务器通过比较原图片以及新图片地址判断当前图片是否需要重新上传。当管理员填写完商品信息以及选择好上传的图片后，点击提交保存按钮，将表单提交给服务器。当管理员选择某个商品进行修改时，将该商品的商品编号以及所在分页页码发送给修改页面。当管理员选择某个商品删除的时候，触发请求。当管理员点击商品管理时，发送服务器请求。
django cleaned——data
09-03
Django中的`cleaned_data`是一个包含已验证数据的字典。当你在Django中使用表单进行数据验证时，如果所有的验证规则都通过了，那么验证后的数据会存储在`cleaned_data`中。 在Django的视图函数中，你可以通过调用表单对象的`is_valid()`方法来检查表单数据是否有效。如果有效，你可以通过访问表单对象的`cleaned_data`属性来获取验证后的数据。这个属性返回一个包含所有字段的键值对的字典，其中键是字段的名称，值是验证后的数据。 以下是一个简单的示例： ```python from django import forms class MyForm(forms.Form): name = forms.CharField(max_length=100) email = forms.EmailField() def my_view(request): if request.method == 'POST': form = MyForm(request.POST) if form.is_valid(): name = form.cleaned_data['name'] email = form.cleaned_data['email'] # 在这里可以使用验证后的数据进行进一步处理 # ... else: form = MyForm() return render(request, 'my_template.html', {'form': form}) ``` 在上面的例子中，如果表单数据有效，我们可以通过`form.cleaned_data`来获取验证后的数据。在这个例子中，我们可以使用`name`和`email`变量来访问相应字段的验证后数据。 希望这能解答你关于`cleaned_data`的问题。如果还有其他问题，请随时提问！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值