我刚刚参加了一个网络开发课程,并尝试使用Bootstrap构建一个网站。由于我希望我的网页有多个页面,因此标题/导航条形码最终对所有页面大致相同,除了选择“活动”和“活动”之外。标签是。
一般来说,有没有办法将所有内容保存在一个文件中,然后将其导入每个页面?我认为如果我/某人想要更改标题,这将会有所帮助,但是我不想单独更新每个页面的标题/导航代码。
谢谢!
答案 0 :(得分:0)
你在问什么是动态生成的页面。
首先你下载一些"本地服务器程序",例如https://www.apachefriends.org/index.html,它可以很容易地在linux和windows上使用而且没有问题。然后,您必须学习用于生成html内容的编程语言。这可能是面向Web的语言之一,例如PHP。您使用自己的编码函数通过语言命令生成内容(例如,一遍又一遍地包括相同的部分)。
答案 1 :(得分:0)
我知道这不是一个很好的答案,但你应该研究如何使用angularjs。有大量的介绍教程!如果您不知道,它会创建一个SPA(单页应用程序)站点。例如,在rails应用程序中,它使用application.html.erb文件,该文件在整个应用程序的所有页面上使用该代码。所以像navbars这样的东西通常写在这个文件中。此外,角度使您的页面看起来无缝!它也很好地结合了bootstrap!
初学者教程: http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app
语言教程: http://www.codecademy.com/ 喜欢这个网站!他们刚刚添加了一个rails应用程序教程!它处于测试阶段,因此存在一些错误
答案 2 :(得分:0)
有两种方法:
所有这些都会引入外部html文件并将其包含在所有网页中:
即使您已在服务器上安装了该文件。我将使用PHP作为服务器端代码的示例:
<子>的 PHP:强> 子>
include_once("/path/to/my/menu")
<子>的 HTML:强> 子>
<?php include_once("/path/to/my/menu") ?>
这适用于所有使用JS的平台。诀窍是AJAX。首先,浏览器加载目标网页,然后加载菜单。
由于使用简单的JS会很麻烦,你可以使用JQuery,一个JavaScript库。
<子>的 JS:强> 子>
$(function() {
$(".target").load("/path/to/my/menu");
})
<子>的 HTML:强> 子>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(function() {
$(".target").load("/path/to/my/menu");
})
</script>
<div class="target"></div>