寻找有关如何构建单个页面应用程序的说明

时间:2013-06-12 07:28:51

标签: angularjs single-page-application code-structure

我们是一个开发人员团队,他们已经做了几年的Web应用程序编程。我们现在开始使用一个新项目,我们的目标是使它成为单页面应用程序。对于前端,我们使用角度。我们对angular比较熟悉,我们知道如何创建服务,指令,控制器等。我们知道如何使用内置服务,例如$http$resource以及如何使用路由(或带有ui-router的状态)但我们仍处于关于如何构建应用程序的早期状态。

我们很难找到解决这个一般问题的好资源(博客,视频,书籍)。许多帖子都有一个非常简单的方法,如:

“要建立SPA,您需要使用$http,这就是您的操作方式,不是很容易吗?”

他们可以很好地理解每个组件的基础知识,但是他们并没有解释将所有组件结合在一起的问题。我们的问题属于以下类型:

  • 我们是否构建了一个中央js对象来表示应用程序状态?如果应用程序是网上商店的后端,则中心对象可能是具有产品列表的公司,每个产品具有订单列表,并且每个产品都具有对客户的引用。或者我们是否将应用程序状态的表示拆分为不同的对象?如果是这样,我们如何让它们保持同步?

  • 要显示编辑实体的表单,我们创建一个将部分加载到视图中的路径,然后使用要编辑的实体填充范围。我们从后端获取实体吗?或者如果我们已经在js模型中使用它,我们是否只是从那里获取它以便我们不需要发出http请求?

还有很多内容尚不清楚,我意识到任何问题都不会有简单的答案,而是可能是不同的设计模式,有利有弊。我不希望我的所有问题的答案都作为对这篇文章的回应,而是我想找到一些资源(比如我说的博客,视频,书)在应用程序级别上讨论这些问题。有些问题是特定于角度的,有些问题在单页应用程序中更为通用。有这样的资源吗?

1 个答案:

答案 0 :(得分:3)

我自己对AngularJS比较陌生,我同意很难找到超越基础知识的信息。到目前为止,我发现的最有用的教程来自Dan Wahlin。

60分钟的教程非常好,而且他的其他东西对于让你超越Hello World阶段很有帮助。我还观看了Angular的创作者Misko Hevery的几个演讲,他也非常好。