单页面应用程序的设计模式

时间:2013-03-06 07:36:14

标签: javascript jquery json model-view-controller design-patterns

我有一个主观的问题,主要是从UI的角度来寻找答案。

说我需要创建2页

  
      
  1. 登录页面
  2.   
  3. 主页
  4.   

在登录页面上,我会显示用户名/密码,并且在成功验证后,我会显示主页。现在这里是捕获,它应该是单个页面(例如单个html文件)因此,在成功验证时,将显示主页(但是将显示相同的html或地址栏URL将保持不变)

我该如何实现?

还使用面向对象的JavaScript并假设JSON数据,我应该创建多少个JavaScript类以及它们包含什么?

同样作为同一问题的扩展,如果我允许用​​户使用他们的Facebook / Twitter / Gmail帐户登录,我将对上面创建的JavaScript类(或对象)进行哪些更改?< / p>

因此,如果有人使用FB登录,而不是显示我的登录屏幕,则会直接向用户显示我的主页。记住我需要一个单独的html文件(对于登录/主页)

2 个答案:

答案 0 :(得分:0)

这里有几个问题。作为一个例子,这些问题没有一般的答案,    我应该创建多少个JavaScript类以及它们包含什么? - 这完全取决于您自己决定。这取决于您的页面复杂程度。

我认为你需要首先阅读一些教程。 http://www.asp.net/single-page-application http://channel9.msdn.com/Events/TechDays/Techdays-2012-the-Netherlands/2159

答案 1 :(得分:0)

如果您正在寻找轻量级的东西,可以使用模块导出模式,如下所述:http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth。发出ajax调用并使用js模板应用/删除html模板。 JavaScript应用程序的最佳实践始终需要消除全局范围。模块导出模式也不例外。所有大牌框架都是如此(ember和backbone)。如果你需要一些更强大的东西去使用余烬或骨干。如果你真的想冷静使用chaplin。 http://chaplinjs.org。我之所以这么说,是因为它具有严格的内存管理,这在单页应用程序中肯定是必需的。