grails 2.3.4のインテリジェントなフォルダ構造とangle jsとの組み合わせ

Question

grails angularjsプラグインを使用しないで、angularjsと組み合わせたgrails 2.3.4のインテリジェントなフォルダ構造は何でしょうか？

現在、私は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は、" 私はGrailsとangularjsを使用してデモアプリケーションを行っている

Answer 2

角度のベストプラクティスのための偉大なリファレンスです。ユーザーログイン、サインアップ、連絡先の削除編集を作成する。私はこのフロントエンドを、grails mvcパターンと同じ構造のangularjsを使って作成しました。 コンタクトモジュール

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の

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

にはほとんど知識を持っている場合はそのいずれかがこの角度デモアプリケーションを理解することができチュートリアルの多くを経て、GrailsのMVCパターンに合わせて、このアプリをしました