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

Question

我建的网站包含几个php文件，每个文件都有自己的功能，可以通过链接访问（当你按一个链接时，它会引导你到相应的页面）。

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

这怎么可能？

Answer 1

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

它是一个很好的设计，但它不是＆＃34;单页＆＃34;。

单页面应用程序意味着单个后端页面创建了UI，并且正在通过前端操作进行更改，并且可能会对后端进行一些ajax调用。没有真正的＆＃34;链接＆＃34;在单页面应用程序内执行不同的后端页面。

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来完成。

  

我只是担心每次按下链接时，导航栏也会刷新，想要一种方法来制作东西＆＃34;更顺畅＆＃34;

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