如何将我的网站变成单页面应用程序？

Question

我正在建设的网站包含几个php文件，每个文件都有自己的功能，可以通过链接进行访问（当你按下一个链接，它会指引你到合适的页面）。

我正在考虑实施侧栏导航，并将每个php文件绑定到链接（按钮）。

这怎么可能？

Answer 1

您正在考虑一个常见的UI菜单，该菜单链接到您网站的不同（后端生成）页面。

它是一个很好的设计，但它不是“单页”。

单页面应用程序意味着单个后台页面创建了UI，并且正在通过前端操作进行更改，并且可能会对后端进行一些Ajax调用。在单页面应用程序内部，不会有真正的“链接”到不同的后端页面。

Answer 2

有几种方法可以解决这个问题。

在您的导航栏，你可以像每个按钮沿变量传递：

的index.php行动= readarticle

然后在任何你要输出的文件，你可以这样做：

<div id="leftmenu">your menu here (with links like index.php?action=readarticle)</div> 
<div id="content"> 
<?php 
if(isset($_GET["action"])) { 
    switch($_GET['action']) { 
     case "readarticle": 
     { 
      include('readarticle.php'); 
      break; 
     } 
    } 
} 
?> 
</div> 

Answer 3

只用PHP ..

您可以用JavaScript工作，使单页的应用程序这不会工作。 有许多框架可用。

看看this的问题，看看有些可用。

但你不需要这个框架。这也可以用纯JavaScript或jQuery来完成。

我只是担心，每次我按一个链接时，导航栏也将被刷新，就想办法只会让事情“平滑”

这里有一个简单的解决方案： 添加eventlisteners（点击）到你的按钮或链接。在回调中，创建一个ajax请求来获取文件（or jquery load()），并用响应填充一个元素。