【Python Web】django框架（九）模板的继承

最新推荐文章于 2023-05-12 17:43:04 发布
最新推荐文章于 2023-05-12 17:43:04 发布
阅读量496 收藏
点赞数 3
分类专栏： python篇 文章标签： django 前端 python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51670115/article/details/127073661
版权

文章目录

模板的继承

  • 当我们每个页面都需要保留导航栏的时候，我们对每个HTML都写了一个导航栏，这样白那些麻烦，修改时文件过多不易修改，因此我们可以选择模板。

  • 模板的定义

  • 将我们的插件写在模板中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap3/css/bootstrap.min.css' %}">
</head>
<body>
    <h1>标题</h1>
    {% block content %}{% endblock %}
    <h1>结尾</h1>
<script src="{% static 'js/jquery-3.6.1.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap3/js/bootstrap.min.js' %}"></script>
</body>
</html>
  • 继承模板
{% extends 'layoyt.html' %}

{% block content %}
    <h1>首页<h1>
{% endblock %}
  • 为了避免一个页面加载不必要的插件，可以多写几个模板，在需要的位置进行填充

案例：员工管理系统（部门管理）优化

将导航部分写入模板，列表，添加，编辑页面进行集成

  • layoyt.html
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap3/css/bootstrap.min.css' %}">
    <style>
        .navbar {
            border-radius: 0px;
        }
    </style>
</head>
<body>

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">用户管理系统</a>
        </div>


        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="/depart/list/">部门管理</a></li>
                <li><a href="#">用户管理</a></li>

            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">登录</a></li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">我的 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">个人资料</a></li>
                        <li><a href="#">我的信息</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">注销</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

<div>
    {% block content %}{% endblock %}
</div>


<script src="{% static 'js/jquery-3.6.1.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap3/js/bootstrap.min.js' %}"></script>
</body>
</html>
  • depart_list.html
{% extends 'layoyt.html' %}

{% block content %}
    <div class="container">
        <div style="margin-bottom: 10px">
            <a class="btn btn-success" href="/depart/add/">
                <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
                新建部门
            </a>
        </div>

        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading">
                <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
                部门列表
            </div>

            <!-- Table -->
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>名称</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                {% for obj in querysite %}
                <tr>
                    <th>{{ obj.id }}</th>
                    <td>{{ obj.title }}</td>
                    <td>
                        <a class="btn btn-primary btn-xs" href="/depart/{{ obj.id }}/edit/">编辑</a>
                        <a class="btn btn-danger btn-xs" href="/depart/delete/?nid={{ obj.id }}">删除</a>
                    </td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>

    </div>
{% endblock %}
  • depart_add.html
{% extends 'layoyt.html' %}

{% block content %}
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">新建部门</h3>
            </div>
            <div class="panel-body">
                <form method="post">
                    {% csrf_token %}
                    <div class="form-group">
                        <label>标题</label>
                            <input type="text" class="form-control" placeholder="标题" name="title">
                    </div>
                    <button type="submit" class="btn btn-primary">提 交</button>
                </form>
            </div>
        </div>
    </div>
{% endblock %}
  • depart_edit.html
{% extends 'layoyt.html' %}

