Question

如果没有使用grails angularjs插件，grails 2.3.4与angularjs组合的智能文件夹结构是什么？

目前我已将所有内容打包到webapp文件夹中。

Answer 1

有很多方法来组织你的目录，但是，我们使用的方式，我将其称之为Grailsy方式，并在某种程度上与Grails目录结构一致如下：

web-app
  css
  js
   |  lib 
   |  ng-app
        |  controllers
           - abcController.js 
        |  directives
           - directives.js
        |  filters
           - filters.js
        |  services
           - dataServices.js
        |  views 
           - someHtml.html
        |  app.js

lib包含所有角度库，我们还将角度分量分离到与Grails类似的不同文件夹中，并且运行良好。

但是，另一种方法是根据您的模块组织目录。这种方法呈现here，似乎对更大的应用程序有希望。基本上，这些目录代表单个页面上的组件。对于与组件相关的资源，很容易找到并减少跨目录的移动。

web-app
      css
      js
       |  lib 
       |  ng-app
            |  accounts
               - accountController.js 
               - accountServices.js
               - views 
                 - someHtml.html
            |  payments
               - paymentsController.js 
               - paymentsServices.js
               - views 
                 - someHtml.html
            |  app.js

“ Advanced Design Patterns and Best Practices ”是角度最佳做法的绝佳参考

Answer 2

我使用grails和angularjs完成了演示应用程序。用户登录，注册，创建编辑删除联系人。我使用angularjs类似于grails mvc pattern的结构创建了这个前端。联系模块

1. Grails  -> URLMappings,
   Angular -> Routing (app.js)
2. Grails  -> ContactController(Actions:create,list,edit,delete,details) 
   Angular -> ContactController(Actions: create,list,edit,delete,details)
3. Grails  -> ContactService(Methods: create,save,edit,delete,details) 
   Angular -> ContactService(Functions: create,save,edit,delete,details)
4. Views   -> All views are created using Angularjs (Create, Details)

我经历了很多教程并做了这个应用程序以匹配Grails MVC模式，所以任何人都可以理解这个角度演示应用程序，如果他们对Grails知之甚少

http://mannejkumar.github.io/GrailsAngularDemoApp/

grails 2.3.4的智能文件夹结构与角度js相结合

2 个答案: