Momentan versuche ich Angular JS zu lernen, aber zuerst möchte ich meine Umgebung mit Spring mvc einrichten.
Im Moment möchte ich nur mit Ruhe arbeiten, aber ich habe Zweifel, wie man die Ergebnisse am besten in Spring MVC
Meine einfache Anwendung hat dieses Squeleton:
%Vor% Wenn ich den Ordner app aus dem Eckzahn einfügen möchte, was ist der beste Ort dafür? es?
Ich habe versucht, src/webapp/resources/app einzugeben, aber dann muss ich die html -Dateien nach WEB-INF verschieben?
Wie war dein Skelett in deinen angular-js Federmvc-Anwendungen?
Was ist der beste Weg, die Weiterleitung zum app/index.html durchzuführen? in die Begrüßungsdatei und arbeiten dann nur mit angularjs $routeproviders ?
Danke!
Soweit ich das verstehen kann, ist Ihre Front-End-Technologie Angualar JS und Ihre Back-End-Technologie ist Spring MVC .
Ich bin ein Front-End-Entwickler und kann Ihnen daher Ratschläge zur Struktur Ihres HTML, CSS und Javascript geben.
Hier sind meine Empfehlungen:
Modus der Kommunikation zwischen Front-End und Back-End: JSON (sollte für MVC-Muster strikt befolgt werden)
Dateispeicherort: Alle Ihre Frontend-Dateien sollten sich im Ordner WEB-INF mit dieser Struktur befinden:
WEB-INF/Assets : Alle Ihre JavaScript-Dateien, JavaScript-Bibliotheken, Bilder, CSS usw. Sollte hier sein. Sie können einen separaten Ordner für jeden Ressourcentyp in Assets
WEB-INF/JSP : Alle Ihre JSPs sollten hier platziert werden. Da Angulars größte Stärke die Single-Page-Anwendung ist, können Sie eine JSP pro Hauptseite erstellen und sie hier platzieren
WEB-INF/HTML : Alle statischen Ressourcen, die mit <ng-view> oder <ng-include> in die JSPs injiziert werden, können hier platziert werden
Hoffe, das hilft!
Am einfachsten geht es, wenn Sie alle Dateien im Verzeichnis angular-seed/app kopieren und in Ihr Verzeichnis src/main/webapp kopieren. Nach dem Kopieren dieser Dateien sollten Sie in der Lage sein, die Anwendung erneut bereitzustellen und über ein laufendes Beispiel zu verfügen.
Die meisten Servlet-Container enthalten index.html als Standard-Willkommensdatei. Wenn dies nicht der Fall ist, können Sie diese Konfiguration in web.xml <welcome-file-list> hinzufügen.
Das WEB-INF-Verzeichnis ist für Web-Ressourcen gedacht, die nicht direkt dem Web ausgesetzt sein sollten. web.xml ist ein Beispiel für eine Datei, die keinen Remotebenutzern zur Verfügung gestellt werden sollte. In diesem Fall können Sie alle Ressourcen der App direkt im Web bereitstellen. Daher müssen Sie die Ressourcen nicht unter WEB-INF platzieren.
Ich empfehle diese Struktur für Ihr Projekt:
%Vor%Ich habe ein Tutorial für Anfänger gefunden, das Schritt für Schritt erklärt, wie SpringMVC und AngularJS zu kombinieren sind. Sie können das Tutorial und den kompletten Code finden in diesem Blog Ich hoffe, es wird nützlich sein:)
Tags und Links angularjs java maven spring-mvc