{% block content %}
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">修改部门</h3>
            </div>
            <div class="panel-body">
                <form method="post">
                    {% csrf_token %}
                    <div class="form-group">
                        <label>标题</label>
                            <input type="text" class="form-control" placeholder="标题" name="title" value="{{ row_object.title }}">
                    </div>
                    <button type="submit" class="btn btn-primary">提 交</button>
                </form>
            </div>
        </div>
    </div>
{% endblock %}
LibraFree
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
Python Flask Web教程021：模板继承
惊鸿若梦一书生
07-02 1714
Flask中的模板可以继承，通过继承可以把模板中许多重复出现的元素抽取出来，放在父模板中，并且父模板通过定义block给子模板开一个口，子模板根据需要，再实现这个block首先创建一个base.html把导航栏和尾部写进去，当作一个基础模板，其他几个页面都继承这个基础模板的内容，这样省了在每一个页面中都写相同的内容，直接继承就可以了，也方便维护。文件目录结构如下：......
pythonWeb框架Django-2.1
11-20
同时，Django 2.1支持模板继承和部分更新，帮助开发者保持代码的整洁和重用。 对于URL路由（URL Routing），Django 2.1引入了更强大的正则表达式支持，允许开发者更精确地匹配和处理URL。同时，URL配置变得更易读，...
python web 框架 tr_python的Web框架，模板标签及模板的继承
weixin_35347870的博客
02-09 211
模板标签在传递数据的时候，会有大量的数据展示在浏览器上，而数据会是动态变化的，在html的编写中，数据也是需要动态的，而不能是写死的，如果动态展示呢。给定的例子数据views传递数据给html1 from django.shortcuts importrender23 defindex(request):45 students =[6 {'id':1...
《云计算全栈》-pythonweb开发篇：模板继承-创建一个基础页面、其他模板文件继承于基础页面
解启超
03-08 240
2 案例2：修改模板 2.1 问题 为投票、投票结果、问题详情修改模板 创建一个基础页面 其他模板文件继承于基础页面 2.2 步骤 实现此案例需要按照如下步骤进行。 步骤一：创建一个基础页面： 在之前投票系统项目基础上，定义一个基础模板，该框架之后由子模板继承， 在templates文件下，创建基础模板base.html文件，为其他页面增加标题与页脚： <html lang="en"&gt...
基于python的Flask web开发 三：jinja2控制语句和模板的使用与继承
FlowerCoding的博客
03-13 1815
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Can you get married？</title> </head> <body> {% if age >= 22 %} <div>you can get married!</div> {% elif.
【Python】【进阶篇】30、Django模板继承精讲
deepboat的博客
05-12 1151
【Python】【进阶篇】30、Django模板继承精讲
详解Python的Django框架中的模版继承
12-24
在实际应用中，你将用 Django 模板系统来创建整个 HTML 页面。 这就带来一个常见的 Web ...本质上来说，模板继承就是先构造一个基础框架模板，而后在其子模板中对它所包含站点公用部分和定义块进行重载。 让我们通过
python Django框架实现自定义表单提交
09-21
在Python的Web开发领域，Django框架是一个非常流行的高级框架，它提供了强大的功能来构建复杂的Web应用程序。在本文中，我们将深入探讨如何在Django中实现自定义表单提交，以及如何处理CSRF（跨站请求伪造）错误，...
Python.Web.Development.with.Django_python_djangoweb_django_
10-01
**Python Web开发与Django框架详解** 在现代Web开发领域，Python以其简洁、优雅的语法和强大的库支持，成为了一种流行的编程语言。而Django，作为Python的顶级Web框架，以其“ batteries included ”（内置功能全面...
python DjangoWeb
01-26
Python Django 是一个高级的、免费的开源Web框架，它遵循模型-视图-控制器（MVC）设计模式，用于快速、安全且实用地构建高质量的Web应用程序。Django以其“ batteries included ”的理念而闻名，提供了许多内置功能...
bootstrap左右布局模板_Django框架中的模板继承
weixin_39840635的博客
11-28 483
模板继承的应用场景通常一个网站的某几个页面都有一些公共的布局，如导航栏、侧边栏和页脚的一些地方，如果将这些公共的部分抽离出来，放在一个单独的 html 页面中用于给其他页面继承，就称它为父版，而继承父版的页面就称为子版，同一个父版可以被多个子版继承。子版中可以继承父版的内容和属性，这样可以使得页面更加简洁，而且在子版中可以修改母版中的部分内容。模板继承中用到的内置标签{% load %} ...
自动化测试平台搭建系列（10）——Django框架中的Bootstrap和继承
十七光年的博客
09-08 569
文章目录
Django模板继承精讲
ccc369639963的博客
05-19 1494
Django模板继承精讲 1. 模板继承的概念 模板继承是 Django 模板语言中最强大的部分。模板继承使你可以构建基本的“骨架”模板，将通用的功能或者属性写在基础模板中，也叫基类模板或者父模板。子模板可以继承父类模板，子模板继承后将自动拥有父类中的属性和方，我们还可以在子模板中对父模板进行重写，即重写父模板中方法或者属性，从而实现子模板的定制。模板继承大大提高了代码的可重用性，减轻开发人员的工作量。 2. 模板继承的应用 那么模板继承如何使用呢？它的使用场景有哪些呢？最典型的应用是 Web 站点的头部信
django多个html模板,django：相同的模板标签,但在多个继承的html模板中
weixin_42370927的博客
06-16 306
我在django中使用模板继承.目前有frame.html和book_detail.htmlbook_detail.html扩展了frame.html,我有books_tags.py# In frame.html{% load books_tags %}{% book_list %} # using a tag from books_tags.py# In books.html{% extends...
django之模板继承
zhouxuan623的专栏
04-10 3706
模板的继承，主要的作用就是实现模板内html代码的重复利用，方便维护和修改，比如一个网站每个网页的页头和页脚信息固定，这样就不需要在每个html页面加入页头和页尾代码，只需要在一个html文件中创建一个模板，其他html页面直接引用即可 常用的格式为 创建模板base.html <!DOCTYPE html> <html lang="en"> <head>...
web自动化之python学习-python单继承和多继承
许大头博客
01-27 92
#重写父类方法，只需要在子类中写一个与父类名字相同的方法名字即可 #重写父类方法，并且调用父类方法用super（） #调用方法子类中没有才回去父类中找到 class A: def eat_m(self): print("eat...") def run_m(self): print("run....") def stick_m(self): print("stick...") class B(A): def sleep_m(s
python 多继承问题，django Mixin
sky0Lan的博客
08-05 136
class A: def send(self): print('A send') class B: def send(self): print('B send') super().send() class C(B, A): def f(self): self.send() class D(A, B): def f(self): self.send() c = C() c.f() pri
python Django 模版继承
w469001293的博客
01-07 161
python Django 模版继承 在前端页面开发中。有些代码是需要重复使用的。这种情况可以使用 include标签来实现。也可以使用另外一个比较强大的方式来实现，那就是模版继承。模版继承类似于Python 中的类，在父类中可以先定义好一些变量和方法，然后在子类中实现。模版继承也可以在父模版中先定义好一些子模版需要用到的代码，然后子模版直接继承就可以了。并且因为子模版肯定有自己的不同代码， 因此...
python web为什么继承不了父模板
最新发布
11-25
Python web框架中为什么不能直接继承父模板主要是由于不同的模板语言和语法。在Python web开发中，常用的模板语言有Jinja2、Django等，它们与一般的Python语法不同，因此无法直接通过Python语言来实现模板的继承。 另外，Python web框架中的模板继承是通过模板引擎来实现的，而不是通过Python语言本身。这些模板引擎通常是特定于框架的，因此无法直接使用Python语法来实现模板继承。 换句话说，虽然Python语言在后端开发中扮演着重要的角色，但是模板的继承并不是Python语言本身的特性，而是由框架和模板引擎提供的功能。 另外，Python web框架中的模板继承是一种特定的设计模式，主要用于避免重复代码和提高代码的复用性。因此，即使Python语言本身具有面向对象的继承特性，但在模板继承中并不适用，因为模板继承的实现并不是通过Python语言本身的继承机制来完成的。 综上所述，Python web框架不能直接继承父模板主要是因为模板语言和语法的不同，以及模板继承是由框架和模板引擎来实现的，并不是通过Python语言本身的继承机制来完成的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LibraFree

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值