AngularJs與MVC-WebAPI

Question

我已經計劃使用MVC-WebApi服務器端的AngularJs創建Web應用程序。 你能否介紹一下項目結構？在服務器端維護MVC項目結構是否也需要？

Answer 1

對於AngularJS應用程序，在庫腳本和自己的腳本文件之間分開是一個好主意。我將AngularJS代碼放在一個子目錄（例如「apps」）和所有庫中（包括腳本文件中的AngularJS文件（因爲NuGet也會將文件放在那裏）。 AngularJS專用文件夾層次結構只包含客戶端代碼有關構建AngularJS應用程序的更多詳細信息，請參閱here

構建應用程序的ASP.NET部分取決於您使用的功能如果要使用MVC你需要一個控制器來提供你的「外殼」（包含AngularJS應用程序將運行的索引頁面）和你的部分視圖，這些視圖需要在常規的MVC視圖文件夾結構中。 AngularJS應用程序由於您很少需要MVC/Razor功能（Script Bundling是單頁應用程序MVC中最有趣的部分），所以我刪除了MVC並依賴於靜態html文件和ASP.NET Web API。您的應用程序的所有數據都可以通過Web API提供，主要使用控制器，app_start，腳本，內容和應用程序文件夾。

如果您對此項目結構不滿意，ASP.NET允許您重新配置View和控制器的位置。

Answer 2

這可能是最好的創建一個常規的asp.net MVC/web-api項目，遵循爲類似項目建立的約定，例如控制器和視圖的單獨文件夾等。然後，您可以使用您的Angular代碼的腳本文件夾。我還建議遵循這個文件夾內的Angular約定和結構。