Django的可重用HTML模板示例

01-配置并运行Django项目

首先按照博文 https://blog.csdn.net/wenhao_ir/article/details/131166889配置并运行Django项目。

02-创建可重用模板文件

templates目录下新建目录common,然后在目录common下新建文件:navbar.html,并写入下面的代码:

html 复制代码
<p>这里是网站的Logo!</p>
<p>这里是网站的菜单导航!</p>

03-创建调用重用模板文件的HTML文件

templates目录下新建文件:index.html,并写入下面的代码:

html 复制代码
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>

<!-- 引入共享的顶部部分 -->
{% include './common/navbar.html' %}

<div style="color:red;font-size:24px;">你好 Django !!!我是昊虹AI笔记!</div>

</body>
</html>

然后访问URL:

bash 复制代码
http://127.0.0.1:8010/index/

效果如下:

相关推荐
小彭律师10 分钟前
人脸识别门禁系统技术文档
python
炒空心菜菜2 小时前
SparkSQL 连接 MySQL 并添加新数据:实战指南
大数据·开发语言·数据库·后端·mysql·spark
张小九992 小时前
PyTorch的dataloader制作自定义数据集
人工智能·pytorch·python
zstar-_2 小时前
FreeTex v0.2.0:功能升级/支持Mac
人工智能·python·macos·llm
苏生要努力2 小时前
第九届御网杯网络安全大赛初赛WP
linux·python·网络安全
于壮士hoho2 小时前
DeepSeek | AI需求分析
人工智能·python·ai·需求分析·dash
蒙奇D索大2 小时前
【人工智能】自然语言编程革命:腾讯云CodeBuddy实战5步搭建客户管理系统,效率飙升90%
人工智能·python·django·云计算·腾讯云
AndrewHZ2 小时前
【Python生活】如何构建一个跌倒检测的算法?
python·算法·生活·可视化分析·陀螺仪·加速度计·跌倒检测
lizz6663 小时前
Python查询ES错误ApiError(406, ‘Content-Type ...is not supported
python·elasticsearch
lqjun08273 小时前
Focal Loss 原理详解及 PyTorch 代码实现
人工智能·pytorch·python