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/

效果如下:

相关推荐
寻星探路6 小时前
【深度长文】万字攻克网络原理:从 HTTP 报文解构到 HTTPS 终极加密逻辑
java·开发语言·网络·python·http·ai·https
想用offer打牌7 小时前
MCP (Model Context Protocol) 技术理解 - 第二篇
后端·aigc·mcp
KYGALYX8 小时前
服务异步通信
开发语言·后端·微服务·ruby
掘了9 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
ValhallaCoder9 小时前
hot100-二叉树I
数据结构·python·算法·二叉树
爬山算法9 小时前
Hibernate(90)如何在故障注入测试中使用Hibernate?
java·后端·hibernate
猫头虎9 小时前
如何排查并解决项目启动时报错Error encountered while processing: java.io.IOException: closed 的问题
java·开发语言·jvm·spring boot·python·开源·maven
Moment9 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
八零后琐话10 小时前
干货:程序员必备性能分析工具——Arthas火焰图
开发语言·python
Cobyte10 小时前
AI全栈实战:使用 Python+LangChain+Vue3 构建一个 LLM 聊天应用
前端·后端·aigc