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/

效果如下:

相关推荐
whcyhhh14 小时前
头歌实践教学平台:数据科学与大数据技术导论(十二)
大数据·开发语言·python·数据清洗
qq_3164110315 小时前
专业的腹腔镜医疗器械物联网APP开发服务商
python
Profile排查笔记15 小时前
指纹浏览器怎么设置 IP?代理配置、检测与排错流程
前端·人工智能·后端·自动化
阿童木写作15 小时前
跨境电商翻译利器,批量图片视频翻译+智能抠图工具
python·音视频
绘梨衣54716 小时前
异步任务队列-学习2
爬虫·python·学习·任务队列
IT_陈寒16 小时前
SpringBoot自动配置失效?你可能漏了这个小开关
前端·人工智能·后端
摇滚侠16 小时前
《SpringBoot 3:入门与应用实战》第 9 章 使用 WebMvc 开发应用 阅读笔记 1
spring boot·笔记·后端
用户83562907805116 小时前
使用 Python 在 Excel 中插入 OLE 对象
后端·python
one31217 小时前
高精度MEMS电容式倾角传感器:原理、结构与Python三维可视化
开发语言·python
程序员小八77717 小时前
Go 语言特性
开发语言·后端·golang