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/

效果如下:
Django的可重用HTML模板示例_第1张图片

你可能感兴趣的:(Django,Web开发,django,python,后端)