AngularJs与MVC-Web API

Question

我计划使用AngularJs和MVC-WebApi服务器端创建Web应用程序。 你能解释一下项目结构吗？是否有必要在服务器端维护MVC项目结构？

Answer 1

最好按照为类似项目建立的约定创建一个常规的asp.net MVC / web-api项目，例如控制器和视图等的单独文件夹。然后，您可以使用Scripts文件夹作为Angular代码。我还建议在此文件夹中遵循Angular约定和结构。

Answer 2

最好将库脚本与您自己的AngularJS应用程序脚本文件分开。我将AngularJS代码放在子目录（例如“apps”）和所有库中（包括Scripts文件中的AngularJS文件（因为NuGet也将文件放在那里）。

在apps文件夹中，您可以创建仅包含客户端代码的AngularJS特定文件夹层次结构。有关构造AngularJS应用程序的更多详细信息，请参阅here。

构建应用程序的ASP.NET部分取决于您正在使用的功能。如果你想使用MVC，你需要一个控制器来提供你的“shell”（包含AngularJS应用程序将运行的索引页面）和你的部分视图。这些视图需要位于常规MVC Views文件夹结构中。 对于更简单的AngularJS应用程序，我删除MVC并依赖静态html文件和ASP.NET Web API，因为您很少需要MVC / Razor功能（脚本捆绑是MVC中用于单页面应用程序的最有趣的部分）。您可以通过Web API提供应用的所有数据，主要使用控制器，app_start，脚本，内容和应用文件夹。

ASP.NET允许您重新配置视图和控制器的位置，如果您对此项目结构不满意。