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

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

news 2026/4/1 15:59:50

文章目录

  • 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

ESP32 TCP服务端避坑指南：从端口复用到KeepAlive，这些配置项你真的懂了吗？

ESP32 TCP服务端深度配置实战&#xff1a;从端口复用到KeepAlive参数调优 在物联网设备开发中&#xff0c;TCP服务端的稳定性往往决定着整个系统的可靠性。许多开发者在使用ESP32搭建TCP服务端时&#xff0c;虽然能够快速实现基础通信功能&#xff0c;但当面临多设备连接、网络…...

编程新知 2026/4/1 15:42:24

Hunyuan-MT-7B像素翻译终端效果实测：中英日韩四语同屏对照演示

Hunyuan-MT-7B像素翻译终端效果实测&#xff1a;中英日韩四语同屏对照演示 1. 产品概览与核心特色 1.1 像素化翻译新体验 Pixel Language Portal&#xff08;像素语言跨维传送门&#xff09;是一款基于Tencent Hunyuan-MT-7B大模型构建的创新翻译工具。与传统翻译软件不同&a…...

编程新知 2026/4/1 15:38:24

5大核心优势！PingFangSC字体配置完全指南：从安装到设计工具深度应用

5大核心优势&#xff01;PingFangSC字体配置完全指南&#xff1a;从安装到设计工具深度应用 【免费下载链接】PingFangSC PingFangSC字体包文件、苹果平方字体文件&#xff0c;包含ttf和woff2格式 项目地址: https://gitcode.com/gh_mirrors/pi/PingFangSC 在数字设计领…...

编程新知 2026/4/1 15:34:11

2027年非全日制国际商务硕士备考规划-暨南大学（珠海研究院）

2027年非全日制国际商务硕士备考规划 一、基本情况与备考总原则 个人时间画像 工作日&#xff1a;19:20到家&#xff0c;19:30-20:00吃饭休息&#xff0c;20:00-23:00为黄金学习时段&#xff08;约2.5-3小时&#xff09;。23:30前入睡&#xff0c;保证7小时睡眠。 周末&#xf…...

编程新知 2026/4/1 15:21:59

Mermaid Live Editor：代码驱动的实时图表协作新范式

Mermaid Live Editor&#xff1a;代码驱动的实时图表协作新范式 【免费下载链接】mermaid-live-editor Edit, preview and share mermaid charts/diagrams. New implementation of the live editor. 项目地址: https://gitcode.com/GitHub_Trending/me/mermaid-live-editor …...

编程新知 2026/4/1 14:49:12

从下载到运行：Pi0模型完整部署指南，适合新手入门

从下载到运行&#xff1a;Pi0模型完整部署指南&#xff0c;适合新手入门 1. 项目简介&#xff1a;什么是Pi0&#xff1f; Pi0是一个视觉-语言-动作流模型&#xff0c;专门为通用机器人控制设计。简单来说&#xff0c;它能让机器人“看懂”周围环境&#xff0c;“听懂”你的指…...

编程新知 2026/4/1 14:13:59

2KW移相全桥整机Matlab Simulink仿真模型电源 2KW移相全桥整机Matlab Simulink仿真模型电源学习资料，报告mathcad参数设计，

2KW移相全桥整机Matlab Simulink仿真模型电源 2KW移相全桥整机Matlab Simulink仿真模型电源学习资料&#xff0c;报告mathcad参数设计&#xff0c;模型搭建过程参考资料&#xff0c;仿真模型等&#xff0c;很全面的移相全桥学习资料&#xff0c;电子资料针对你提到的 2kW 移相全…...

编程新知 2026/4/1 13:33:06

FRP内网穿透实战：5分钟搞定Linux服务器+Docker部署（含HTTPS配置）

FRP内网穿透实战&#xff1a;Linux服务器与Docker部署全指南 引言 在当今分布式开发和远程办公的浪潮中&#xff0c;内网穿透技术已成为开发者工具箱中不可或缺的一部分。想象一下这样的场景&#xff1a;你正在本地开发一个Web应用&#xff0c;需要让远方的同事实时预览效果&am…...

编程新知 2026/4/1 13:10:44

避坑指南：深度相机与RGB相机标定中的5个常见错误

避坑指南&#xff1a;深度相机与RGB相机标定中的5个常见错误 在三维重建和增强现实开发中&#xff0c;深度相机与RGB相机的联合标定是基础却极易出错的关键环节。许多开发者投入大量时间调试标定结果&#xff0c;却因忽视了一些看似简单的细节而功亏一篑。本文将揭示五个最常被…...

编程新知 2026/4/1 12:56:28

Linux党福利：Debian12下用VSCode+SDCC玩转51单片机（含WSL配置指南）

Debian 12下构建开源51单片机开发环境&#xff1a;VSCodeSDCC全攻略 在Linux环境下开发51单片机一直是个小众但极具技术挑战性的选择。相比Windows平台上Keil的垄断地位&#xff0c;开源工具链在Linux上的表现往往被低估。本文将带你用VSCodeSDCC在Debian 12上搭建一个完整的51…...

编程新知 2026/4/1 12:18:12