当前位置: 首页 > article >正文

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/

效果如下:
在这里插入图片描述


http://www.kler.cn/a/133031.html

相关文章:

  • centos7 升级openssl 与升级openssh 安装卸载 telnet-server
  • 如何知道表之间的关系(为了知识图谱的构建)
  • 代码版本管理艺术
  • DAY120java审计第三方组件依赖库挖掘FastjsonShiroLog4jH2DB
  • Python爬虫----python爬虫基础
  • 小版本大不同 | Navicat 17 新增 TiDB 功能
  • 交通 | 神奇动物在哪里?Operations Research经典文章
  • 2023年道路运输企业主要负责人证考试题库及道路运输企业主要负责人试题解析
  • PostgreSQL 数据定义语言 DDL
  • QT基础入门【QSS】 伪状态,冲突解决、级联介绍
  • Linux系统编程学习 NO.9——git、gdb
  • WordPress主题WoodMart v7.3.2 WooCommerce主题和谐汉化版下载
  • 设计模式-状态模式-笔记
  • 【每日一题】—— C. Yarik and Array(Codeforces Round 909 (Div. 3))(贪心)
  • Redis学习笔记15:基于spring data redis及lua脚本发送到redis服务器多久过期
  • ClickHouse建表优化
  • 在 Streamlit 中使用自定义 CSS 创建加密仪表板
  • 如何去开发一个springboot starter
  • 数据结构初阶leetcodeOJ题(二)
  • 开源WIFI继电器之方案介绍
  • 【LeetCode】1869. 哪种连续子字符串更长
  • 【Linux】基本指令
  • C++学习笔记:类与对象1
  • 泛微E-Cology CheckServer.jspSQL注入漏洞(QVD-2023-9849) 复现
  • Java中如何通过路径表达式找值:XPath和JsonPath以及SpEL详解及对比
  • 10. Spring源码篇之BeanPostProcessor