Bootstrap中有多个页面

时间:2015-09-29 10:50:14

标签: jquery ajax twitter-bootstrap

我是Bootstrap的新手,现在用谷歌搜索了一个星期,但我找不到我想要的东西或正确的方向。 我想用导航栏建立一个网站(没问题),我想点击导航栏,然后会显示内容。 问题:我必须在每个HTML页面中复制菜单,如果我创建一个新页面,我必须在每个页面上更新菜单。 我的想法:

  1. 有导航栏并通过AJAX加载特定内容(链接中的特殊ID)?
  2. 构建一个PHP脚本,它获取一个GET变量并创建html文档(带有mod重写的URL)
  3. 其他想法
  4. 我真的很抱歉,我更想找一个“概念”或者其他东西,我无法想象我是唯一一个有这种问题的人。 如果你能给我一些建议或谷歌关键词进行搜索,那就太棒了。

    我尝试了谷歌关键词,如“bootstrap navbar load div ajax”

2 个答案:

答案 0 :(得分:0)

有几种方法可以做到这一点。 评论中已经提到了其中一些。

但在我看来,最干净的方法是使用模板引擎(例如Twig)。使用模板引擎,您可以为每个页面(页眉,页脚,导航栏)上显示的主要部分构建主模板。对于动态/页面特定的内容,您有单独的模板,用于扩展主模板。

答案 1 :(得分:0)

AngularJS是我需要的关键字,我找到了一个显示我想要的教程: https://scotch.io/tutorials/single-page-apps-with-angularjs-routing-and-templating

谢谢!