ASP.NET MVC和Angular 1.5体系结构和职责分离

Question

我正在与我的一位同事一起开发ASP.NET MVC 5（从现在开始就是MVC）和Angular 1.5的Web应用程序。

我将使用MVC纯粹作为后端参与者：暴露API并与数据库交互，而不生成任何视图。 另一方面，角色将负责整个客户端，使用组件和模板进行视图，路由和服务以调用MVC端点。

我认为这会带来明确的职责分离和整洁的架构。然而，我的同事宁愿保留MVC路由，从服务器生成视图，并向他们注入Angular，因此使用它作为客户端业务逻辑。这会带来一些其他好处，因为可以加快某些安全措施（例如，使用@Html.AntiForgeryToken()）。但是，这会使得使用角度组件和新组件模式更困难。

当然，一种不同的方法可以是仅将WebApi用作后端并保持清晰的切割，但我很好奇听到别人如何解决同样的问题。

Answer 1

Angular用于创建单页面应用程序，遵循同事的方法意味着每个路径只有一个页面应用程序，这将打破单页应用程序的用途。 SPA需要一些时间来加载，如果每条路线有一个SPA，您将为每条路线支付加载时间，并且因为它的新页面丢失了上一页的状态。

防伪标记也可用于角度应用，请参阅this。

我们在我们公司创建了角度应用程序，我们使用web api和两个剃须刀页面，一个用于登录，一个用于spa应用程序。有可能只有index.html，但将登录页面分开会带来一些简单性，并将一些初始数据注入主页面可简化角引导。