我想了解设计单页面应用程序的整体架构（主要通过JavaScript）
假设我有一个登录页面（Usernam / Password），并且在成功验证后，我会看到主页。现在登录和主页屏幕实际上应该是单个页面的一部分。
我该如何设计这样的页面？
我想了解设计单页面应用程序的整体架构（主要通过JavaScript）
假设我有一个登录页面（Usernam / Password），并且在成功验证后，我会看到主页。现在登录和主页屏幕实际上应该是单个页面的一部分。
我该如何设计这样的页面？
这是一个广泛的问题，可以编写整本书来详细回答。
基本上你需要做的是使用AJAX而不是页面重新加载。您仍然需要连接到服务器以对用户进行身份验证，但不是每次都重新加载整个页面，而是需要对服务器进行AJAX调用，具体取决于登录是否成功以及是否更改内容的某些部分在页面上（例如将登录按钮更改为“以用户xxx登录”消息等）。
如果你还没有看过，John Papa有一个非常受欢迎的关于在Pluralsight上设计单页应用程序的课程： http://www.pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart
它确实需要Pluralsight订阅，但您可以获得10天的免费试用，以确认内容对您有价值。 （我不是Pluralsight的附属品，顺便说一下。）
你可能想要免费查询 单页应用程序书。当我用Google搜索“单页应用”时，我发现了它。
您可以从通过网络找到的现有解决方案中获取灵感：
我刚刚向SourceForge添加了一个可能有帮助的项目。我已经开发了这个库大约一年了，我认为它已经准备好迎接黄金时段了。该项目允许您从JavaScript中引用asp.net MVC。
https://sourceforge.net/projects/peachajax/
该库生成用于AJAX操作的动态JavaScript代码。该库需要jQuery。 例如，如果在Controller中使用Action方法进行AJAX操作，则可以通过动态生成的JavaScript文件快速访问它，如下所示：
peach.ControllerName.ActionMethodName(parameter1, parameter2, parameter3); // javascript
映射的参数与ActionMethods参数直接关联。
自定义功能包括：
如果你更像一个MVC人，我个人一直在使用基于主干的chaplinjs.org和单页应用程序荣耀的hbs。我有一些修改使用websockets而不是长轮询，但它非常可扩展，如果你熟悉mvc，很容易进入（你会遇到更多问题，骨干比Chaplin）