Intelligente Ordnerstruktur für Grails 2.3.4 in Kombination mit eckigen js

Question

Was wäre eine intelligente Ordnerstruktur für Grails 2.3.4 in Kombination mit angularjs ohne das Grails angularjs Plugin zu verwenden?

Momentan habe ich alles in den Ordner webapp gepackt.

Answer 1

Es gibt viele Möglichkeiten, um Ihre Verzeichnisse zu organisieren, aber die Art, wie wir verwenden, was ich bin gonna es Grailsy Weg zu nennen und einige ist mit Grails Verzeichnisstruktur konsistent erweitern ist wie folgt:

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

Die lib hat alle eckigen Bibliotheken und wir haben auch unsere eckigen Komponenten in verschiedene Ordner aufgeteilt, die Grails ähneln und gut funktionieren.

Ein alternativer Ansatz besteht jedoch darin, Ihre Verzeichnisse basierend auf Ihren Modulen zu organisieren. Dieser Ansatz wird vorgestellt here und scheint für größere Anwendungen vielversprechend zu sein. Im Grunde repräsentieren die Verzeichnisse Komponenten auf Ihrer eigenen Seite. Es wird einfach sein, Verzeichnisse für Ressourcen, die sich auf eine Komponente beziehen, zu finden und zu verschieben.

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" ist eine große Referenz für Winkel Best Practices

Answer 2

Ich habe mit Grails und AngularJS Demo-Anwendung getan. Benutzeranmeldung, Anmeldung, Erstellen der Bearbeitung Löschen von Kontakten. Ich habe dieses Frontend mit angularjs ähnliche Struktur zu Grails MVC-Muster erstellt. Kontaktmodul

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) 

ging ich durch viele Tutorials und tat diese App mit Grails MVC-Muster passen so jeder kann diese Winkel Demo-Anwendung verstehen, wenn sie wenig Wissen über Grails haben

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