MVC5 + Angular JS文件夹结构

时间:2016-08-30 10:10:13

标签: angularjs asp.net-mvc asp.net-mvc-5

我很有棱角并试图学习最佳实践。 ASP.NET MVC5 AngularJS应用程序的文件夹结构的最佳实践是什么。

MVC5 default structure
- Controllers Folder
- Models Folder
- Views Folder ---> Action Name Folder

(现在引入Angular)在项目的脚本文件夹中,我们将拥有:

controller folder
Module folder
Views Folder etc

真的很感激你的帮助

1 个答案:

答案 0 :(得分:1)

如果您是第一次创建AngularJs应用程序,请按照简单的步骤进行操作。

  1. 创建一个 index.JSP 文件,您应该使用ng-app指令运行您的应用并添加所有脚本和文件。
  2. 创建一个Js文件app.js app.js 中添加所有模块名称,然后使用.run方法运行js。
  3. services, controllers and filters, directives, templates分别保存在不同的文件夹和不同的文件中 并且不要忘记在 app.js 中添加模块名称,并在 index.jsp
  4. 中添加路径
  5. services个文件中,只写共享业务逻辑 与特定文件相关的所有其他业务逻辑都将其写入控制器 在这里你维护ajax调用所以不要与控制器进行网格化。
  6. <强>服务

    .factory('angularService', function () {
      return {
        // Write business logic
      }
    })
    
    1. 声明$starteProvider并在控制器中定义.states
    2. 对于前

      $stateProvider.state('xyz_state', function () {
         // add url,
         // templateUrl,
         // controller
      })
      .controller('myFirstController', function () {
         // Add your business logic
         // scope variables
      });  
      

      6。分别维护查看页面 7.分别维护DirectivesFilters

      查看只是渲染模型,您可以使用控制器和服务控制模型视图