Django的可重用HTML模板示例
01-配置并运行Django项目
首先按照博文 https://blog.csdn.net/wenhao_ir/article/details/131166889配置并运行Django项目。
02-创建可重用模板文件
templates目录下新建目录common,然后在目录common下新建文件:navbar.html,并写入下面的代码:
<p>这里是网站的Logo!</p>
<p>这里是网站的菜单导航!</p>
03-创建调用重用模板文件的HTML文件
templates目录下新建文件:index.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:
http://127.0.0.1:8010/index/
效果如下: