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/

效果如下:

相关推荐
沐泽__19 小时前
Flask简介
后端·python·flask
码界奇点19 小时前
基于Django的超市管理系统设计与实现
数据库·python·django·sqlite·毕业设计·源代码管理
半聋半瞎19 小时前
Flowable快速入门(Spring Boot整合版)
java·spring boot·后端·flowable
AI职业加油站19 小时前
Python技术应用工程师:互联网行业技能赋能者
大数据·开发语言·人工智能·python·数据分析
毕设源码-邱学长19 小时前
【开题答辩全过程】以 基于SpringBoot的理工学院学术档案管理系统为例,包含答辩的问题和答案
java·spring boot·后端
爱打代码的小林20 小时前
用 PyTorch 实现 CBOW 模型
人工智能·pytorch·python
修己xj20 小时前
SpringBoot解析.mdb文件实战指南
java·spring boot·后端
曲幽20 小时前
FastAPI定时任务全攻略:从入门到避开多进程的坑
python·fastapi·web·async·sqlalchemy·lock·apscheduler·works
逢城戏元宇宙20 小时前
区域文化IP‘逢城戏’进军元宇宙,AR盲盒带来哪些全新互动体
python
AI数据皮皮侠20 小时前
中国耕地利用强度数据(2018-2023)
大数据·人工智能·python·深度学习·机器学习