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/

效果如下:

相关推荐
涡能增压发动积21 小时前
同样的代码循环 10次正常 循环 100次就抛异常?自定义 Comparator 的 bug 让我丢尽颜面
后端
Csvn21 小时前
🌟 LangChain 30 天保姆级教程 · Day 13|OutputParser 进阶!让 AI 输出自动转为结构化对象,并支持自动重试!
python·langchain
Wenweno0o21 小时前
0基础Go语言Eino框架智能体实战-chatModel
开发语言·后端·golang
swg32132121 小时前
Spring Boot 3.X Oauth2 认证服务与资源服务
java·spring boot·后端
tyung21 小时前
一个 main.go 搞定协作白板:你画一笔,全世界都看见
后端·go
gelald1 天前
SpringBoot - 自动配置原理
java·spring boot·后端
cch89181 天前
Python主流框架全解析
开发语言·python
sg_knight1 天前
设计模式实战:状态模式(State)
python·ui·设计模式·状态模式·state
殷紫川1 天前
深入拆解 Java 内存模型:从原子性、可见性到有序性,彻底搞懂 happen-before 规则
java·后端
元宝骑士1 天前
FIND_IN_SET使用指南:场景、优缺点与MySQL优化策略
后端·mysql