django之模板的继承

最新推荐文章于 2024-08-02 23:25:16 发布
最新推荐文章于 2024-08-02 23:25:16 发布
阅读量107 收藏
点赞数
文章标签： django python 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_73592765/article/details/132632223
版权 
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">

    <style>
        .navbar {
            border-radius: 0;
        }
    </style>

</head>
<body>
<nav class="navbar navbar-default">
    <div class="container">
        <!-- 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>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
                <li><a href="/depart/list/">部门管理</a></li>
                <li><a href="#">员工管理</a></li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
            </ul>
            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>
            <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><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

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

<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
</body>
</html>

父模板

{% extends 'layout.html' %}

{% block content %}
    <div class="container">
        <div>
            <a class="btn btn-success" href="/depart/add/" target="_blank">添加</a>
        </div>
        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading">部门管理</div>
            <div class="panel-body">
                <p>
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>名称</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for obj in queryset %}

                        <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>
                </p>
            </div>

        </div>
    </div>

{% endblock %}

子继承

特点：

父模板通过{% block content %} {% endblock %}来链接子

子通过

{% extends 'layout.html' %}

{% block content %}

...

{% endblock %}

来继承父模板。

拓展：

如下代码多次出现进行继承

{% block 命名 %} {% endblock %}

晚风吹行舟254
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
django html 模板继承,Django模板继承精讲
weixin_31440211的博客
06-16 472
在本节我们讲述模板语言中最后一个知识点，也是最重要的，那就是模板继承。模板继承和 Python 语言中类的继承含义是一样的，在 Django 中模板只是一个文本文件，如 HTML，XML，CSV等文件格式。那模板继承到底是是什么呢？如何在 Django 中使用它呢？让我们一起一探究竟。1. 模板继承的概念模板继承是 Django 模板语言中最强大的部分。模板继承使你可以构建基本的“骨架”模板，将通...
django之模板继承
zhouxuan623的专栏
04-10 3714
模板的继承，主要的作用就是实现模板内html代码的重复利用，方便维护和修改，比如一个网站每个网页的页头和页脚信息固定，这样就不需要在每个html页面加入页头和页尾代码，只需要在一个html文件中创建一个模板，其他html页面直接引用即可 常用的格式为 创建模板base.html <!DOCTYPE html> <html lang="en"> <head>...
Django HTML 模板继承
m0_57055443的博客
01-14 1657
在使用 Django 构建 Web 应用时，HTML 模板继承能够更加灵活和有效地管理和组织前端代码。通过继承，我们可以在不同的页面之间共享相同的结构和布局，减少代码冗余，提高可维护性。本文将讲述Django 中的 HTML 模板继承，并以示例讲解具体的使用方法。
【django】模板继承详解
Mr_WoLong
10-31 1948
【django】模板继承详解-模板继承基本思路，子模块应用继承思路及js引入
【django】模板继承
python全栈
04-21 1321
一、模板继承 模板继承和类的继承含义是⼀样的，主要是为了提⾼代码重⽤，减轻开发⼈员的⼯作量。 父模板的创建 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、⽗模板
Django中模板的继承
weixin_53766744的博客
11-05 1338
在同一个网页中有多个选项栏，不同的子网页中除了主体内容不一样，其网页的上面和下面部分还是一样的，如下图点击‘电影’栏和‘电视剧’栏后发现只有主体内容发生改变，如果要实现这俩个网页完全可以重复的敲页面中的非主体内容，但是如果要修改页面内容则需要重复的修改n次，’继承‘的出现解决了这个问题。子模版用来覆盖父模板中 block_name 块的内容。模板继承可以使父模板的内容重用，子模版直接继承父模板的全部内容并可以覆盖父模板中相应的块。3.block标签：在父模板中定义，可以在子模版中覆盖。
django继承html模板,django模板继承之三层继承
weixin_42111465的博客
06-18 336
使用环境同前django文章。启动django的web服务：]#cd/root/py3/django-test1/test4]#pythonmanage.pyrunserver192.168.255.70:8000一级html模板为base.html；二级html模板为base_user.html，bae_user.html继承自base.html；三级html模板为user1.htm...
Django之模板继承
u012734441的专栏
03-29 6534
在使用Django进行web开发时，往往会构造一个基础框架模板即base.html，而后在其子模板中对它所包含站点公用部分和定义块进行重载。 首先创建一个base.html，源码为： {% block title %}{% endblock %} My helpful timestamp site {% block content %}{% endblock %} {% bl
Django 模板的继承
搬砖小能手
09-19 162
Django 模板的继承
django html 模板继承,Django之html-模板继承
weixin_39768762的博客
06-16 286
在编程的过程中，我们经常会重复性的写了很多的代码，比如一个页面的框架部分，这样我又多少个页面就得写上多少次，这样既不好维护，也不够高效，所以我们引出了html的模板继承部分。1、写好一个html文件。2、下面有个新的html文件需要继承上面这个html。直接在这个新的html文件的最顶端，写上下面的内容#这个manger.html就是母版的文件名称，告诉这个html去哪里继承。{% extends...
智慧水务项目（四）django(drf)+angular 18 添加drf_yasg api接口文档
最新发布
浪淘沙jkp的专栏
08-02 166
文档api接口是必须的本来准备用coreapi，据说drf_yasg更流弊。
智慧水务项目（二）django(drf)+angular 18 创建通用model，并对orm常用字段进行说明
浪淘沙jkp的专栏
08-02 222
上一篇文章建立一个最简单的项目，现在我们建立一个公共模型，抽取公共字段，以便于后续模块继承，过程之中会对orm常用字段进行说明，用到的介绍一下。
智慧水务项目（三）django(drf)+angular 18 创建系统管理的用户、角色、部门、权限管理等model
浪淘沙jkp的专栏
08-02 164
添加各model添加requirement.txt中的库添加env.py中的动态配置。
Django函数视图和类视图
Liuzhengyue_的博客
08-02 450
注意：这里我们要将所有的html文件全部放在templates文件夹里面，并且在全局的文件setting.py里面。1.全局环境的urls.py引入映入应用的urls，避免后期开发路由过多而导致杂乱。把需要呈现的视图展示柜到views.py里面，就可以通过相应的路由进行访问。2.找到对应的应用下创建urls.py,并进行路由配置。转到应用下的urls.py里面配置路由。在views里面定义类。
智慧水务项目（一）django(drf)+angular 18 通过pycharm建立项目
浪淘沙jkp的专栏
08-01 597
1、创建一个用户管理app，一个系统管理app，删除templates文件夹数据库有个网址可以免费白嫖，测试可以，速度不错，SQLPub - 免费的MySQL数据库我这里都安装最新的，看情况吧，反正开始就是测试 在settings.py中配置时序浏览器 http://127.0.0.1:8000/admin这样差不多就行了，
【ROS2】概念:高级-构建系统
cxyhjl的博客
07-30 376
目录构建工具构建助手ament_package包ament_cmake仓库ament_lint仓库元构建工具构建系统是允许开发人员根据需要构建其 ROS 2 代码的工具。ROS 2 在很大程度上依赖于将代码划分为包，每个包都包含一个清单文件 (package.xml)。此清单文件包含有关包的基本元数据，包括其对其他包的依赖性。此清单是元构建工具正常运行所必需的。ROS ...
Selenium与WebDriver：Errno 8 Exec格式错误的多种解决方案
ip16yun的博客
07-30 368
在使用Selenium和WebDriver进行网页自动化时，可能会遇到各种错误。其中一个常见问题是执行格式错误（Errno 8 Exec format error）。这个错误通常在运行ChromeDriver时出现，错误提示涉及路径中的某个文件。本文将概述这个问题的背景，并提供多种解决方案，包括如何使用代理IP技术进行数据抓取。
exceptionx：灵活便捷的Python异常处理库，让异常处理更高效！
__
07-31 356
exceptionx 是一个灵活且便捷的Python异常处理库，允许你动态创建异常类，并提供多种异常处理机制。
python字符串数据容器练习（replace,split,count）
2301_79600015的博客
07-31 452
Python字符串是由一系列字符组成的数据类型。在Python中，字符串是不可变的，这意味着一旦创建了一个字符串，就不能修改它的内容。以下是关于Python字符串的一些重要知识点：1. 字符串的基本操作：拼接字符串：使用`+`运算符。重复字符串：使用`*`运算符。索引和切片：使用`[]`和`:`操作符访问字符串中的子串。长度：使用`len()`函数获取字符串长度。转换大小写：使用`upper()`和`lower()`方法。分割和连接：使用`split()`和`join()`方法。
Django 类视图继承示例
07-17
当使用Django类视图时，可以通过继承来实现代码的复用和逻辑的扩展。以下是一个示例，展示了如何使用类视图继承。 假设我们有两个类视图：一个用于显示所有文章，另一个用于显示单个文章的详细信息。我们可以定义一...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值