Web-Frontend mit Angular 2: Frontend mit Backend verknüpfen
Das Framework Angular zaubert schöne Oberflächen und bietet eine hohe Wartbarkeit. Wir erklären, wie Sie Ihre Anwendung mit dem Backend verbinden.
(Bild: Albert Hulm)
- Christian Helmbold
Fast geschafft! So fühlt es sich an, beinahe alle Kästen auf einer Aufgabenliste abgehakt zu haben. Genau so eine Liste programmieren wir unser Mini-Serie zu Webentwicklung mit Spring Boot und Angular. Zwei Häkchen gingen für das Backend drauf, das wir Ihnen im Artikel "Webentwicklung: Mit Spring und Kotlin eine To-do-Liste programmieren" und im Artikel "Webentwicklung: HTTP-Antworten mit Kotlin und Spring programmieren" erklärt haben. Die Sprösslinge für die Oberfläche pflanzten wir im ersten Angular-Teil "Webentwicklung: Wie Sie eine Aufgabenliste mit Angular erstellen" ein. Dieser endete damit, dass Sie in Visual Studio Code (VS Code) eine Oberfläche erstellt und mit Testdaten gefüttert haben.
In diesem Artikel zeigen wir Ihnen, wie Sie die To-do-Liste finalisieren und wie Sie die Kommunikation mit dem Spring-Boot-Server herstellen. Am Ende haben Sie eine voll funktionsfähige Aufgabenliste, mit der Sie neue Listen anlegen, Aufgaben nach getaner Arbeit streichen und Fälligkeitsdaten eintragen können. Ist das alles programmiert, können Sie den letzten Punkt der Liste abhaken. Das vollständige Projekt finden Sie im GitHub-Repository (Download).
Öffnen Sie zum Loslegen Ihr Projekt aus dem ersten Artikel wieder in VS Code. Dieser Artikel knüpft nahtlos an den Stand vom ersten Angular-Teil an. Wenn Sie also die folgenden Schritte nachverfolgen wollen, dann sollten Sie auch alle Schritte aus dem ersten Artikel programmieren. Wenn Sie nicht ganz so viel Zeit haben, können Sie die Schritte auch am fertigen Repository nachvollziehen.
Das war die Leseprobe unseres heise-Plus-Artikels "Web-Frontend mit Angular 2: Frontend mit Backend verknüpfen". Mit einem heise-Plus-Abo können sie den ganzen Artikel lesen und anhören.Immer mehr Wissen. Das digitale Abo für IT und Technik.
Smartes Klimagerät: Ecoflow Wave 2 im Test
Apple iPad Air 2024 mit 13"-Display im Test: Das bezahlbare Pro
Gefährdete Router: Verkehr mit dubiosen Internetdomains verhindern
LED-Matrizes mit MicroPython steuern
Workshop: Frontplatten mit System zum Selberbauen
Kamerasensoren erklärt: So wird aus Licht ein Bild
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Smartes Klimagerät: Ecoflow Wave 2 im Test
Apple iPad Air 2024 mit 13"-Display im Test: Das bezahlbare Pro
Gefährdete Router: Verkehr mit dubiosen Internetdomains verhindern
LED-Matrizes mit MicroPython steuern
Workshop: Frontplatten mit System zum Selberbauen