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

【问题标题】：How can I turn my website into a single page app like?如何将我的网站变成单页应用程序？
【发布时间】：2015-12-20 09:44:23
【问题描述】：

我正在构建的网站包含几个 php 文件，每个文件都有自己的功能，并且可以通过链接访问（当您按下链接时，它会将您定向到相应的页面）。

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

这怎么可能？

【问题讨论】：

你可以试试Hybrid App开发

标签： php single-page-application

【解决方案1】：

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

它的设计不错，但不是“单页”。

单页面应用程序是指单个后端页面创建了 UI，并且它正在被前端操作更改，可能还有一些对后端的 ajax 调用。在单页应用程序中不会执行到不同后端页面的真正“链接”。

【讨论】：

哦，好的，谢谢您的澄清！所以我只是继续而不走那条路。我只是担心每次我点击一个链接时，导航栏也会被刷新，并且想要一种让事情“更顺畅”的方法

【解决方案2】：

有几种方法可以做到这一点。

在您的导航栏中，您可以在每个按钮中传递一个变量，例如：

index.php?action=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>

【讨论】：

我会试一试，然后告诉你进展如何！
您能否通过编辑您的问题并粘贴您迄今为止尝试过的内容来展示您是如何做到的？

【解决方案3】：

这不适用于 PHP..

您可以使用 javascript 来制作单页应用程序。有很多可用的框架。

查看this 问题，了解一些可用的问题。

但您不需要为此提供框架。这也可以使用纯 javascript 或 jquery 来完成。

我只是担心每次点击链接时，导航栏也会刷新，并希望有一种方法可以让事情变得“更顺畅”

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

【讨论】：