如何避免向每个.html页面添加相同的导航栏模板

Question

我是现场的新人，我第一次使用Bootstrap 3和this template。我需要有关导航栏的帮助。在模板中，每个content.html都有自己的导航栏。

我需要在单独的文件中使用导航栏，因为我不想在每个content.html文件中进行更改。

在没有Bootstrap的旧网站中，我使用过：

<?php
include("includes/navigation.html");

有人可以帮助我吗？

Answer 1

您可以使用

<?php include("includes/navigation.php") ?>

在这个项目中也是如此。

我想到的最快的方法就是在单独的交换机/案例中包含您需要更改每个页面所需的代码，并在页面顶部调用包含导航栏的不同案例。

请注意，您的导航文件必须是.php，而不是像您的示例.html。

Answer 2

您需要配置将重复的html数据放在一个文件中，并将其包含在另一个文件中。

让我们简单，

如果您的项目结构如此

• 项目（文件夹）
  • 分贝（文件夹）
    • Dbconnection.php（文件）
  • JS​​（文件夹）
    • 的jquery.js（文件）
  • CSS（文件夹）
    • bootstrap.css（文件）
  • index.php（file）
  • page1.php（文件）
  • page2.php（文件）

创建一个新文件，其中包含navbar个html标记的内容。

对于前。在nav-menu.php包含

<navbar>
    ......
    ......
</navbar> 

并将它们保存到项目中的新includes文件夹中。所以现在你的项目结构将是这样的，

• 项目（文件夹）
  • 分贝（文件夹）
    • Dbconnection.php（文件）
  • JS​​（文件夹）
    • 的jquery.js（文件）
  • CSS（文件夹）
    • bootstrap.css（文件）
  • 包括（文件夹）
    • NAV-menu.php（文件）
  • index.php（file）
  • page1.php（文件）
  • page2.php（文件）

现在您应该使用php nav-menu.php方法在所有模板文件中包含此文件（include），例如

include("includes/nav-menu.php");

将以上代码添加到所有常用文件中。