如何同时使用AngularJS作为前端框架和ASP.NET MVC作为后端框架？

Question

我设计的项目如下：

asp.net mvc作为后端框架

angularjs作为前端框架

但是我认为该项目不可读且不标准 ，例如asp.net mvc具有用于管理url的路由 ，而angularjs在客户端具有另一种技术（它在url的末尾使用＃）。

通常一起使用angularjs和asp.net mvc吗？

选择带有angularjs的Node.js等后端技术有任何限制吗？

您能给我发送一个示例代码来显示asp.net mvc和angularjs一起工作吗？

我知道asp.net mvc在客户端（html）上有很多功能，例如html.helpers等，而且我知道angularjs在客户端（html）上有很多功能，例如表达式（{{Property}}） ， 绑定（ng -bind）等等。

我糊涂了。

如何将两个框架的特征匹配在一起。

Answer 1

我们的最后一个Web项目在客户端使用Angular，在后端使用MVC。

我们使用MVC进行路由，但使用位置服务器进行Web参数。 所以网址看起来像

http：// site / Customer / Edit /＃12345 （ID为12345） http：// site / Customer / List （返回客户列表）

等等

在控制器中，我们有像这样的代码来填充数据

innerHttp = $http.get("Data" + $location.path());
innerHttp.success(function (innerResponse) {
    console.log("Form Data Loaded");
    $scope.entity = innerResponse.data || {};
}).error(function (data, status, headers, config) {
    $scope.addAlert('danger', 'Error loading form data (' + status.toString() + ')');
});

注意我们如何从定位服务获取ID。

我们的控件有一个View返回HTML表单和一个View返回Data，这看起来像

[Route("{type}/data/{id}")]
public ActionResult Data(string type, Guid id)
{
    return new JsonNetResult()
    {
        Formatting = Formatting.Indented,
        Data = DataBuilder.ReadData(type,id) 
    };
}

这种方法不会为您提供单个页面的应用程序，但是它仍然可以将页面与数据分开，并允许客户端缓存html，只有json调用才需要刷新，因此可以降低带宽并同时​​使您陷入困境。

希望这对您有所帮助。

Answer 2

理想情况下，您应该将ASP.Net WebAPI用于其余服务后端。 对于前端UI，您可以单独使用Angularjs，除了WebAPI JSON over Rest服务之外，不依赖ASP.Net。

您最终不会使用ASP.Net MVC所提供的大量功能，但是您将剩下后端服务层和前端UI的清晰分隔。

这将消除在ASP.Net MVC和AngularJS中都需要重复功能的可能性。

Answer 3

没错，从根本上讲，ASP.NET MVC和AngularJS提供了很多相同的服务，但是在堆栈的不同层执行。 如果您要构建的单页面Web应用程序在客户端上很繁琐，那么您最终将不会使用ASP.NET MVC的许多功能，除非将其用作获取数据的中间层。 如果您更喜欢以服务器为中心的方法，而您实际上要在每个页面上导航到不同的服务器URL，那么您的应用程序中将没有太多的Angular。

尽管如此，我现在也正在构建一个同时使用ASP.NET MVC和AngularJS的新Web应用程序，而我的是一个单页面Web应用程序，该应用程序非常重视客户端代码。 我认为这种方法没有什么问题，但是从某种意义上说，我认为可以辩驳说ASP.NET MVC对于这种设计有些过分了。 也许这就是人们偏向Node.js的原因之一。