当前位置： 首页 > news >正文

Python Django 之模板继承详解（extends）

news 2026/5/21 6:35:48

文章目录

  • 1 概述
    • 1.1 目的
    • 1.2 标签：block、extends
    • 1.3 目录结构
  • 2 templates 目录
    • 2.1 base.html：父页面
    • 2.2 login.html：子页面
  • 3 其它代码
    • 3.1 settings.py
    • 3.2 views.py
    • 3.3 urls.py

1 概述

1.1 目的

  • 模板继承 和 类继承 的目的是一样的，都是为了提高代码的复用

1.2 标签：block、extends

# 父 Html 中，block：定义语句块，供 子页面使用
{% block xx %}{% endblock %}# 子 Html 中，extends：继承父页面
{% extends "xx.html" %}

1.3 目录结构

在这里插入图片描述

2 templates 目录

2.1 base.html：父页面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>{% block title %} 基础页面 {% endblock %}</title>{% block css %} {% endblock %}
</head>
<body><a href="https://www.baidu.com/"> 百度一下 </a>{% block content %} {% endblock %}{% block js %} {% endblock %}
</body>
</html>

2.2 login.html：子页面

{% extends "base.html" %}{% block title %}登录首页
{% endblock %}{% block css %}<style>p {color: red}</style>
{% endblock %}{% block content %}<p>姓名：<input type="text" placeholder="姓名"></p><p>密码：<input type="text" placeholder="密码"></p>
{% endblock %}{% block js %}<script>alert('欢迎登录')</script>
{% endblock %}

登录效果：
在这里插入图片描述

3 其它代码

3.1 settings.py

