Django的可重用HTML模板示例

昊虹AI笔记2023-11-19 18:08

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/

效果如下：