Tutorial zur Angular2-Integration über SpringMVC

In diesem Artikel wird hauptsächlich ein Beispiel für die einfache Integration von Angular2 durch SpringMVC vorgestellt. Der Herausgeber findet es recht gut, daher werde ich es jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Herausgeber und werfen wir einen Blick darauf

Dieser Artikel stellt ein Beispiel für die einfache Integration von Angular2 durch SpringMVC vor und teilt es mit allen. Die Details sind wie folgt:

Angular verwendet das offizielle Schnellstartbeispiel

Kopieren Sie alle Dateien in das SpringMVC-Projekt. Während des Kopiervorgangs ist der Dateipfad möglicherweise zu lang und die gesamte Datei wird nicht komprimiert Zuerst die Datei komprimieren und dann kopieren. Die Verzeichnisstruktur ist wie folgt. Ich habe sie in das Winkelverzeichnis

Spring-Konfigurationsdatei-Einstellungspfad

Fügen Sie dann die Dateien

in die HTML-Seite ein, wie auf der offiziellen Angular-Website gezeigt. Hier müssen Sie die Pfade dieser Dateien konfigurieren

Hauptsächlich gibt es zwei Stellen, die in der Datei systemjs.config geändert werden müssen

, damit das Projekt ausgeführt werden kann

Aber es kann so laufen, weil wir Typescript in JS-Dateien kompiliert haben. Es ist für uns unmöglich, die TS-Datei jedes Mal zu ändern, sie dann zu kompilieren und dann das Projekt auszuführen, also müssen wir Typescript automatisch in Javascript kompilieren

Da der Ideeneditor, den ich verwende, über ein automatisches Bearbeitungs- und Konvertierungstool verfügt, müssen Sie nur eine einfache Konfiguration durchführen (vorausgesetzt, NodeJS und Typescript-Abhängigkeiten sind auf diesem Computer installiert).

Datei- 》Einstellungen-》Sprachen&Frameworks-》node.js und NPM Wählen Sie diese Maschine aus. Installierte node.js

Datei-》Einstellungen-》Sprachen&Frameworks-》TypeScript

Typoskript-Version Wählen Sie am besten die Typoskript-Abhängigkeit von npm, die lokal heruntergeladen wurde, und wählen Sie den lib-Ordner aus

-p webWEB-INFangular Dieser Befehl bedeutet das für die Kompilierung angegebene Verzeichnis. Wenn nicht, suchen Sie nach dem Stammpfad des Projekts. Da wir es im Winkelverzeichnis abgelegt haben, müssen wir es einrichten

Danach können Sie im kompilieren Editor, aber eine automatische Kompilierung ist noch nicht möglich

Die Schritte für unsere Hot-Bereitstellung in Tomcat sind im Allgemeinen „Make“, dann „Packen“ und dann „Starten des Projekts“, um eine automatische Kompilierung zu erreichen. Sie müssen Typescript nur vor „Make“ kompilieren >

Das obige ist der detaillierte Inhalt vonTutorial zur Angular2-Integration über SpringMVC. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!