‫Kursleiter: Nachdem wir nun die Grundlagen von PUG verstanden
‫haben, ist es an der Zeit, einige
‫Umgestaltungen vorzunehmen und unseren Code besser in die NVC-Architektur einzupassen.
‫Und damit wir danach endlich mit dem
‫Aufbau der Website selbst beginnen können.
‫Und genau wie wir es mit unseren Ressourcen getan
‫haben, werde ich auch einen
‫Router und einen Controller für die Ansichten erstellen.
‫Im Grunde also eine Datei, in der ich alle Routen ablegen
‫kann, die wir zum Erstellen unserer dynamischen Website benötigen.
‫Nennen wir dies die
‫Ansichtsrouten.
‫Okay.
‫Und fangen wir damit an, Express zu verlangen.
‫Okay.
‫Dies wird also
‫genauso funktionieren wie die anderen Router.
‫Erstellen Sie also
‫einen Router-Express-Punkt.
‫Ein Router und am Ende exportieren wir ihn.
‫Lassen Sie uns diese Routen
‫jetzt tatsächlich hierher holen und in die Routendatei kopieren.
‫Hier ist es jetzt natürlich keine App mehr, sondern Router.
‫Also lass uns das ersetzen.
‫In Ordung.
‫Und das ist eigentlich in Ordnung.
‫In den anderen Routen haben wir also d dot route
‫verwendet, wo wir dann die Route
‫selbst angegeben haben, und danach haben wir get, post,
‫patch oder delete verwendet, also all diese http-Methoden.
‫Aber in diesem Fall ist das
‫nicht nötig, weil wir immer nur get verwenden werden.
‫Und so ist es gut so.
‫Als nächstes müssen wir diesen Router tatsächlich
‫in unsere Anwendung einbinden.
‫Also hier in der App, und so wie zuvor,
‫beginnen wir damit, sie zu verlangen.
‫Also Router ansehen.
‫Und jetzt lasst es
‫uns tatsächlich montieren, hier direkt hinter dem ersten.
‫Also Router anzeigen, aber der Unterschied
‫besteht darin, dass dieser tatsächlich direkt auf der Routen-URL gemountet ist.
‫Okay, wenn eine URL so aussieht, wird
‫sie direkt in den View-Router geleitet.
‫Und ich bin mir nicht sicher, ob das geht.
‫Vielleicht müssen wir es hier am Ende einfügen.
‫Aber mal sehen, sobald wir das testen.
‫Okay.
‫Lassen Sie uns nun als letzten Schritt diese
‫Funktionen wie zuvor tatsächlich hier in einen Controller exportieren.
‫Lassen Sie uns also wie zuvor
‫einen Views-Controller erstellen.
‫In Ordung.
‫Und das ist kopiert und so.
‫Dieses hier wird also die Übersicht erhalten.
‫Also export dot
‫get Overview gleich dieser Funktion, okay.
‫Zumindest vorerst.
‫Natürlich werden wir all dies
‫hier durch den echten Controller ersetzt, der
‫die Daten für die Übersicht erhält und diese
‫Daten dann rendert.
‫Okay, aber im Moment haben wir
‫nur diese sehr einfache Controller-Funktion, um zu sehen, ob alles funktioniert.
‫In Ordnung, also lass uns jetzt diesen
‫Controller hier hinzufügen und importieren.
‫Also Controller und dann Views Controller.
‫Okay, und hier haben wir
‫Ansichten Controller Dot Übersicht, in Ordnung.
‫Und jetzt hier das gleiche.
‫Punkt-Tour exportieren.
‫Okay.
‫Und dieser hier war eigentlich nur ein Test.
‫Also loswerden.
‫Und nun endlich wollen wir eigentlich keine Route namens
‫Übersicht, sondern die
‫Übersicht gleich beim Öffnen der Seite anzeigen.
‫Okay, so wie wir es hier haben.
‫Dies ist also die Routenseite und wann immer dies
‫angefordert wird, wird diese Übersichtsseite bedient.
‫Okay, und genau das wollen wir in unserer Bewerbung.
‫Okay, also lass es uns testen.
‫Und so sollte diese hier nun die Übersichtsseite sein.
‫Und in der Tat ist es, okay.
‫Und jetzt hier, lasst uns auch dieses neu laden,
‫nur um zu sehen, ob alles noch funktioniert.
‫Und das tut es, großartig.
‫Und natürlich könnten wir auch weiterhin auf unsere API zugreifen.
‫Sagen wir API, V1,
‫Slash-Touren.
‫Und das sollte uns dann alle unsere Touren geben
‫und dass wir für diesen Endpunkt zurückkehren.
‫Okay.
‫Fantastisch, damit sind
‫wir eigentlich bereit, diese Übersichtsseite
‫im nächsten Vortrag wirklich aufzubauen.
‫Ich kann es kaum erwarten, dich dort zu sehen.