Spring MVC und Angularjs

Zurzeit Im, der versucht zu lernen Angular JS, aber Erstens möchte ich meine setup-Umgebung mit Spring mvc.

Im moment habe ich nur wollen, um die Arbeit mit der Erholung, aber ich habe eine Frage für was ist der beste Weg, die resoucres in Spring MVC

Meine einfache applicaction hat dies squeleton:

my-simple-app:
 src
   main
     java
     resources
   webapp
     resources
     WEB-INF

Wenn ich will, um die app Ordner aus der angular-seed, was ist der beste Ort, um es?

Habe ich in src/webapp/resources/app aber dann muss ich mit der html - Dateien in WEB-INF?

Wie war das Skelett in Ihrem angular-js, spring mvc Anwendungen?

Was ist der beste Weg, um die Umleitung zu der app/index.html? der welcome-file und arbeiten Sie dann nur mit angularjs $routeproviders?

Dank!

InformationsquelleAutor Gerard Ribas | 2013-05-17
  1. 8

    Soweit ich verstehen kann, Ihre Front-End-Technologie ist Angualar JS und Ihren Back-End-Technologie ist Spring MVC.

    Ich bin Frontend-Entwickler und daher kann ich Ihnen die Hinweise auf die Struktur Ihrer HTML -, CSS -, und Javascript.

    Hier sind meine Empfehlungen:

    1. Modus Der Kommunikation Zwischen Front-End und Back-End: JSON (Sollten strikt befolgt werden, für MVC-Muster)

    2. File Location: auf Allen Front-End-Dateien sollten im WEB-INF-Ordner mit dieser Struktur:

      • WEB-INF/Assets: Alle JavaScript-Dateien, JavaScript-Bibliotheken, Bilder, CSS usw. Sollen Orte Sein, Hier. Öffnen Sie Einen Separaten Ordner Für Jede Ressource, Typ Inside Vermögenswerte

      • WEB-INF/JSP: Alle JSPs sollte hier platziert werden. Wie Eckige ' s größte Stärke ist die Single-Seite-Anwendung, erstellen Sie eine JSP pro Hauptseite und Stelle Sie hier

      • WEB-INF/HTML: Alle statischen Ressourcen, die sein würde, injiziert in die JSPs verwenden <ng-view>oder <ng-include> können hier gestellt werden

    Hoffe, das hilft!

    InformationsquelleAutor Abilash
  2. 5

    Der einfachste Weg, um das gehen zu bekommen ist, alle Dateien in der angular-seed/app - Verzeichnis und kopieren Sie Sie in Ihre src/main/webapp - Verzeichnis. Nach dem kopieren dieser Dateien sollten Sie in der Lage sein, um erneute Bereitstellung der app und haben eines ausführungsbeispiels.

    Meisten servlet-Container gehören index.html als ein Standard-Willkommens-Datei. Wenn Ihnen nicht der Fall, können Sie hinzufügen, dass die config in web.xml <welcome-file-list>.

    WEB-INF-Verzeichnis für web-Ressourcen, die nicht ausgesetzt werden sollte, direkt auf das web. web.xml ist ein Beispiel für eine Datei, sollte nicht ausgesetzt werden, um remote-Benutzer. In diesem Fall ist es sicher, zu entlarven alle von der app-Ressourcen direkt auf die web; so brauchen Sie nicht zu legen Sie die Ressourcen unter WEB-INF.

    • beachten Sie aber, wenn er verwendet, spring MVC, und er hat das spring-mvc-dispatcher-servlet zugeordnet /, dieses wird entführen alle Anfragen 🙂
    • Auch für eine sichere app nicht wollen, zu entlarven alle js-und html-die business-Validierungen und front-end-flows und algorithmen zur Welt. Wenn unter web-inf, dann nur angemeldet / Benutzer mit den entsprechenden Rollen serviert werden diese Dateien
    InformationsquelleAutor scothis
  3. 0

    Empfehle ich diese Struktur für Ihr Projekt:

    my-simple-app:
    src
        main
            java
                controller
                    MySpringCtr.java
                models
                    Person.java
                    House.java
                    *.java
        webapp
            WEB-INF
                resources
                    css
                        style.css
                        *.css
                    js
                        angularCtr.js
                        *.js
                pages
                    index.jsp
                    *.jsp
                mvc-dispatcher-servlet.xml
                web.xml

    Fand ich ein tutorial für Anfänger die Schritt für Schritt erklärt, wie Sie zu kombinieren, SpringMVC und AngularJS finden Sie das tutorial und die komplette code - in diesem blog ich hoffe, es wird nützlich sein 🙂

    InformationsquelleAutor uzor
Schreibe einen Kommentar