跨多个网页创建单个菜单 - 无需PHP

时间:2013-07-30 16:33:14

标签: html django web

我正在努力用django建立一个网站。我想在多个[无限]网页上实现单个菜单。这样做的最佳方式是什么?

我真的想以某种方式制作一个html文档然后从我的其他页面引用它。这样我就可以对单个文档进行更改,它将影响所有页面。

由于

3 个答案:

答案 0 :(得分:1)

我认为您要做的是扩展模板。

创建一个名为base.html的文件。在此文件中,将您的菜单或其他任何内容放在所有页面上。

然后,包含看起来像这样的东西。

{% block content %} {% endblock %}

在其余模板中(实际提供内容),您必须将第{% extends "base.html" %}行作为第一行。

然后用以下内容包围您的内容:

{% block content %}
    Your content Here
{% endblock %}

有关详细信息,请参阅https://docs.djangoproject.com/en/dev/ref/templates/builtins/#extendshttps://docs.djangoproject.com/en/dev/topics/templates/#template-inheritance

答案 1 :(得分:0)

对于简单的解决方案,请使用<iframe>并将单个menu.html文件作为源。

<iframe src="menu.html"></iframe>

框架可能不是最有效的解决方案,但肯定是最简单的。

这样您就可以在每个页面中获得相同的页面。

提示:将其边框格式化为隐藏式整合!

答案 2 :(得分:0)

最简单的方法是PHP。看看这里:

page1.php中:

<body>
<?php include('menu.html'); ?>
page 1 content
page 1 content
</body>

使page2.php:

<body>
<?php include('menu.html'); ?>
page 2 content
page 2 content
</body>

pageinfinite.php:

<body>
<?php include('menu.html'); ?>
pageinfinite content
pageinfinite content
</body>

以及:menu.html

<a href="page1.php">Page 1</a>
<a href="page1.php">Page 2</a>
<a href="page1infinite.php">Page infinite</a>

如果您要在menu.html中添加其他项目,它将显示在每个页面上!

很好,是吗?