【问题标题】:How to avoid adding the same navbar template to every .html page如何避免向每个 .html 页面添加相同的导航栏模板
【发布时间】:2014-08-01 11:35:03
【问题描述】:

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

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

在我没有使用 Bootstrap 的旧网站中:

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

有人可以帮我吗?

【问题讨论】:

  • 不是包含工作吗?您只需要将导航栏的 div 放入包含文件中。
  • 您仍然可以将导航栏 HTML 代码剪切/粘贴到其他文件中,然后将其包含在 PHP 中。
  • 你仍然可以使用 include 方法。您要更改的只是 navigation.html 和 css 的内容。

标签: php html css twitter-bootstrap


【解决方案1】:

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

让我们简单,

如果你的项目结构是这样的

  • 项目(文件夹)
    • db(文件夹)
      • Dbconnection.php(文件)
    • js(文件夹)
      • jquery.js(文件)
    • css(文件夹)
      • bootstrap.css(文件)
    • index.php(文件)
    • page1.php(文件)
    • page2.php(文件)

仅使用 navbar html 标记的内容创建一个新文件。

例如。在你的nav-menu.php 中包含

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

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

  • 项目(文件夹)
    • db(文件夹)
      • Dbconnection.php(文件)
    • js(文件夹)
      • jquery.js(文件)
    • css(文件夹)
      • bootstrap.css(文件)
    • 包括(文件夹)
      • nav-menu.php(文件)
    • index.php(文件)
    • page1.php(文件)
    • page2.php(文件)

现在您应该使用 php include 方法将这个文件(nav-menu.php)包含在所有模板文件中,例如

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

在所有常用文件中添加上述代码。

【讨论】:

    【解决方案2】:

    你可以使用

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

    也在这个项目中。

    我想到的最快方法是将您需要为每个页面更改的代码包含在单独的开关/案例中,并在包含导航栏的页面顶部调用不同的案例。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-11
      • 1970-01-01
      • 2021-09-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多