使用 ASP.NET MVC 4 和 Angularjs 的异步 Web 应用程序答案

【问题标题】：Asynchronous web application with ASP.NET MVC 4 and Angularjs使用 ASP.NET MVC 4 和 Angularjs 的异步 Web 应用程序
【发布时间】：2013-05-31 10:33:45
【问题描述】：

我们正在计划对使用 ASP.NET Web 窗体实现的 Web 应用程序进行更新。我们想引入 MVC 模式，所以我们基本上是面向 MVC 4 的。

我们也在评估 AngularJs，这似乎是一个很棒的用于 Web 开发的 MVC 框架。

我读过一些关于使用 AngularJs + Web Api 的文章，但我没有关于单页应用程序或异步应用程序的经验。例如，他们如何实现身份验证？

我想知道是否有众所周知的异步应用程序开发架构，以及如何使用 MVC 4 + AngularJs 实现它。

有什么建议吗？

【问题讨论】：

标签： c# .net asp.net-mvc-4 asynchronous angularjs

【解决方案1】：

不要使用 WebAPI，而是仔细查看 www.servicestack.net

带有 servicestack 后端的 AngularJS -> 就像一个魅力！我永远不会切换回 webapi！

【讨论】：

你知道是否有 angularjs->Servicestack 的示例/原型，TBH 这是我第一次看到它，它看起来很棒！
服务堆栈 + AngularJS 示例：razor.servicestack.net/rockstars?View=AngularJS

【解决方案2】：

AngularJS 是一个很棒的 MVW（Model-View-Whatever）框架，并且已经为开发 Web 应用程序提供了很多“架构”。因此，我不确定您为什么要使用 MVC4 + AngularJS。 AngularJS 内置了异步功能 - $http 和 $resource 可用于进行异步调用。

他们最近还添加了animation support，使网络动画非常容易实现。所以AngularJS已经内置了很多东西，只需要熟悉它。我建议您查看一些示例应用程序，例如this one。

【讨论】：

我还需要在我的应用中实现身份验证和角色授权。 Angular 是否提供了一些实用程序来处理这些问题？
查看frederiknakstad.com/…。您将创建一个模块来处理您的身份验证。

【解决方案3】：

有很多这样做的指南。由于 WebApi 是一个 RESTful 服务，您可以使用 angularjs $http 或/和 $resource 来使用它。

此外，还有一些用于使用 RESTful 服务的库，它们充当 Angular 和 MVC 等框架的中间人。查看This Visual Studio template.

【讨论】：