TEMPLATES = [{'BACKEND': 'django.template.backends.django.DjangoTemplates',# 模板的位置'DIRS': [os.path.join(BASE_DIR, 'templates')],'APP_DIRS': True,'OPTIONS': {'context_processors': ['django.template.context_processors.debug','django.template.context_processors.request','django.contrib.auth.context_processors.auth','django.contrib.messages.context_processors.messages',],},},
]

3.2 views.py

from django.shortcuts import render, HttpResponse, redirectdef login(request):return render(request, "login.html")

3.3 urls.py

from django.urls import pathfrom app01 import viewsurlpatterns = [path('login/', views.login),
]

相关文章：

Python Django 之模板继承详解（extends）

文章目录 1 概述1.1 目的1.2 标签&#xff1a;block、extends1.3 目录结构 2 templates 目录2.1 base.html&#xff1a;父页面2.2 login.html&#xff1a;子页面 3 其它代码3.1 settings.py3.2 views.py3.3 urls.py 1 概述 1.1 目的 模板继承 和 类继承 的目的是一样的&#…...

编程日记 2023/11/3 16:25:18

混合式ANC主动降噪耳机系统设计(含C源代码)

混合式ANC主动降噪耳机系统设计(含C源代码) 是否需要申请加入数字音频系统研究开发交流答疑群(课题组)？可加我微信hezkz17, 本群提供音频技术答疑服务，+群赠送语音信号处理降噪算法，蓝牙音频，DSP音频项目核心开发资料, 1 FF信号链路与FB 链路算法处理上一样 X(n)为噪声输…...

编程日记 2023/11/3 16:24:17

Linux查看磁盘、内存、cpu信息

1. 查看磁盘空间信息&#xff1a;lsblk 2. 查看内存信息&#xff1a;awk $3"kB"{$2$2/1024^2;$3"GB";} 1 /proc/meminfo | column -t 3. 查看cup相关信息&#xff1a;lscup...

编程日记 2023/11/3 16:23:16

C语言 强制类型转换的各种代码示例

在C语言中&#xff0c;强制类型转换可以通过使用类型转换运算符来完成。以下是一些关于C语言强制类型转换的代码示例&#xff1a; int num 10; float fnum (float) num; // 将整数num转换为浮点数float fnum 3.14; int num (int) fnum; // 将浮点数fnum转换为整数&a…...

编程日记 2023/11/3 16:22:15

python 二维码使用

python 二维码使用 segno官网...

编程日记 2023/11/3 16:21:15

uniapp的启动页、开屏广告

uniapp的启动页、开屏广告 启动页配置广告开屏 启动页配置 在manifest.json文件中找到APP启动界面配置&#xff0c;可以看到有Android和iOS的启动页面的配置 &#xff0c;选择自定义启动图即可配置 广告开屏 在pages中新建一个广告开屏文件并在pases.json的最顶部配置这个页…...

编程日记 2023/11/3 16:20:14

基于人工势场法的航线规划

GitHub - zzuwz/Artificial-Potential-Field: 2D平面下的人工势场法 GitHub - mellody11/Artificial-Potential-Field: 机器人导航--人工势场法及其改进 matlab2020a可以运行...

编程日记 2023/11/3 16:19:13

在紫光同创盘古50K开发板上进行DDR读写测试

本原创文章由深圳市小眼睛科技有限公司创作&#xff0c;版权归本公司所有&#xff0c;如需转载&#xff0c;需授权并注明出处 适用于板卡型号&#xff1a; 紫光同创PGL50H开发平台&#xff08;盘古50K开发板&#xff09; 一&#xff1a;软硬件平台 软件平台&#xff1a;PDS_…...

编程日记 2023/11/3 16:16:10

MySQL BinLog实战应用之二

一、前言 上篇 MySQL Binlog实战应用之一 主要讲了BinLog的开启以及用MySQLBinLog读取BigLog二进制文件&#xff0c;但MySQLBinLog很难直接对接Java&#xff0c;所以有了Canal这个Alibaba开发的用于MySQL增量日志解析&#xff0c;提供增量数据的订阅和消费组件。 二、Canal原…...

编程日记 2023/11/3 16:15:09

Visual Studio Code 快 捷 键

个人总结 Visual Studio Code 快 捷 键&#xff01;满足日常使用&#xff0c;提高工作效率&#xff01;&#xff01; 1、搜索文件&#xff1a; Ctrl p 2、移到某一行&#xff1a; Ctrl g 一、切 换 行 注 释、切 换 块 注 释 1、行注释"//"快捷键&#xf…...

编程日记 2023/11/3 16:13:07

有色金属冶炼VR虚拟场景互动教学有何优势

真实模拟&#xff1a;VR虚拟现实技术可以提供一个真实的虚拟环境&#xff0c;模拟钢铁制造现场&#xff0c;包括设备、工艺流程、操作规程等&#xff0c;使学员获得直观、真实的体验。 安全可靠&#xff1a;钢铁制造技能培训可以在虚拟环境中进行&#xff0c;不会对人员或设备造…...

编程日记 2023/11/3 16:12:05

Python将知网导出的endnote题录转为Refworks模式

近期使用SATI文献分析系统&#xff0c;发现效果有限&#xff0c;vosviewer虽然聚类起来图片好看&#xff0c;但没有模块度以及轮廓值等评价标准&#xff0c;因此只能去找citespace&#xff0c;3000文献经过了筛选&#xff0c;重新在知网导一次太麻烦了&#xff0c;还是直接用py…...

编程日记 2023/11/3 16:11:04

单元测试反射注解

单元测试 就是针对最小的功能单元(方法)&#xff0c;编写测试代码对其进行正确性测试。 咱们之前是如何进行单元测试的&#xff1f;有啥问题 &#xff1f; Junit单元测试框架 可以用来对方法进行测试&#xff0c;它是由Junit公司开源出来的 具体步骤 Junit框架的常见注解…...

编程日记 2023/11/3 16:08:01

Android 交叉编译openssl 、libxml2静态库

openssl: Android下openssl编译和使用&#xff08;一&#xff09;_安卓编译openssl 交叉编译 for arch in armeabi-v7a arm64-v8a-CSDN博客 libxml2: LIBXML2 2.9.11 build for Android_libxml2 android静态库_fredhurui的博客-CSDN博客...

编程日记 2023/11/3 16:07:00

神经网络气温预测

#引用所需要的库 import numpy as np import pandas as pd import matplotlib.pyplot as plt import torch import torch.optim as optim#优化器 #过滤警告 import warnings warnings.filterwarnings(“ignore”) %matplotlib inline featurespd.read_csv(‘temps.csv’) feat…...

编程日记 2023/11/3 16:04:57

体验SOLIDWORKS钣金切口工具增强 硕迪科技

在工业生产制造中&#xff0c;钣金加工是一种常用的加工方式&#xff0c;在SOLIDWORKS2024新版本中&#xff0c;钣金切口工具再次增强了&#xff0c;从SOLIDWORKS 2024 开始&#xff0c; 您可以使用切口工具在空心或薄壁圆柱体和圆锥体中生成切口。 只需在现有空心或薄壁圆柱体…...

编程日记 2023/11/3 16:03:55

（八）Flask之app.route装饰器函数的参数

app.route参数 app.route()是Flask框架中用于定义路由的装饰器函数&#xff0c;它接受一些参数来指定路由的URL规则、请求方法等。 app.route()参数如下&#xff1a; rule&#xff08;必选&#xff09;&#xff1a;定义URL规则的字符串&#xff0c;表示要匹配的URL路径。可以…...

编程日记 2023/11/3 16:02:54

ES6.8集群配置注意点

x-pack配置 当启用xpack.security.enabled时&#xff0c;确保集群中的所有节点都配置了此项&#xff0c;并确保所有节点都已重启。如果只有部分节点启用安全性&#xff0c;那么集群可能会遇到问题。 设置密码 使用elasticsearch-setup-passwords工具设置密码时&#xff0c;确保…...

编程日记 2023/11/3 16:01:53

Powercli批量修改分布式交换机端口组

背景 需求&#xff1a; 批量修改虚拟机的分布式端口组 解决方式一&#xff1a; 三条命令解决&#xff1a;先获取目标虚拟机、获取目标端口组、修改虚拟机端口组、检查虚拟机状态。 $vm Get-VM -Name <虚拟机名称> $portGroup Get-VirtualPortGroup -Name <端口…...

编程日记 2023/11/3 16:00:52

ZKP10.2 Efficient Recursion via Statement Folding (Nova)

ZKP学习笔记 ZK-Learning MOOC课程笔记 Lecture 10: Recursive SNARKs, Aggregation and Accumulation (Dan Boneh) 10.3 Efficient Recursion via Statement Folding: Nova, Supernova, and generalizations The difficulty with full recursion Prover P needs to build a…...

编程日记 2023/11/3 15:59:51

网络工程师面试必看：通过一个华为ENSP综合实验，拆解中小型网络规划的核心思路

网络工程师面试必看&#xff1a;中小型网络规划的设计思维与实战解析 当面试官抛出"请描述你如何设计一个中小型网络"这个问题时&#xff0c;大多数求职者会陷入两种极端&#xff1a;要么机械罗列配置命令&#xff0c;要么泛泛而谈架构概念。真正能打动面试官的&…...

编程新知 2026/5/21 6:11:00

Cat-Catch浏览器资源嗅探扩展深度解析：高性能流媒体捕获架构揭秘

Cat-Catch浏览器资源嗅探扩展深度解析&#xff1a;高性能流媒体捕获架构揭秘 【免费下载链接】cat-catch 猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension 项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch Cat-Catch作为一款专业…...

编程新知 2026/5/21 6:02:12

如何快速实现swagger-jsdoc与TypeScript的完美集成：完整指南

如何快速实现swagger-jsdoc与TypeScript的完美集成&#xff1a;完整指南 【免费下载链接】swagger-jsdoc Generates swagger/openapi specification based on jsDoc comments and YAML files. 项目地址: https://gitcode.com/gh_mirrors/sw/swagger-jsdoc 在现代化的API…...

编程新知 2026/5/21 4:45:32

YimMenu：GTA5终极安全防护与游戏体验优化完整指南

YimMenu&#xff1a;GTA5终极安全防护与游戏体验优化完整指南 【免费下载链接】YimMenu YimMenu, a GTA V menu protecting against a wide ranges of the public crashes and improving the overall experience. 项目地址: https://gitcode.com/GitHub_Trending/yi/YimMenu …...

编程新知 2026/5/21 4:32:46

DocLayout-YOLO实战案例：从学术论文到财务报表的布局分析

DocLayout-YOLO实战案例&#xff1a;从学术论文到财务报表的布局分析 【免费下载链接】DocLayout-YOLO DocLayout-YOLO: Enhancing Document Layout Analysis through Diverse Synthetic Data and Global-to-Local Adaptive Perception 项目地址: https://gitcode.com/gh_mir…...

编程新知 2026/5/21 4:05:09

从“黑盒”到“白盒”：深入理解PHP伪协议php://input的底层机制与安全开发启示

从“黑盒”到“白盒”&#xff1a;深入理解PHP伪协议php://input的底层机制与安全开发启示 在Web安全领域&#xff0c;文件包含漏洞一直是攻击者青睐的攻击向量。而PHP伪协议php://input的巧妙利用&#xff0c;往往能让看似无害的文件包含操作演变为致命的远程代码执行漏洞。本…...

编程新知 2026/5/21 3:40:07

效率翻倍！OrCAD Capture CIS创建复杂元器件库的实战技巧：LM358与多Part器件管理

效率翻倍&#xff01;OrCAD Capture CIS创建复杂元器件库的实战技巧&#xff1a;LM358与多Part器件管理 在电子设计领域&#xff0c;元器件库的管理水平直接影响设计效率。许多工程师在使用OrCAD Capture CIS时&#xff0c;面对LM358这类多Part器件或更复杂的异构元件时&#x…...

编程新知 2026/5/21 2:44:40

5015系列圆形连接器选型避坑指南

【导语】 在做工业设备或者车载系统时&#xff0c;连接器看似一个小零件&#xff0c;却往往是整个系统失效的重灾区。最近在复盘几个项目故障案例时发现&#xff0c;很多工控设备在振动和潮湿环境下宕机&#xff0c;根源都出在连接器选型不当上。今天我们就来深扒一下业内经典的…...

编程新知 2026/5/21 1:40:06

告别龟速下载！保姆级教程：用百度网盘离线下载搞定Android 1.6到16全版本AOSP源码

突破AOSP源码下载瓶颈&#xff1a;高效获取Android全版本开发资源的实战指南 每次打开终端准备下载AOSP源码时&#xff0c;看着缓慢增长的进度条和频繁中断的连接&#xff0c;你是否感到无比沮丧&#xff1f;作为Android开发者&#xff0c;获取完整源码是深入理解系统架构的第一…...

编程新知 2026/5/21 1:06:47

Linux设备模型核心数据结构解析：从kobject到sysfs的驱动开发指南

1. 项目概述&#xff1a;从“黑盒”到“白盒”的设备认知之旅在Linux的世界里&#xff0c;我们每天都在和各种设备打交道&#xff1a;一块硬盘、一张网卡、一个USB摄像头。对于普通用户或应用开发者而言&#xff0c;这些设备可能只是/dev/sda、eth0这样的一个文件节点或接口名。…...

编程新知 2026/5/21 0:52:34