Node Js: Erstellen deiner E-Commerce-Website Teil 2

1. Einführung: Hallo und willkommen zu einer neuen Klasse. In diesem Fall werden wir das Backend unseres Projekts implementieren , das darin besteht, eine E-Commerce-Website zu erstellen. Wie wir hier sehen können, haben wir unsere Frontend-Seiten, die wir zu Beginn der vorherigen Klasse erstellt haben. Falls Sie das noch nicht gesehen haben, empfehle ich Ihnen dringend, dies zu tun. Wenn Sie jedoch bereits mit den Grundlagen von CMLCSS und Bootstrap vertraut sind, können Sie diesen Kurs jederzeit fortsetzen, um das Backend kennenzulernen den Grundlagen von CMLCSS und Bootstrap vertraut sind, mit den Grundlagen von CMLCSS und Bootstrap vertraut sind, können Sie diesen Kurs jederzeit fortsetzen und zu lernen, wie wir mit Dingen wie dem Wechseln von einer Seite zur anderen, dem Abrufen von Daten aus der Datenbank usw. umgehen können wie dem Wechseln von einer Seite zur anderen, Abrufen von Daten aus der Datenbank usw. umgehen Wir werden also all diese Themen besprechen. Wir werden etwas über Restful APRs lernen und erfahren, wie wir die Funktionen, die wir haben, abrufen und in sie posten können Jetzt gebe ich Ihnen einen Überblick über dieses Projekt. Hier haben wir zum Beispiel die Startseite. Wie wir sehen können, haben wir die Marken, wir haben die Bestseller und die Kategorien. Wenn ich zum Beispiel zu den Marken gehe, werde ich alle Marken abrufen, die derzeit für uns verfügbar sind, zum Beispiel haben wir Johnson, klicken Sie auf Erkunden, und ich werde auf die Produktseite weitergeleitet, auf der ich alle Produkte von Johnson's habe, wie Baby Johnson , von Johnson, und so weiter und so fort, zusammen mit der Preismarkenkategorie und Größe. Wenn ich auf diesen speziellen Artikel drücke, werde ich natürlich zur Baby Johnson - oder Produktseite weitergeleitet , auf der ich das Baby Johnson sehen kann. Hier haben wir das Bild, aber es wird gerade nicht angezeigt, weil es nicht vollständig geladen ist. Natürlich werden wir den Preis, die Marke, die Größe und die Menge haben . Nehmen wir an, ich habe fünf Stück. Wenn ich meiner Karte etwas hinzugefügt habe, werde ich zur Anmeldeseite weitergeleitet. In diesem Fall muss ich mein Beispiel platzieren, in diesem Fall habe ich es erstellt. Wenn ich auf das Schild drücke, kann ich diesen Artikel jetzt natürlich kaufen oder der Karte hinzufügen. Wie wir sehen können, werden wir, sobald ich ihn hinzugefügt habe, diesen hier haben anzeigt, dass ich einen Artikel auf meiner Karte habe, und natürlich melde dich hier ab, anstatt zu unterschreiben, weil wir uns bereits angemeldet haben. Wenn ich jetzt zu meiner Karte gehe, kann ich den Artikel hier sehen. Ich kann ihn auch entfernen. Natürlich muss ich die Adresse und die Zahlungsmethode hinzufügen. Wenn ich dann einen Artikel habe, kann ich die Bestellung natürlich auch aufgeben. Lassen Sie mich zum Beispiel zur Marke zurückkehren. Scrollen wir runter zu Johnson und wählen wir eine davon aus. Natürlich werde ich die Menge wählen, die eins ist. Ich werde es meinem Auto hinzufügen, alles sieht gut aus. Jetzt habe ich es hier in meiner Bestellung. Wenn ich die Bestellung aufgebe, werde ich natürlich auf diese Seite weitergeleitet , auf der ich meine Einkäufe sehe. Ich habe also vor drei Tagen einen Kauf getätigt, und ich habe gerade einen Kauf, und beide stehen noch aus. Also werden wir alle Seiten nacheinander durchgehen alle Seiten nacheinander durchgehen und jede einzelne Seite aktualisieren bis wir dieses vollständige Projekt haben. Ich hoffe, Ihnen hat dieser Kurs gefallen, und nachdem das gesagt ist, lassen Sie uns mit der ersten Aufgabe beginnen. 2. Datenbanken 1: Hallo und willkommen zurück. In diesem Teil werden wir uns, wie gesagt, mit dem Backend unserer Website befassen. Wir haben bereits das gesamte Frontend gebaut. Wir haben die Kontaktseite für die Kategorie Eigenmarke erstellt, und das ist unsere Startseite. Wie wir sehen können, haben wir die Fotos, wir haben die Marken, Bestseller und dann die Kategorien. Und wir haben auch diese, die Bestellung aufgeben, und wir werden sie später in der Bestelldatei platzieren. Endlich haben wir die Fußzeile und sie sieht so aus. Gehen wir nun zurück zu unserem Code und beginnen mit dem Backend Das erste, was wir tun werden, ist, dass wir ein neues Modul benötigen , das uns in Mongo hilft, die Datenbank zu erstellen, die wir benötigen Das erste, was wir benötigen , ist defined oder create, und das wird von Mongo benötigt, wie gesagt, Mongo find or create, und wir sind fertig Wir müssen es nur importieren oder mit NPM installieren. Gehen wir hier zurück und suchen oder erstellen wir NPM. Wir müssen kurz vorher Mongo eingeben. Also Mongo einen Fonds oder Create und wir werden ein bisschen warten, bis er installiert ist, und in der Zwischenzeit können wir zurückgehen und mit unserem Code weitermachen Das ist das Erste, was wir tun werden, und jetzt müssen wir eine Verbindung herstellen und Mongoose einrichten Lass uns weitermachen und es genau hier zwischen diesen beiden machen. Um Mongoose zu verbinden, schreiben wir einfach mongoose to connect und wir wählen aus, wo wir es verbinden wollen Da wir es hier lokal auf dem Mongo dV-Kompass speichern auf dem Mongo dV-Kompass Und wir geben den lokalen Mongo-DB-Host 27017 ein, gefolgt vom Namen Da wir vielleicht diese kommerzielle Website erstellen vielleicht diese kommerzielle Vielleicht ist es besser, sie kommerzielle Datenbank zu nennen und dann DB zu folgen. Danach werden wir einen neuen URL-Passer verwenden und ihn auf „true“ setzen Das ist hauptsächlich für die Verbindung, und später werden wir sehen, wie wir die Datenbank visualisieren können Wir müssen den Mongo DB-Kompass installieren, und das werde ich im nächsten Video tun Aber vorerst verbinden wir es einfach und M. Da wir die Verbindung verwenden, müssen wir sie auch so einrichten, dass wir Find and Modify verwenden müssen Okay Bis dann werden wir auch den Wert use create index auf true setzen . Wir werden diesen Index erstellen und in den nächsten Videos darüber sprechen. Aber vorerst setzen wir es einfach auf „Mongo Finally Find and Modify“ auf „Falsch“ Wir müssen unsere Arbeit nicht ändern, wenn wir find aufrufen unsere Arbeit nicht ändern, wenn wir Das ist es hauptsächlich. So können wir uns verbinden und Mongoose einrichten und unsere Datenbank erstellen Lassen Sie uns jetzt eine Sekunde darüber nachdenken. Welche Datenbanken brauchen wir wirklich. Zuallererst sprechen wir über Marken und Kategorien. Es ist sinnvoll, sowohl Datenbanken für Marken als auch für Kategorien zu haben . Wir haben auch die einzelnen Artikel und wir benötigen eine Datenbank, die für die einzelnen Artikel spezifiziert ist. Dann haben wir auch die E-Mails, die wir hier extrahieren werden. Sobald der Benutzer auf CU drückt, nehmen wir diese E-Mail und fügen sie der Datenbank hinzu. Natürlich benötigen wir eine Datenbank, die für Benutzer spezifiziert ist. Jeder Benutzer. Jedes Mal, wenn sich ein Benutzer anmeldet, nehmen wir all seine Informationen und speichern sie in einer bestimmten Datenbank. Wir benötigen auch die Bestseller-Datenbank. Das gilt für die Bestseller-Artikel. Wie wir hier sehen können, haben wir vorerst drei Artikel, aber vielleicht haben wir später mehr, es ist sinnvoll, eine Datenbank für solche Dinge zu haben . Okay. Also das ist es hauptsächlich. Beginnen wir damit, die Datenbanken zu codieren, sie zu erstellen und ihnen dann vielleicht einige Elemente oder Elemente hinzuzufügen. Als Erstes werden wir das Markenschema erstellen. So erstellen wir eine Datenbank. Nennen Sie es. Nennen wir es Markenschema, und wir erstellen das Schema Use Mango, Mongoose, wir öffnen die geschweiften Klammern und benötigen hauptsächlich drei Objekte Die erste ist die Marke , über die wir sprechen. Vielleicht fügen wir die Kategorien dieser angegebenen Marke hinzu. Wenn wir beispielsweise eine bestimmte Marke wie Johnson haben, benötigen wir, welche Kategorien Johnson verkauft. Zum Beispiel haben wir das Shampoo, die Körperlotion und so weiter Es ist also sinnvoll , eine Reihe von Zeichenketten zu haben , die alle Kategorien enthalten , die diese Marke anbietet Wir haben den Markennamen und das wird eine Zeichenfolge sein. Wir haben auch die Kategorien dieser Marke, und das wird eine Reihe von Zeichenketten sein. Vielleicht fügen wir ein Bild hinzu. Dies wird auch eine Zeichenfolge für später sein. Dies ist das erste. Erstellen Sie das zweite, das das Kategorieschema ist. Das Kategorieschema entspricht dem neuen Mongoose-Schema. Lass es uns wie zuvor öffnen. Die Kategorie wird eine Zeichenfolge sein. Wie Sie hier feststellen können, benötigen wir, wenn wir eine bestimmte Kategorie wie Shampoo haben, eine Liste aller Marken, die Shampoo verkaufen. Zum Beispiel haben wir Johnson, wir haben Söhne und so weiter. Dies ist die Kategorie, der es sich um den Namen handelt, der eine Zeichenfolge sein wird. Wir haben auch die Marken hier, und das wird auch eine Reihe von Zeichenketten sein. Dann haben wir das Bild. Gehen wir nun zum E-Mail-Schema über, und dies wird eine einfache E-Mail sein. Es gibt eine Zeichenfolge, also öffne sie mit dem neuen Mongoose-Schema hier Und dann haben wir die E-Mail , die, wie gesagt, eine Zeichenfolge ist. Lassen Sie uns zum Artikelschema übergehen und es hier erstellen. Wir haben das Schema „Item on Clues“ drin und schauen wir mal. Das erste, was wir hinzufügen werden, ist der Titel oder der Name dieses Elements, und es wird eine Zeichenfolge sein Wir haben auch die Beschreibung, die wir hinzufügen werden, die ebenfalls eine Zeichenfolge sein wird, und wir haben die Bild-URL. Zeichenfolge. Im Grunde sind das alles Stacheln. Die Marke wird auch eine Zeichenfolge sein, die Kategorie, und wir werden einen Preis, eine Menge und eine Größe hinzufügen. Die Größe wird eine Zeichenfolge sein und sowohl der Preis als auch die Menge werden Zahlen sein. Hier haben wir den Preis, und das wird eine Zahl sein, wir haben endlich die Menge, die auch eine Zahl sein wird. Das ist im Grunde genommen für das Artikelschema. Gehen wir zum Benutzerschema über, sodass wir immer noch zwei Schemas haben um den Benutzer und den Bestseller zu erstellen Weiter geht es mit dem konstanten Benutzerschema, das dem Schema wie gewohnt entspricht. Lass uns da oben mitmachen. Wir haben die E-Mail des Nutzers, das Passwort Und lassen Sie uns vielleicht die Google-ID hinzufügen, wenn sich der Nutzer mit seinem Google-Konto anmeldet. Wir haben die Nummer. Das ist also die Telefonnummer. Wir haben den Namen und wir haben auch die Bestellungen und die Adresse. In den Bestellungen ist das vielleicht ein Array. Innerhalb dieser Bestellung werden wir ein paar Dinge hinzufügen. Lass uns sehen. Wir haben die Bestellung, wir haben das Abreisedatum Und vielleicht fügen wir etwas hinzu , das als eingegangen bezeichnet wird, um anzugeben, ob der Benutzer diese Bestellung erhalten hat oder nicht, und wir werden die Artikel hinzufügen , die diese Person bestellt hat. Wir benötigen das Bild, den Titel, den Preis, die Menge und die Größe dieser Artikel. Wir haben auch die Gesamtsumme und das Datum, an dem der Benutzer bestellt hat. Lassen Sie uns zuerst das Empfangene Das wird hauptsächlich sein, aber vorher fügen wir es einfach als Objekt hinzu. Das ist das erste Objekt. Und in dem wir das Empfangene hinzufügen werden, wird es gesperrt sein und die Standardeinstellung ist falsch. Jetzt haben wir auch den Checkout , der ebenfalls vom Typ ist und die Standardeinstellung ist False. Das war's also für den Checkout. Lassen Sie uns zu den Artikeln übergehen. Wie gesagt, bei den Artikeln wird es sich um eine Reihe von Artikeln handeln. Der Benutzer kann also mehr als einen Artikel innerhalb einer einzigen Bestellung bestellen. In den Artikeln müssen wir also das Bild hinzufügen, und das wird der Titel sein, der auch eine Zeichenfolge sein wird, der Preis ist, was eine Zahl ist. Die Menge, die der Benutzer bestellt hat, und es wird auch eine Zahl sein, und schließlich die Größe, die eine Zeichenfolge sein sollte. Das ist im Grunde genommen alles für die Artikel. Und wie wir sehen können, müssen wir nur die Summe hinzufügen, die eine Zeichenfolge sein wird, und das Datum, das der Benutzer bestellt hat, was ebenfalls eine Zeichenfolge sein wird. Das ist hauptsächlich für die Bestellungen. Gehen wir nun zur Adresse über. Also sind wir hier fertig. Fügen wir das Komma hinzu und erstellen die Adresse, die im Grunde nur aus drei Komponenten der Adresse als Zeichenfolge, besteht: der Adresse als Zeichenfolge, der Stadt, in der der Benutzer lebt , und der Telefonnummer. Die Adresse wird ungefähr so sein, Zeichenfolge mit der Stärke der Stadt und schließlich die Telefonnummer, die eine Zahl sein wird. Das ist es hauptsächlich. Das ist es, was wir tun werden. Das ist unser Benutzerschema. Wir müssen nur das Bestseller-Schema hinzufügen. Dazu fügen wir konstantes Bestseller-Schema hinzu, das dem B-Schema entspricht wie gewohnt ein konstantes Bestseller-Schema hinzu, das dem B-Schema entspricht. Lass es uns öffnen. Von dem Objekt werden wir vielleicht die Referenz dieses Elements hinzufügen, also wird es ein Objekt sein, und dann müssen wir den Namen dieses Elements hinzufügen, der eine Zeichenfolge ist, und das Bild sollte auch eine Zeichenfolge sein Und das ist es hauptsächlich. Ich werde einfach den Typ hinzufügen, wir aus dem Schema extrahieren werden, die Typen und die Objekt-ID. Ich werde es später erklären, aber lassen Sie uns vorerst bei diesem Schema bleiben. Dies sind hauptsächlich unsere Schemas. Wir müssen nur das Modell erstellen und es dann in unserem Mongo-Kompass visualisieren. Dazu laden dann in unserem Mongo-Kompass visualisieren. Dazu wir den Mongo B-Kompass von hier herunter Sobald es heruntergeladen ist, öffnest du es einfach und wir sehen uns im nächsten Video Okay. 3. Datenbanken 2: Nachdem wir mit dem Schema fertig sind, können wir das Modell erstellen. Lassen Sie uns damit beginnen vielleicht das Markenmodell oder das Artikelmodell zu erstellen. Fangen wir also an und es ist ziemlich einfach. Wir müssen nur die Zeit konstant halten. Dies ist der Artikelname, das Mongo-Modell, und wir werden den Artikel nach dem Artikelschema modellieren , das wir gerade erstellt haben. Und wir werden dasselbe für alle anderen tun für alle anderen Wir haben die E-Mail. Die E-Mail wird also als E-Mail-Schema modelliert. Natürlich werde ich nicht alle schreiben. Ich werde es einfach noch ein paar Mal kopieren und den Rest hinzufügen. Also hier haben wir den Bestseller. Und dann wird es genau hier als Bestseller und als Bestseller-Schema modelliert genau hier als Bestseller und als Bestseller-Schema Dann haben wir noch die drei übrig, um die Marke grafisch darzustellen, und sie wird wie gewohnt als Marke und hier als Markenschema modelliert gewohnt als Marke und hier als Markenschema Wir haben das Benutzerschema. Ist als Benutzer modelliert und die Konstante würde Benutzer heißen. Schließlich haben wir die Kategorie Kategorie, und sie wird als Kategorie modelliert Das ist es im Grunde. Lass uns einfach nachschauen, ob ich vielleicht etwas verpasst habe. Wir haben die Bestseller, also haben wir sechs, eins, zwei, drei, vier, fünf und sechs. Wir sind vorerst dabei, wir haben die Datenbanken für unsere Artikel, Kategorien, Marken usw. erstellt . Nun, da wir damit fertig sind, wollen wir vielleicht einige dieser Artikel, einige dieser Marken oder Kategorien zu den Datenbanken hinzufügen . Das zu tun, ist ziemlich einfach. Wir können gleich hier anfangen und vielleicht damit beginnen, Marken zu kreieren. Ich nenne es B eins, sollte gleich sein lassen Sie uns mit dem Bestseller beginnen, zum Beispiel Bestseller, öffnen Sie es, da wir hier gesagt haben, dass der Bestseller hauptsächlich den Namen und das Bild enthalten wird. Bleiben wir also dabei. Also haben wir vielleicht Johnson und das Bild wird sein, wir werden das P hinzufügen . Im Moment füge ich hier einen Dateiordner namens images in diesen Ordner ein, wir werden ein paar Bilder hinzufügen. Aber lassen Sie uns es vorerst Johnson PG nennen und es geht uns gut. Das ist der erste. Lassen Sie uns einen weiteren erstellen, zwei entsprechen dem Bestseller Wie immer benötigen wir den Namen, vielleicht rufen wir acht an, und das Bild ist wie gewohnt, der Pfad des Bildes. Und wie wir sehen können, ist es eine Zeichenfolge. Wie gesagt, wir haben drei Bestseller. Der letzte wird einen Namen haben, vielleicht der Hirsch. Lass es uns öffnen. Name oder Schließlich enthält das Bild den genauen Pfad zu diesem Bild und es befindet sich im Bilderordner, oder. GPG. Das ist es hauptsächlich für die Bestseller Gehen wir zu den nächsten Datenbanken über. Fügen wir Kategorien für Marken hinzu und fügen sie dann alle zu den eigentlichen Datenbanken hinzu. Was wir hier tun, ist, dass wir nur einige Konstanten erstellen. Dies ist die Konstante B eins, die den Bestseller, den ersten Bestseller, angibt , und wir haben den Namen dieses und das folgende Bild Und wir haben auch die Bestseller Nummer zwei und drei. Aber wir haben sie nicht wirklich zur Datenbank hinzugefügt, und wir werden das später tun , sobald wir die Marken und Kategorien fertiggestellt haben. Um die Marken zu kreieren, nennen wir sie Marke eins, und es wird vielleicht Johnson sein, da wir zuerst über Johnson gesprochen haben. Los geht's. Johnson. Wie gesagt, wir brauchen die Kategorien , die Johnson hat. Wir werden immer höher, vielleicht Shampoo, vielleicht Pica, und vielleicht wird das Bild, wie wir es zuvor gemacht haben wird das Bild, wie wir es zuvor genau das Bild sein, das wir zuvor verwendet haben Das ist für Marke eins festgelegt. Kopieren wir es und fügen es hier Und wir werden zwei weitere Marken gründen. Das ist also Marke zwei, und das ist endlich Marke drei. Also ändere sie ein bisschen. Hier haben wir vielleicht acht. Nehmen wir an, vielleicht wird nur die Kategorie Zähne sein. Das Bild wird also Zähne DGG sein. Wir werden sie später hinzufügen. Lassen Sie uns abschließend mit dem letzten fortfahren. Das wird die Grundlinie sein, vielleicht werden die Kategorien vielleicht nur Bodica sein. Wir bleiben dabei Das Bild wird BodyPG sein wir haben vorerst sowohl Bestseller als auch Marken fertiggestellt Wir werden einige Kategorien hinzufügen. Kategorie eins wird eine neue Kategorie sein. Öffne es und fange gleich hier an. Der Name der Kategorie wird vielleicht Johnson sein, Johnson haben wir. Johnson und vielleicht machen wir das zum Beispiel. Und schließlich haben wir das Bild, das sich im Bilderordner befinden würde. Und wie gesagt, da wir Shampoo verwenden, ist es sinnvoll, ein Johnson-Bild von einem Shampoo als Hauptbild hinzuzufügen . Wir gehen. Das ist die erste Kategorie. Lass uns zwei weitere hinzufügen Okay. Und das ist es. Die zweite wird eine Körperpflege sein , da wir schon früher darüber gesprochen haben. Im Bereich Körperpflege haben wir vielleicht nur Vasilin und dann gehen wir Endlich, um das zu ändern. Vielleicht tippe es einfach. Vielleicht lassen wir es vorerst so, wie es ist, wir werden es später ändern. Das war's mit den Kategorien. Lassen Sie uns hier noch eine Sache hinzufügen. Lassen Sie uns statt Shampoo das Inside TV daraus machen , das wir nur vielleicht als Marke haben Das ist es hauptsächlich. So können wir die Konstanten erstellen , die wir verwenden oder die wir der Datenbank hinzufügen werden Das ist natürlich nicht die einzige Methode. Es gibt tatsächlich eine einfachere Methode bei der Sie einfach alle auf einmal hinzufügen oder sie vielleicht mit dem Kompass hinzufügen können. Wir werden später im nächsten Video darauf eingehen. Aber vorerst werden wir sie manuell hinzufügen, nur um eine Vorstellung davon zu haben wie wir sie erstellen können oder wie wir sie mithilfe von Code zur Datenbank hinzufügen können. Das ist es also. Lassen Sie uns im Grunde weitermachen und sie jetzt hinzufügen. Also haben wir über das Kategorieschema gesprochen und das Modell mit dem Namen Kategorie erstellt. Und um in diese Kategorie einzufügen, geben wir einfach category dot insert many ein, wenn wir viele Kategorien gleichzeitig einfügen wollen. Also öffnen wir das Array eins, zwei und Kategorie drei. Also das ist es hauptsächlich. Wir müssen nur nach möglichen Fehlern suchen , damit es ziemlich einfach ist , wenn ein Fehler auftritt einfach auf der Konsole gedruckt wird. Andernfalls drucken Sie einfach alle Kategorien aus, die wir gerade hinzugefügt haben. Wir haben also Kategorie eins, Kategorie zwei und Kategorie drei. Das ist es für die Kategorien. Kopieren wir es und fügen es später für Marken und vielleicht die Bestseller ein. Lassen Sie uns vorerst mit Marken arbeiten. Marken, die viele einsetzen, wir haben Marke eins, Marke zwei und Marke drei. Los geht's, Marke zwei. Wir werden auch nach möglichen Fehlern suchen , und wenn nicht, wir einfach die drucken wir einfach die drei Marken aus , die wir gerade hinzugefügt haben. Marke zwei und Marke drei. Das ist es hauptsächlich, wir haben immer noch die Bestseller, aber ich denke, wir haben die Idee, wie man sie erstellt und wie man sie einfügt. Okay. Das war's für dieses Video. Im nächsten Video werden wir besprechen, wie wir mit dem MongoDB-Kompass arbeiten können , wie wir die Daten, die wir gerade hinzugefügt haben , visualisieren können und wie wir auch bearbeiten oder ändern oder sogar neue Elemente oder neue Datenbanken aus der Anwendung hinzufügen neue Elemente oder neue Datenbanken aus der Anwendung Das war's also für dieses Video, davon abgesehen, wir sehen uns im nächsten 4. Route erstellen: Hallo und willkommen zurück. In diesem Video erfahren wir, wie wir zwischen den Webseiten verlinken können. Zum Beispiel sind wir hier auf der Startseite. Vielleicht möchten wir zur Seite „ Über das Verhalten“ in der Kategorie „Marke“ gehen . Im Moment funktionieren sie nicht. Wir werden die Formulare für diese Seiten erstellen. Wenn wir dieses spezielle Produkt sehen möchten und ich auf C-Details drücke, möchte ich natürlich ich auf C-Details drücke, zu den C-Details oder den Details dieses bestimmten Artikels gehen . Das werden wir auch tun. Aber lassen Sie uns vorerst mit der Webseite beginnen, der Homepage, dieser. Gehen wir also zu unserem visuellen Studiencode. Und hier haben wir gesagt, dass wir, wann immer wir diesen haben, den Schrägstrich nach Hause rendern werden Aber denken wir daran. Lass uns hierher zurückkehren und sehen. In unserem Haus benötigen wir ein paar Dinge aus der Monge DB oder der Datenbank, die wir haben Die erste sind die Kategorien , die wir zum Beispiel hier haben Wenn wir die Kategorien anzeigen, müssen wir sie hier haben, und dann können wir sie so in Autos auflisten. Aber im Moment brauchen wir sie, also müssen wir sie haben, wann immer wir nach Hause fahren. Wir brauchen auch die Bestseller. Denken Sie daran, dass wir hier einen Bestseller geschaffen haben. Wir haben das Bestseller-Schema erstellt und einige Dinge hinzugefügt. Das sind die beiden wichtigsten Dinge, und natürlich brauchen wir auch die Marken. Wie gesagt, es ist dasselbe wie bei den Kategorien, wir brauchen es auch. Fangen wir damit an. Gehen wir in diesem Fall zurück zum G-Schrägstrich. Ich werde alle Marken durchsuchen, Ich werde die wir im Markenschema oder in der Markendatenbank haben , und wir werden nach allem suchen, also lassen wir dieses Feld leer Und wir werden die Funktion bekommen. Also haben wir den Fehler und die falsche Marke. Tun Sie im Falle eines Fehlers nichts. Wenn kein Fehler vorliegt, suchen wir nach den Bestsellern und dann nach den Kategorien. Bestseller. Nein, wir werden alle Bestseller-Artikel finden, die wir haben. Wie üblich haben wir die Funktion , die den Fehler und den am besten gefundenen enthält . Dann lass uns öffnen. Wenn wir in diesem Fall keinen Fehler haben, suchen wir einfach nach der letzten, das sind die Kategorien. Kategorien finden und mit ihnen funktionieren und Kategorien wiederfinden. Jetzt können wir RESG mit den folgenden Elementen oder den folgenden Komponenten nach Hause rendern folgenden Elementen oder den folgenden Komponenten Wir haben die Kategorien doppelt benannt und das wird Def-Kategorien enthalten , die wir zuvor gefunden haben Wir haben auch die Anfrage. Vergessen wir es nicht. Lassen Sie uns zu den Marken übergehen, und diese werden die gefundene Marke und die besten enthalten, die die gefundenen besten enthalten. Das ist es hauptsächlich. Wir haben auf die Startseite mit den folgenden Marken am besten und die ganze Anfrage , die wir von hier bekommen haben. Das ist der erste. Gehen wir zum zweiten über. Lassen Sie mich vorher natürlich nur darüber sprechen, was wir hier damit machen können. Wann immer wir auf die Startseite gehen, haben wir die Marken, die Bestseller und die Kategorien dabei. Und wenn wir gleich nach Hause gehen, können wir das ändern. Was wir hier tun ist, dass wir nur ein Bild zeigen, nämlich Bild zwei und die Überschrift, das ist meine Bildunterschrift mit dem Titel erstes Bild und die gesamte Bildunterschrift. Diese sind also statisch. Wir können sie ändern und sie ändern lassen, zum Beispiel zeigen wir hier die Marken. Wir können alle Marken , die wir aus dieser Liste haben, abrufen, und wir können hier mit dem in der SML integrierten Javascript auf sie zugreifen , und wir können sie direkt hier auf der Startseite anzeigen Und das können wir auch für die Bestseller und die Marken und Kategorien tun , tut mir leid Also das ist es. Das ist es, was wir anstreben, aber lassen Sie es uns vorerst einfach halten. Gehen wir zurück zur App zu JS und lassen Sie uns dann mit allen Anforderungen fertig Dann können wir hier auch eine Verknüpfung zwischen ihnen herstellen und die Titel der Untertitel ändern und so weiter Lass uns weitermachen. Gehen wir zurück und schauen wir mal. Wie wir hier sehen können, haben wir die Möglichkeit, in Verbindung zu bleiben. Bleiben Sie in Verbindung, wenn der Benutzer seine E-Mail-Adresse eingibt, um exklusive Angebote zu erhalten. In diesem Fall nehmen wir das und fügen es unserer Datenbank hinzu. Wie können wir das machen? Gehen wir zurück und fangen wir an. Das ist ein Beitrag. Also werden wir einen Beitrag bekommen. Beitrag hinzufügen. Immer wenn wir etwas von der Seite „Bleiben Sie in Verbindung“ bekommen , was ein Beitrag ist werden wir vielleicht diese Funktion aufrufen, so krass wie immer ist, und wir werden die E-Mail erstellen Ich nenne sie einfach E-Mail und sie wird ein neues Schema oder eine neue Komponente enthalten ein neues Schema oder , die wir dem Schema hinzufügen werden Die E-Mail mit dieser Nachricht wird als Anforderungstext verwendet. Wenn ich jetzt gleich hier zurückgehe, tut mir leid, zur Fußzeile, und da wir sehen können, wenn wir ganz nach unten scrollen, haben wir die Eingabe der E-Mail mit dem Namen E-Mail Wir können mit dem Namen darauf zugreifen, indem wir einfach eine Anfrage schreiben Dies ist die Anfrage , die wir erhalten werden und die alle Komponenten in diesem Formular enthält , und die Text-E-Mail der Anfrage enthält Wir werden diese E-Mail erhalten und sie hier hinzufügen. Dann werden wir es einfach erstellen, per E-Mail diese E-Mail mit der Funktion erstellen, sodass es noch eine weitere gibt und vielleicht einfach gedruckt und lassen Sie uns drucken , dass die E-Mail hinzugefügt wurde. Das ist es. Das tut mir leid, ich habe die Zitate vergessen. Es geht uns gut Wenn wir damit fertig sind, leiten wir natürlich vielleicht zur Startseite weiter. Ich denke, wir sind gut. Leiten Sie zu diesem hier weiter, wo wir nach Hause rendern werden. Das war's, um in Verbindung zu bleiben. Lass uns mit dem zweiten weitermachen. In Ordnung. Versuchen wir nun, zwischen diesen Webseiten zu wechseln. Wie gesagt, wir haben die Kategorie „ Über uns“ und „Kontakt“ als Eigenmarke . Ich bin also bereit zu tun , dass ich jedes Mal, wenn ich auf eine von ihnen drücke, automatisch auf die zugehörige Webseite weitergeleitet werde. In diesem Fall bewirken all diese Schaltflächen vorerst nichts. Lassen Sie uns das beheben. Wir gehen zum Header. Dies ist unser Header , in dem wir alle Schaltflächen genau hier haben. Aber natürlich ohne den Referenzlink zu ihnen. Lass uns das reparieren. Das erste , was wir tun werden, ist diesen Hashtag zu löschen und zu platzieren Hier haben wir das Zuhause, wir werden nach Hause gehen. In diesem Fall haben wir eine Marke. Ich gehe zu Marken und hier haben wir die Kategorie. Wir haben auch die Informationen und vielleicht das Feedback. Nennen wir es Feedback. Das ist hauptsächlich, gehen wir zurück zum Apo S. Also sagen wir mal, hier haben wir den passenden Get für die Startseite. Das werden wir versuchen. Gehen wir zu den anderen über. Wir haben also ein G. Wenn wir es von der Info-Seite bekommen, erhalten wir diese Funktion und rendern zusammen mit der Anfrage , die wir erhalten haben, an das JS. Lassen Sie mich das überprüfen. Lassen Sie uns also auffrischen. Und in der Zwischenzeit machen wir den zweiten. Aber ich denke, hier könnte ein Fehler vorliegen. Wir sind gut. Wenn wir also zur Kontaktseite zurückkehren , die wir Feedback nennen, dann Feedback. Funktioniert wie gewohnt, öffne Render und wir gehen zu Feedback JS. Oder vielleicht nennen wir es Kontakt, glaube ich. Also ja, es ist genau hier. Es heißt Contact JS. Also gehen wir vorerst zurück zur App. Und das war's hauptsächlich für die Seiten. Lassen Sie uns der Anfrage einfach auch wieder beitreten . Lass uns zurückgehen. Und sehen wir uns den Fehler hier an. Also jetzt, nachdem JS es ausgeführt hat und alles gut aussieht. Also lokaler Host. Okay. Ja, uns geht es gut. Wir haben immer noch die Kategorien - und Markenseiten. Also lass uns sie gleich hier machen und wir werden sie alle zusammen auf einmal überprüfen. Um die Kategorie zu erhalten, fügen wir hier einfach die Kategorie hinzu und funktionieren. Wie üblich werden wir alle Kategorien durchsuchen, alle finden und dann mit den Kategorien Fehler und Rückerstattung arbeiten Öffne. Wenn es keinen Fehler gibt, wir einfach, um den Render auszuleihen. Also rendern wir hier erneut in die Kategorie JS und neben den Kategorien, die wir haben, und natürlich der Anfrage, die wir erhalten haben. Das war's, falls es einen Fehler gibt, werden wir es vielleicht einfach so auf der Konsole ausdrucken und wir haben die Kategorie. Lassen Sie uns jetzt zu den Marken übergehen. In diesem Fall werden wir die Marken als Kategorien abrufen, die wir haben die Marken durchsuchen , die wir alle gefunden haben , und diese Funktion wie gewohnt aufrufen. Also hier haben wir die gefundenen Marken. Und wenn es noch einen Punkt auf der Konsole gibt, logge es ein, andernfalls rendere ich einfach auf die entsprechende Seite, Marken DGS zusammen mit den Marken, die wir haben. Das sind die gefundenen Marken und die Anfragen, die wir auch bekommen haben, wie üblich Das war's also, wir haben die Startseite erstellt , wir haben schon die Startseite. Wir haben eine Feedback-Kategorie und Marken erstellt. Das war's für dieses Video und das nächste Video Wir werden uns das alles ansehen. Und natürlich werden wir weiterhin die Webseiten erstellen , die zwischen ihnen verlinken, und das war's. Wir sehen uns im nächsten Video. Okay. 5. Kontakt und Über uns: Hallo und willkommen zurück. In diesem Video werden wir Mongo DB einrichten. Wie gesagt, wir haben all diese vielleicht Konstanten, Bestseller, Marken und Kalliorien und die Schemas für jede einzelne von ihnen erstellt Bestseller, Marken und Kalliorien und die Schemas für jede einzelne Natürlich haben wir den Mongo mit der Mongo-DB, dem lokalen Host 27017, verknüpft, und wir benötigen, dass es sich bei der und wir benötigen Wir haben jedoch nicht wirklich einen Speicherplatz oder die Software, die wir verwenden könnten, um vielleicht diese Elemente, die Daten in unserer Datenbank, zu visualisieren die Daten Um das zu tun, gehen wir direkt zu Google, wir gehen zur Mongo-DV und laden Wir haben auf den Software-Community-Servern eine kostenlose und offene Dokumentendatenbank Wir werden ganz nach unten gehen und auf Herunterladen klicken also eine EXE-Datei wird also eine EXE-Datei heruntergeladen und wenn Sie darauf klicken, Sie durch den Wizard geleitet. Es ist ein sehr einfaches und unkompliziertes Verfahren. Und wenn Sie fertig sind, wird dies auf Ihrer Seite angezeigt. Wie gesagt, wir werden diesen Code erneut ausführen. Jetzt haben wir jedoch die Datenbank, wir haben den lokalen Host, zu dem wir laufen werden. Und sobald wir sie ausgeführt haben, werden wir diese kommerzielle Datenbank-DV in unser Lokal Wie wir sehen können, haben wir die Marken und Kategorien erstellt, und wenn wir darauf drücken, können wir sehen, was die Marken sind oder was die Kategorien sind Das ist es im Grunde für die kommerzielle DV. Jetzt können wir zu unserer kommerziellen Website zurückkehren. Dass wir Trans sehen können Ich glaube, wir haben hier einen Fehler. Lass es uns überprüfen. Wie wir im Kategorieteil sehen können, ist es gut. Das, es funktioniert einwandfrei. Im Kontakt haben wir einige Änderungen, die wir vielleicht im CSS vornehmen müssen. Das werden wir später überprüfen. Aber schauen wir uns zunächst die Marken DGS an, gehen wir wieder hierher zurück. Wie wir sehen können, ist es die Marke DGS. Es sind keine Marken Lass uns nach unten scrollen und das Problem beheben. Ich denke, jetzt sind wir gut darin, wenn wir uns auffrischen, wir können die Marken gleich hier haben, sobald wir hier sind, es funktioniert einwandfrei. Gehen wir zurück nach Hause und wir sind erstmal startklar. Lass uns sehen, womit wir zuerst beginnen sollen. Wie wir innerhalb der Marken und Kategorien sehen können, wird es etwas kompliziert sein, die tatsächlichen Marken und Kategorien zu zeigen. Wir brauchen eine Endlosschleife, um alle Marken und Kategorien durchzusehen und sie auf dem Bildschirm zu zeigen. Vielleicht fangen wir mit etwas Einfachem an. Das ist der Kontakt. Wir haben den Namen, die E-Mail, Telefonnummer und die Nachricht. Natürlich die Schaltfläche „ Nachricht senden“, und das wird vorerst nichts bewirken, aber wir werden es in Kürze zum Laufen bringen. Wenn Sie also mit diesem beginnen möchten, haben wir den Namen E-Mail-Telefon. Das sieht nicht gut aus, lass es uns reparieren. Statt diesem schreiben wir einen Button mit der Klasse BTN und Licht und senden vielleicht eine Nachricht Wenn wir zurückgehen, wird es besser aussehen. Lassen Sie uns jedoch vielleicht MEINE beiden zum Klick-Refresh hinzufügen. Wie wir sehen können, haben wir unsere Sendenachricht genau hier erhalten und lassen uns das Gleiche für all diese tun. In diesem Fall füge ich hier Y hinzu. Y one und Y one. Und ich denke, wir werden vorerst gehen, wenn wir zurückgehen, wir können sehen, dass wir einige Leerzeichen dazwischen haben . Also das ist es. Im Grunde haben wir den Namen, E-Mail-Adresse, die Telefonnummer und den Steuerbereich sowie das Muster zum Senden von Nachrichten. Lassen Sie uns also sehen. Wie gesagt, wir haben die Informationen über die Person und die entsprechende Nachricht. Und wir müssen unterscheiden, ob der Benutzer authentifiziert ist Okay. In diesem Fall haben wir all diese Informationen in der Benutzerdatenbank. In diesem Fall müssen wir nur die Nachricht starten, die neue Nachricht, die der Benutzer sendet. Wenn der Benutzer vielleicht nicht authentifiziert ist, er ist nicht angemeldet, wir erhalten seinen Namen, seine E-Mail-Adresse und seine Nachricht In diesem Fall müssen wir sie in einem neuen Benutzer starten und dies dann in unserer Datenbank speichern Okay. Also, wie machen wir das? Beginnen wir mit der Erstellung des App-Posts. Und in diesem Fall haben wir die Kontaktfunktion, und wir werden überprüfen, ob die Anfrage authentifiziert ist und das geht auf diese Weise Übrigens, was die Anmeldung und Registrierung angeht, werden wir sie am Ende erledigen Wir werden vielleicht gerade über sie sprechen , während wir damit arbeiten, zum Beispiel werden wir hier im Kontakt die Anfrage als authentifiziert verwenden In diesem Fall überprüfen wir nur, ob dieser Benutzer angemeldet ist, und wenn ja, werden wir diesen einen Benutzer aktualisieren, indem seine ID auswählen und das ist Wir überprüfen hier also die Benutzerdatenbank, wir suchen nur nach einem Benutzer, bei dem die ID dieses Benutzers der ID entspricht , die wir von der Kontaktseite erhalten werden. Wie wir hier sehen können, erhalten wir die Benutzer-ID, wenn wir zurückgehen . Wie gesagt, hier haben wir den Benutzer, und die ID-Methode gibt uns nur die D des spezifischen Benutzers. Und wenn wir eine Übereinstimmung finden, nehmen wir zunächst diese Nachricht und fügen sie dem Nachrichtenfeld in unserem Benutzer hinzu. Wie gesagt, wir haben diese Datenbank, das ist das Benutzerschema. Wir haben das E-Mail-Passwort, die Google-ID-Nummer, den Namen, die Bestelladresse. Lassen Sie mich das hier überprüfen. Wir haben immer noch genau die Nachricht. Wir werden hinzufügen, lassen Sie uns es jetzt hinzufügen. Fügen Sie hier vielleicht eine Nachricht hinzu, die eine Zeichenfolge ist, und schon sind wir fertig. Wir können jetzt damit arbeiten. Das ist es also im Grunde. Wir prüfen nur, ob der Benutzer angemeldet ist. In diesem Fall erhalten wir diese Nachricht und fügen sie dem Nachrichtenfeld in unserem Benutzer hinzu. Und wenn etwas passiert, wie zum Beispiel ein Fehler, wir diese Fehler einfach drucken wir diese Fehler einfach aus und protokollieren diesen Fehler. Andernfalls werden wir das Konsolenprotokoll aufrufen. Nachricht erhalten. Das ist es im Grunde, wenn der Benutzer zugewiesen ist. Wenn dies nicht der Fall ist, müssen wir einen neuen Benutzer erstellen und ihn der Benutzerdatenbank hinzufügen. Ein neuer Benutzer entspricht einem neuen Benutzer in den Klammern fügen wir den Namen nach dem Namen des Anfragetextes Okay. Wir müssen die E-Mail hinzufügen, die E-Mail Nachrichtentext anfordern. Und falls Sie sich fragen, woher ich die habe, wenn wir zum Kontakt zurückkehren, haben wir hier den Namenstextnamen. Dies sind die Eingaben , die wir vom Benutzer erhalten werden, und wir werden wie gewohnt auf sie zugreifen, indem wir die angeforderte Buddy-Methode verwenden. In diesem Fall erhielten wir den Namen E-Mail, vielleicht die Nummern oder die vom Telefon angeforderte Nachricht. Schließlich die Nachricht. Dies ist die eigentliche Nachricht , an der wir interessiert sind, und auf diese wird über die Textnachricht angefordert. Das ist es. Wir müssen es immer noch retten. Neuer Benutzer, der speichert, und natürlich werden wir den Benutzer auf diese Route weiterleiten. Das ist die Startseite, und ich habe vergessen, sie hier hinzuzufügen, also werde ich die Weiterleitung einfach zur Startseite weiterleiten. Das ist es hauptsächlich. Wenn ich zurückgehe und mich aktualisiere. Lass uns ein paar Dinge eingeben. Wenn ich hier eine Nachricht sende, muss ich eine E-Mail hinzufügen, also eine E-Mail an E-Mail T ist gut. In Ordnung. Das wird nicht funktionieren, weil wir nur fragen, ob der Benutzer authentifiziert ist und wir noch nicht wirklich mit dem Authentifizierungsprozess begonnen Also lassen wir es vorerst stehen und kommen natürlich später darauf zurück Das war's für das Kontaktformular. Lass uns vielleicht zu etwas anderem übergehen. Lassen Sie uns zu diesem zurückkehren und überprüfen, ob wir Kategorien für Eigenmarken haben. Wenn wir Kategorien und Marken festlegen, werden wir sie später festlegen. Für die A-Seite brauchen wir eigentlich nichts. Vielleicht fügen wir diese hinzu. Wir haben Hausmarken, Kategorien, Kontakt und Beispiele. Das ist die E-Mail. Lassen Sie uns vielleicht die Verweise zu ihnen hinzufügen. Für die E-Mail haben wir sie bereits verlinkt. Tu das vielleicht gerade jetzt. Gehen wir jetzt zurück zur Fußzeile. In diesem Fall Wie wir es früher in diesem Schacht getan haben, werden wir genau das Gleiche tun wie hier. So rendern wir zum Beispiel zu Hause einfach diesem Schrägstrich und die Marken, die wir rendern werden , an Marken Lass mich einfach nachschauen. Ja, das ist richtig. Marken. Kategorien werden Kategorien sein. Ich denke, wir sind gut. Wir haben immer noch den Kontakt, der das Feedback überprüft. Ja, es ist das Feedback. Wenn ich jetzt zurückgehe, zerstöre ich die Leerzeichen auf der Startseite. Wir werden zu unseren eigenen Marken zurückkehren. Das Gleiche. Wir gehen zu Marken, Kategorien, und das ist endlich der Punkt, kontaktieren Sie uns und wir sind damit einverstanden. Wie wir hier sehen können, ist mir gerade aufgefallen, dass wir uns freuen würden Ihr Feedback zu hören, falls wir uns in der Mitte dieses Themas befinden sollten. Gehen wir also zurück zur Kontaktseite. Wie gesagt, wir haben dieses und vielleicht füge ich hier ein Textsymptom Gehen wir zurück und sehen uns an, wie es jetzt aussieht, und fügen vielleicht ein paar Zeilen hinzu. Wir müssen vielleicht noch genau hier in dieser neuen Zeile etwas hinzufügen . Ja, ich denke, das könnte gut sein. Lass uns zurückgehen und dich auffrischen. Es tut mir leid. Fügen wir es auch gleich hier hinzu. Auffrischen. Wie wir sehen können, haben wir es verstanden, aber dieses haben wir einfach nicht bemerkt. Lass uns jetzt. Okay. Wie wir sehen können, denke ich, dass es uns vorerst gut geht. Wir würden uns über Ihr Feedback freuen und er sollte eingeben die folgenden Informationen eingeben, und das war's. Ich denke, wir sind vorerst gut für die Fußzeile, die Kopfzeile, die Ao - und Conduct-Seiten Im nächsten Video beginnen wir mit der Markenseite. Wir werden die Marken , die wir hier haben, sowie die Kategorien anzeigen , die wir hier haben, . Danach müssen wir natürlich jede Marke eingeben. Wenn wir hier zum Beispiel Johnson haben, werden wir es untersuchen. Wenn wir jetzt auf Erkunden klicken, wird nichts passieren. Aber für später klicken wir auf Erkunden und zeigen alle Maybe-Marken an, sagen wir, jede Marke, zum Beispiel Johnson. In diesem Fall werden wir natürlich alle Artikel anzeigen , die Johnson hat . Bei jedem Artikel können wir auch nach Kategorien filtern. Für Johnson haben wir zum Beispiel vielleicht den Körper, das Shampoo und das Duschgel. In diesem Fall werden wir all diese Artikel anzeigen und der Benutzer kann auch nach Kategorien filtern. Und genau das Gleiche werden wir für Kategorien tun . Wir werden hier zum Beispiel Shampoo ausstellen. Und wenn der Benutzer auf diese Explorer-Taste drückt, wird er auf die Shampoo-Seite weitergeleitet , auf der er nach Marken filtern kann. Zum Beispiel gibt es Johnson, es gibt vielleicht Sosk und so weiter und so fort Das ist es hauptsächlich für dieses Video, falls du den Punkt nicht genau verstanden hast, mach dir darüber keine Gedanken, wir werden es vielleicht in den nächsten Videos im Detail besprechen . Wir sehen uns dann. Okay. 6. Markenund Kategorien: In Ordnung. Hallo und willkommen zurück. In diesem Video zeigen wir die Marken und Kategorien, die wir auf den Marken- und Kategorien-Webseiten haben. Wenn wir auf unsere Webseite gehen, ist dies die Startseite, und wenn wir auf Marke klicken, werden wir tatsächlich zur Markenseite weitergeleitet. Diese sind jedoch dieselben. Wir haben also Markennamen und vielleicht das gleiche Bild, wir ändern das Bild hier, aber diese sind nicht aus der Datenbank. Also haben wir unsere Marken in unserer Datenbank und wir wollen sie uns ansehen oder wir wollen sie hier anzeigen. Wenn wir zu unserem Mongo-DB-Kompass gehen und das ist unsere Datenbank, kommerzielles DV, drücken wir darauf Wir speichern tatsächlich Marken und Kategorien. Wenn Sie auf Marken klicken, können wir feststellen, dass jede Marke den Markennamen, das Image und das D dieser Marke hat . Gehen wir zurück zu unseren Marken, DGS. Wie wir sehen können, zeigen wir mehrere Marken. Wir werden all diese löschen und nur eine Marke erstellen, in der wir uns alle Marken ansehen und sie alle auf einmal anzeigen werden. Wie machen wir das? Lassen Sie uns all diese löschen und vielleicht damit beginnen , sie neu zu erstellen, oder lassen Sie uns diese behalten und alle anderen löschen Also, um zu sehen, ob wir das löschen, schauen wir mal. Dies ist der letzte, und ich denke, es ist gut, wenn wir all diese löschen. Lassen Sie uns überprüfen, ob das für Null, Spalte sechs und Null gilt, also sind wir fertig. Okay. Also das war's, das ist im Grunde das Einzige, was wir brauchen. Wir müssen uns jedoch alle Marken ansehen , die wir bekommen. Wenn Sie sich also richtig erinnern, gehen wir zurück zum Apt , wo wir die Marken herbekommen werden. Wir schauen uns die Marken an und haben alle Marken gefunden und vielleicht haben wir sie unter Verwendung der Marken geschickt. Wenn wir also auf alle Marken zugreifen möchten, die wir haben, können wir diese Marke einfach hier verwenden. Gehen wir nun zurück zur Markenseite. Wie wir hier sehen können, anstelle des Markennamens müssen wir anstelle des Markennamens die tatsächliche Marke anzeigen. Um das zu tun, erstelle ich einfach hier. Das ist unser Teil, und hier werden wir arbeiten. Machen wir hier einfach ein Leerzeichen, ein paar Zeilen. Beginnen wir mit der Erstellung eines Vierer-Loops, der alle Marken durchläuft. Das sind alle Marken, aber für jede werden wir eine neue Funktion erstellen, die eine Marke verwendet und die Klammern gleich hier öffnen Das ist im Grunde jetzt, lassen Sie uns hier schließen. Und hier. So können wir Java Script in der EJS-Datei implementieren Java Script in der EJS-Datei Und ich werde das einfach ausschneiden und hier einfügen. Jetzt haben wir unsere Telefonschleife. Wir nehmen alle Namen der Marken. Also werde ich die Marke Marke nennen, und ich denke, uns geht es gut. Diese Marke steht für diese Marke. Das ist der Markenname. Natürlich steht diese Marke dann für den Namen der eigentlichen Marke. Ich nenne es hier Marke. Sie können es beliebig benennen solange es in der Datenbank und der Art, wie Sie hier darauf zugreifen, identisch ist. Wann immer Sie nun einen Namen oder etwas Wertvolles verwenden möchten , müssen Sie dieses Äquivalent setzen bevor Sie vielleicht die Funktion aufrufen oder den Wert aufrufen. Und wann immer Sie eine Funktion implementieren oder vielleicht eine For-Schleife machen wollen , müssen Sie dafür nichts tun. Und ich denke, es gibt eine Liste von Vorschlägen oder solchen Dingen, die wir verwenden können, wenn wir Java-Skript in EGS implementieren wollen Java-Skript in EGS implementieren , und wir werden sie uns später ansehen Aber im Moment brauchen wir nur diese beiden Dinge. Das ist es. Wir haben gerade die Marke gezeigt. Nun zum Bild Wir werden genau das Gleiche tun. Nun, hier ist es sehr wichtig, genau das gleiche Verfahren zu befolgen. Also öffnen wir den Prozentsatz gleich und dann die Bilder und das Bild plus die Marke IMG, wie wir bereits gesagt haben, und jetzt sind wir fertig. Das ist es hauptsächlich. So können wir unsere Marken präsentieren. Lassen Sie uns überprüfen, ob alles funktioniert. Lass uns vielleicht. Das ist es. Das sind alle Marken, die wir haben. Natürlich haben wir einige Probleme mit den Bildern. Lass es uns überprüfen. Wenn wir hierher zurückkehren, wir den Bilderordner eigentlich nicht oder haben wir ja, also haben wir ihn nicht. Ich werde es sofort erstellen und mich in einer Minute bei Ihnen melden. Ordnung. Gehen Sie die Dateien durch, wir haben die Bilddatei genau hier gefunden. Eigentlich war das Problem, dass wir die Bilder hier Johnson PG und JPG genannt haben, und das ist natürlich schlimm, dass wir sie nicht wirklich so benannt haben wie hier. Lassen Sie uns das also tatsächlich beheben. Nennen wir zum Beispiel diesen Johnson. Vielleicht der zweite als bodic und der letzte als D. Also hier ist es kein Kapital, also lasst uns das einfach reparieren und wir werden es vorerst versuchen Vielleicht machen wir das. Lassen Sie mich eigentlich einfach ein neues Bild erstellen. Lassen Sie uns das kopieren und hier als Basis verwenden. In diesem Fall werden wir es Zähne nennen. Sie sind dieselben, aber wir haben sie nur für dieses Beispiel geändert. Wenn wir nun zurückgehen und uns das Problem ansehen , mit dem wir konfrontiert waren, ist, dass jedes Mal, wenn wir das speichern, die App all diese Dinge hinzufügt indem sie es einfach unkommentiert Wir haben viele eingefügt, wir drei Kategorien und drei Marken ein, jedes Mal, wenn wir diese speichern Da wir das nicht einfach jedes Mal übernehmen, wenn Sie es speichern, wird es erneut ausgeführt. Eine Möglichkeit, dies zu beheben, besteht darin, die gesamte Datenbank zu löschen und dann den Code erneut auszuführen. Um ihn zu löschen, geben Sie einfach den Namen dieser Datenbank ein. Gehen Sie jetzt zurück und lassen Sie uns Node Man erneut ausführen. NodeJS und wenn wir zurückgehen und hier auf Aktualisieren klicken, erhalten wir unsere Datenbank, die Marken und Kategorien enthält Diesmal haben wir jedoch nur eine, zwei, drei, vier und fünf Marken und die folgenden Kategorien Das ist es hauptsächlich, aber bevor wir es ausführen. Auch hier müssen wir sicherstellen, dass diese gekämmt sind. Okay. Also das war's jetzt im Grunde, wenn wir zu unserer kommerziellen Website zurückkehren. Wie wir sehen können, haben wir Johnson Colgate und Vaseline so bekommen , wie wir wollen Dies ist der erste Teil unseres Codes. Also haben wir uns einfach alle Marken angesehen, die wir haben, und sie mit einer einfachen For-Schleife implementiert. Wie wir sehen können, ist dieser Code sehr klein. Nur ein paar Zeilen und wir zeigen hier einfach nur den Markennamen und das Bild. Lassen Sie uns genau dasselbe für die Kategorie tun , bevor der Suche fortfahren und erfahren, wie wir diese Marken und Kategorien durchsuchen können. Lassen Sie uns den weiteren Kontaktheader und die Startseite löschen. Gehen Sie zur Kategorie und wir werden genau das Gleiche tun wie zuvor . Lass uns das alles löschen. Lassen Sie uns überprüfen, ob das hier enden würde, löschen wir sie alle. Okay. Und das ist alles. Wir werden von hier aus beginnen und uns die Kategorien ansehen, die wir haben. Aber lassen Sie uns zuerst die gesamte Datenbank überprüfen . Was haben wir? Gehen wir zurück zu den Kategorien. Wie wir sehen können, haben wir die Kategorie und das Bild, die für die spezifische Kategorie bestimmt sind. Okay. Gehen wir zurück und schauen wir im AJ nach, wie wir zurückkehren oder wie wir die Kategorien vom Apto J schicken Wenn wir nachschauen, ob das unsere Apt-Get-Kategorie ist Wir werden das Kategorienschema oder die Kategoriendatenbank durchsuchen und alle Kategorien, die wir haben, in Form von Kategorien mit doppelter Angabe versenden haben, in Form von Kategorien mit doppelter Das ist vielleicht nötig, lass uns zurückgehen. Wir haben alle Informationen , die wir brauchen, um das durchzusehen. Wir werden damit beginnen, die Kategorien zu ermitteln und nicht für jede Kategorie. In diesem Fall werden wir die Funktion erstellen, mit der wir jede Kategorie einzeln aufrufen, dann keine geschweiften Klammern öffnen diese Funktion hier und da schließen Wir müssen das ausschneiden und hier einfügen. Jetzt haben wir alle Kategorien. Wir können sie anzeigen, indem wir einfach auf den Namen zugreifen , wie wir es bei der Marke getan haben, wir rufen die Kategorie auf, die wir hier erstellt haben, und schauen in der Datenbank nach. Wie heißt das? Es ist auch eine Kategorie, Kategorie D. Und uns geht es gut. So können wir darauf zugreifen. Was die Bilder angeht, werden wir genau das Gleiche tun. Also das Gleiche wie jetzt die Klammern öffnen, die doppelten Anführungszeichen öffnen, tut mir leid Bilder plus die Kategorie IMG, wie bereits erwähnt Okay. Also das ist es hauptsächlich. Lass uns einfach nach den Bildern suchen. Sie sind also gleich. Wir haben kein Problem. Gehen wir also zurück und klicken hier auf Aktualisieren. Und lass uns zur Kategorie gehen. Okay. In diesem Fall sollten wir eine Liste aller Kategorien haben. Ja, wir haben das Shampoo, Körperpflege und die Zähne und natürlich gefolgt von der Explorer-Taste, und das wird vorerst nichts bewirken. Wir müssen es anpassen, ebenso wie die Suchleiste hier. Fangen wir hier mit der Suchleiste an. Wenn wir zurückgehen und nachsehen, ist dies unsere Suchleiste. Wir haben die Aktion des Formulars noch nicht. Also, was machen wir damit? Also zuerst nennen wir es Kategorie und die Aktion oder Methode wird wie gewohnt veröffentlicht. Methode entspricht also Post. Und wir werden vorerst loslegen, wir haben den Button mit der Art des Absendens. Und wann immer wir darauf klicken, wird es in die Kategorie hier weitergeleitet. Also zurück zu unserer App, hier werden wir diese Kategorie veröffentlichen und alle verfügbaren Kategorien durchsuchen, und alle verfügbaren die wir haben die der entsprechen, nach der der Benutzer sucht. zu tun, werden wir mit der App-Beitragskategorie beginnen. Und in diesem Fall erstellen wir die Funktion, die wie immer krass ist , und beginnen damit die Kategorie abzurufen, nach der der Benutzer sucht, und wir können mit dem Anfragetext darauf zugreifen Wenn wir zur Kategorie zurückkehren, können wir feststellen, dass diese einen Namen hat , der ein Markenname ist Lassen Sie uns es tatsächlich ändern , vielleicht in einen Kategorienamen. Ich denke, es wird hier ein logischer Kategoriename sein. Wenn wir zurückgehen, können wir darauf zugreifen, indem wir einfach auf den Namen der Kategorie des Anforderungstexts zugreifen. Und wenn die Längenkategorie dann größer als eins ist, müssen wir sie vielleicht in Großbuchstaben schreiben, weil wir die Kategorien mit Großbuchstaben beginnen. Shampoo-Status mit S, was ein Großbuchstabe ist. Zähne, wir werden sie alle reparieren. Nehmen wir zunächst an, dass alle diese Kategorien Großbuchstaben haben oder dass der erste Buchstabe ein Großbuchstabe ist In diesem Fall, wenn die Länge größer als eins ist, ändern wir sie, indem wir die Kategorie als das erste Zeichen in der Kategorie bezeichnen , sodass wir mithilfe des Diagramms bei Null darauf zugreifen können Und wir werden es auf Großbuchstaben umstellen. Das ist die Funktion, die wir verwenden werden, und dann werden wir diese Kategorie aufteilen, und wir werden den Rest dieser Kategorie nehmen. Wenn wir zum Beispiel Shampoo haben, sagen wir, wir haben Shampoo wie dieses. Was wir machen werden, ist das oder zum Beispiel damit. Was wir tun werden, ist, dieses S genau hier zu nehmen , Punkt bei Null. Es wird ein großes S plus H sein . PooHich macht Shampoo mit Großbuchstaben S. Das ist es hauptsächlich für dieses Video Beim nächsten Mal werden wir diese Methode fortsetzen, und das natürlich auch für die Marke. Wir sehen uns dann. 7. Marken und Kategorien 2: Hallo und willkommen zurück zu einem brandneuen Video und zu diesem . Wir werden diese Post-Methode weiter entwickeln. Dann werden wir genau das Gleiche auch für die Marken tun . Lassen Sie uns zunächst D entfernen und wie gesagt weitermachen Hier machen wir vielleicht nur Großbuchstaben für das erste Zeichen und gehen davon aus, dass alle Zeichen in unserer Datenbank Großbuchstaben sind Was wir jetzt tun werden, ist unsere Datenbank zu durchsuchen, indem einfach alle Kategorien finden Ich habe eine Tippfehler-Kategorie und der Name entspricht dieser Wie gesagt, wir haben den Namen vom Benutzer übernommen, und wenn wir zu den Kategorien zurückkehren, können wir feststellen, dass der Kategoriename auch Kategorie heißt Wie findest du es? Wir geben einfach Kategorie ein und ich suche nach Kategorie. In diesem Fall werden wir sie finden. Und wenn found gleich Null ist, dann haben wir natürlich nichts gefunden. Also erstellen wir einfach nur das Rendern auf die Startseite. Bleiben wir also beim Rendern. In diesem Fall ist die Startseite die Kategorieseite mit den Kategorien Wir haben also nichts, und die Anfrage entspricht der Anfrage wie gewohnt. Wenn wir tatsächlich etwas gefunden haben, werden wir es in sogenannten Kategorien speichern , wir werden es zum Beispiel im Protokoll einsehen , nur um es auf dem Bildschirm anzuzeigen, und natürlich werden wir mit dem folgenden Parameter in die Kategorie rendern . Kategorien, wie gesagt, das wird die Kategorie sein, die wir gerade gefunden haben, und die Anfrage wie gewohnt. Und wir sind vorerst gut. Dies ist die Hauptfunktion , die wir verwenden werden. Wir schauen uns nur die Kategorien an, die wir haben, und suchen nach etwas oder einer Kategorie , die zu dieser passt, und hier haben wir auch einen Tippfehler Und wenn wir etwas finden, rendern wir einfach auf die Kategorieseite neben der Kategorie, die wir gefunden haben Wenn nicht, rendern wir auf die Kategorieseite mit einer leeren Zeichenfolge. Das war's. Hauptsächlich, wenn wir zurückgehen und auf Aktualisieren klicken, lassen Sie uns die Kategorien durchsuchen. Versuchen wir es zuerst mit Shampoo. Wie wir sehen können, haben wir Champ gefunden, wir haben immer vergessen, diesen zu löschen Jedes Mal, wenn ich speichere, füge ich viele Kategorien und viele Marken Lassen Sie uns diese löschen und löschen bevor wir mit dem Löschen dieser Sammlung fortfahren, und diese Kategorie auch von der Marke löschen, und in diesem Fall werde ich das vielleicht noch einmal ausführen Wenn ich jetzt wieder hierher gehe, lassen Sie uns etwas ändern, zum Beispiel das hier. Wie wir sehen können, wird es wieder veröffentlicht, und wenn ich es hier aktualisiere, haben wir unsere Marken und Kategorien. Gehen wir jetzt zurück und legen sie einfach fest. Wie wir jetzt sehen können, wenn ich etwas auffrischen müsste, werden wir nur eine Kategorie finden, und das ist das Shampoo. Wenn ich jetzt zur Startseite zurückkehre, gehen wir wieder zu den Kategorien. Wir haben Shampoo Alt und geben etwas ein, das nicht in unserer Kategoriesuche enthalten ist, und in diesem Fall haben wir nichts zum Anzeigen. Wir können vielleicht später etwas damit anfangen, vielleicht behalten wir es für das Projekt, das du machen wirst. Anstatt hier ein leeres Feld anzuzeigen, sagen Sie vielleicht, dass diese Kategorie nicht verfügbar ist, versuchen Sie etwas anderes oder zeigen Sie vielleicht alle Kategorien mit der Meldung an, dass diese spezielle Kategorie derzeit nicht verfügbar ist, oder Sie haben einen Tippfehler in Ihrer Kategorienennung Das war's mit den Kategorien, kommen wir zu den Marken Wie wir sehen können, haben wir auch drei Marken, und wir wollen diesen Code wie zuvor erstellen. Wenn wir hier nach einer Marke suchen, sollte sie als Kategorie angezeigt werden. Gehen wir zurück. Okay. Wie wir sehen können, müssen wir genau dieselbe Funktion für die Kategorie erstellen . Aber nach der Veröffentlichung werden wir uns Marken besorgen. Und in diesem Fall öffnet sich die Funktion t cress, wie üblich , und wir lassen brand gleich der Anfrage body brand name Ich werde es jetzt überprüfen. Also, wenn du zu Brand gehst. Wie wir sehen können, haben wir hier den Markennamen. Wir werden mit diesem darauf zugreifen. Für das Formular hier benötigen wir jedoch Marken und die Methode wird immer per Post gesendet. Wir haben den Typ Submit dieses Musters, also sind wir gut. Was wir jetzt tun werden , ist, dass wir diese Marke nehmen und genau dasselbe mit der Benennung machen. Wir werden das Slicing vielleicht vom Index bis zum Ende wegschneiden und das erste Element oder das erste Zeichen in Großbuchstaben umwandeln Wir werden prüfen, ob das Verhältnis Marke zu Länge größer als eins ist Wir werden es einfach wie zuvor ändern, also fügen wir Null hinzu und machen zwei Großbuchstaben In diesem Fall werden wir das alles am Ende hinzufügen, wir werden die Marken durchsuchen, wir haben die Markendatenbank Wir werden alle Marken finden , die dem Namen dieser Marke entsprechen, natürlich haben wir die Funktion , die uns die Arbeit abnimmt. Ich habe herausgefunden, dass nicht gleich Null ist, wir werden diese Marken zeigen. Wie gesagt, in diesem Fall, ob Marke oder Marke nicht gleichwertig gefunden wurde. Tal, wir nehmen und rendern sie an die Marken von JS. Also lass uns das machen. Nennen wir es Marken, die genauso gut sind wie gefunden. Und in diesem Fall werde ich die Marken, die wir gefunden haben, in der Konsole protokollieren, bevor ich sie auf der Markenseite rendere. Marken stehen also auf JS. In diesem Fall neben den Marken, die wir erhalten haben, und der Anfrage, die wir auch vom Benutzer erhalten haben. In diesem Fall und falls etwas anderes passiert ist, wenn es einen Fehler gibt oder wir nichts gefunden haben, rendern wir einfach nach Brands Punkt JS zusammen mit einem leeren Y. Das war's also, vielleicht weiß ich es jetzt, gehen wir zurück und reflash gleich hier Und lassen Sie uns nachsehen. Also zum Beispiel, wenn es genau hier für Johnson dient. Johnson-Suche. Wir haben also einen weiteren Fehler beim Nachschlagen von Views der Marke DGS. Es tut mir leid, lassen Sie uns das hier überprüfen. Was machen wir eigentlich? Das sind wir vielleicht. Damit wir den Job machen. Eine Reihe von Marken. Wir werden den Markentyp anstelle von Marken verwenden. Das ist ein verdammter Name. Wenn wir jetzt zurückgehen, sagen wir aktualisieren, überprüfen, ob hier alles funktioniert, also sind wir gut Geben wir Johnson-Suche ein. Wie wir sehen können, haben wir gefunden, wonach wir suchen. Das ist Johnson und wenn ich irgendwas tippe. Wir werden nichts bekommen. Das ist ein leeres Feld, das besagt, dass wir keine Marke haben , die diesen Namen trägt. Das war's im Grunde für dieses Video. In diesem Video haben wir die Suchschaltfläche und die Anzeigeoption dieser Marken und Kategorien erstellt . Im nächsten werden wir vielleicht die Gegenstände anzeigen, die wir in diesem Johnson haben. Wir werden die Route für den Pler-Button erstellen. Immer wenn der Benutzer auf diesen Explorer drückt. Er sollte auch alle Artikel sehen, die sich auf dieses Johnson-Produkt oder diese Johnson-Marke beziehen . Natürlich werden wir genau dasselbe für die Kategorien tun . Wenn der Benutzer beispielsweise auf Shampoo drückt, sollte er vielleicht auch alle Artikel sehen , die sich auf das Shampoo der verschiedenen Marken beziehen , die wir haben. Das war's vor allem damit, das ist das Ende dieses Videos, wir sehen uns im nächsten. 8. Produkte: Hallo, und wir werden in diesem Video zurückkommen, wir werden die Explorer-Schaltfläche verwenden. Und wir werden alle verfügbaren Marken oder alle verfügbaren Artikel in dieser Kategorie anzeigen . Gehen wir hier zurück zu den Kategorien. Wie wir sehen können, haben wir hier diese Schaltfläche mit dem eingereichten Typ. Das Formular ist vorerst leer, lassen Sie es uns reparieren. Ich nenne es Produkte und Methode, diese Art von Formularen immer zu posten. In diesem Fall gehen wir zu den Bauchmuskeln und wir werden diese Methode genau hier erstellen . Okay. Also lass uns hier damit beginnen. In diesem Fall beginnen wir mit den Produkten und natürlich der Funktion, öffnen diese Funktion und beginnen mit der Kategorie , die wir haben. Wie wir sehen können, wird die Kategorie genau hier aus dieser Kategorie übernommen. Wir haben den Namen. Und wir können diesen Namen auch tatsächlich in einer Eingabe speichern , um ihn als Kategorie beizubehalten. In diesem Fall werde ich es genau hier speichern. Die Eingabe wird also vom Typ in sein, und ich werde den Wert dieses Kategorienamens genau hier festlegen . Lassen Sie uns vielleicht den Namen eingeben, es wird Kategorie sein und der Wert wird genau das sein , was wir hier anzeigen werden. In diesem Fall wird es die Kategorie Kategorie sein. Ordnung. Also das ist es im Grunde. Wenn ich jetzt zur App zurückkehre, kann ich auf den Kategorienamen zugreifen, indem einfach request dot body category eintippe. In diesem Fall habe ich die Kategorie Junge, und ich kann die Kategorien durchsuchen, die wir haben, und die passende finden, um sie anzuzeigen. In diesem Fall wollen wir also alle Artikel anzeigen, die wir haben und die zu alle Artikel anzeigen, die wir haben und die dieser speziellen Kategorie passen. Also, wie machst du das? Wir werden einfach versuchen zu suchen. Suchen Sie also nach allen Kategorien, die zu dieser Kategorie passen. Und um sicherzugehen, gehen wir zur Datenbank. Also habe ich eine Kategorie gefunden. In Ordnung. Also, wenn wir zurück zur Datenbank gehen, tut mir das Schema leid. Und schauen wir uns diese Artikel an. Dies ist das Schema des Artikels. Wir haben eine Titelbeschreibung und wir haben die Kategorie genau hier. Natürlich werden wir ein paar Artikel hinzufügen und sie uns jetzt ansehen. Aber lassen Sie uns vorerst diese Kategorie beenden, und dann werden wir es vielleicht tun. Vorerst werden wir diese Funktion hier öffnen . Und lass uns damit arbeiten. Wenn wir also etwas finden, wenn es keinen Fehler gibt, werden wir überprüfen, ob Kategorien gefunden wurden. Oder vielleicht ist gefundene Artikel etwas logischer, Artikel, okay. Und in diesem Fall sind gefundene Elemente nicht gleich Null. Das bedeutet, dass wir etwas gefunden haben und auf der Seite neben diesen Objekten rendern können. Also rendern und wir rendern auf die Produktseite , die wir zuvor erstellt haben, und sie ist genau hier. Natürlich wären die Artikel neben den Artikeln, die wir haben, auch die gefundenen Artikel, und die Anfrage wird nur eine einfache Anfrage sein. Das ist hauptsächlich alles. Wir werden einfach die Artikel für diese spezielle Kategorie durchsuchen und alle Artikel zurückgeben , die dieser Kategorie entsprechen. Das ist es im Grunde. Lassen Sie uns nun einige Artikel erstellen und sie der Datenbank hinzufügen , um sie in den Produkten in der JS-Datei anzeigen zu können . In Ordnung. Also lass uns hochgehen. Und in diesem Fall werden wir einige Artikel erstellen. Kopieren wir also das Schema , damit wir es hier vor uns haben. Ich finde das gut. Und lass es uns einfach auskommentieren. In diesem Fall werde ich den ersten Artikel erstellen , der neu sein wird, und das wird Artikel sein. Und die Klammern mit dem Titel wären zum Beispiel vielleicht Baby Johnson und Beschreibung, vielleicht Baby Johnson tut mir leid, ich muss sie in Anführungszeichen setzen Das ist also Baby Johnson. Und diese werden natürlich auch in Kationen erhältlich sein. Was nun die Bild-URL betrifft, wird MR L auch eine Zeichenfolge sein In diesem Fall handelt es sich um Bilder und Johnson JPG. Dann haben wir die Marke, und das ist offensichtlich. Vorerst heißt es Johnson. Die Kategorie wird vielleicht Shampoo sein. Und Größe vielleicht 100 Milliliter. Und der Preis beträgt zum Beispiel 8$ und hohe Menge wird zum Beispiel vorerst vielleicht 50 Ich habe den Fehler hier gefunden. Ich muss es reparieren, also lass uns nach oben scrollen. Und hier haben wir einen. Das war's also, das ist im Grunde unser erster Artikel. Lass es uns noch ein paar Mal kopieren und einfügen und ein paar Dinge ändern. Ordnung. Also ich denke, wir sind gut. Wir haben Punkt zwei und diesen. Vielleicht werden wir so etwas wie Sam haben. Und lassen Sie uns das einfach auf Körper umstellen. Und natürlich sollte die Kategorie Anti-Zweig-Shampoo auch Taubenspray sein In diesem Fall wird Punkt drei vielleicht Körper sein Nehmen wir an, ich weiß es nicht. Johnson zum Beispiel hängt vom Körper ab Johnson, tut mir leid, und die Kategorie ist Körperkappe. In diesem Fall haben wir jetzt noch ein paar Artikel. Lass uns diese einfach ändern. Und ich denke, uns geht es gut. Wir wollen sie nur in unsere Artikeldatenbank einfügen. Und um das zu tun, fügen wir einfach viele ein, wir werden Element, Element zwei, Element, Element vier und Element fünf einfügen . Nachdem das geklärt ist, wollen wir einfach nach einem Fehler suchen. Wenn es einen Fehler gibt, drucken wir ihn aus. Wenn nicht, drucken wir einfach alle Artikel. Punkt eins, Punkt zwei, Punkt drei, Punkt vier und Punkt fünf. Ich denke, wir sind gut. Wann immer wir das gespeichert haben, haben wir es tatsächlich gespeichert, und das sind die Elemente, die wir erstellt haben. Gehen wir zurück und kommentieren das Wenn wir zurückgehen und hier die Aktualisierung durchführen, werden wir diese Artikeldatenbank finden , die vorerst fünf Elemente enthält. Natürlich werden wir das jetzt in unseren Produkten für DGS implementieren Jetzt haben wir die Datenbank. Wir haben alle Informationen, die wir benötigen. Wir haben alle Artikel, die wir wollen, und wir können über diese Datenbank darauf zugreifen. Was wir tatsächlich tun , ist , dass wir diese Produkte bekommen. Und sie auf die Produktseite zu schicken, die genau hier ist. Was wir jetzt tun werden, ist, auf die Seite Produkte, GS zu gehen und sie so zu ändern diese Marken oder diese Artikel einer bestimmten Marke angezeigt werden. also nach unten scrollen, können wir sehen, dass wir vielleicht zwei haben, also haben wir dieses eine Produkt Wir haben die Bilder und wir haben auch den Artikel betitelt Lassen Sie uns das vielleicht zuerst visualisieren . Anstatt diese vorerst zu senden, löschen wir sie. Ich werde vorerst einfach wieder auf die Produktseite rendern. Wenn ich also auf „Erkunden“ drücke, rendere ich zu dieser Produktseite, auf der ich die Artikel habe und sie sind vorerst identisch Wir werden also zu diesem gehen die beiden löschen. Wie wir sehen können, haben wir eine Spalte. Lassen Sie uns all diese löschen. Wir haben ziemlich viele. Und lass uns hier nachschauen. Von hier bis zum zweiten. Also werden wir einen von ihnen verlassen und wir werden damit arbeiten. Damit werden wir arbeiten. Wir haben Spalten und wir werden den Preis, den Markennamen, den Kategorienamen, die Größe, die Bilder, all das und natürlich den Titel ändern den Kategorienamen, die Größe, die Bilder, all . Gehen wir jetzt zurück zu den Apps und nehmen diese Artikel mit. Um auf diese Artikel zuzugreifen, werden wir hier einfach Artikel schreiben. In diesem Artikel werden wir also nach der Erstellung der Produkte alle Artikel durchsehen , die wir haben. Elemente für jedes Objekt werden diese Funktion mit dem Element und höher erstellen, und von, wir werden diese für das in ML oder EJS eingebettete Java-Skript hinzufügen Okay Und natürlich werden wir all diese Elemente nehmen und sie ausdrucken. Und wie machst du das? Ich nehme einfach diesen und füge ihn ganz nach diesem hier ein. Jetzt können wir auf diesen Artikel zugreifen. Wenn ich zum Beispiel den Artikeltitel hier haben möchte, kann ich dem Artikel einfach diesen Titel geben, und ich denke, wir sind gut. Wenn ich jetzt hierher zurückgehe und auf Aktualisieren klicke, erhalte ich die Meldung Es tut mir leid, ich habe momentan keinen Artikel ausgewählt, also 5% Kategorie, plus jetzt auf Erkunden. Mal sehen, was wir haben. Wie wir sehen können, wird der Titel nicht angezeigt, und ich denke, das liegt daran, dass wir hier die Eingabe vergessen haben. Wenn wir jetzt zurückgehen und uns auffrischen, bekommen wir Baby Johnson, Campo, Baby Johnson, Baby Johnson. Dies sind alle Artikel, die zu dieser speziellen Kategorie gehören , nämlich Champ In diesem Fall werden wir den Preis, den Markennamen, die Kategorie und die Größe ändern Markennamen, die Kategorie und die Größe Kehren wir zu unserem Code zurück und ändern wir ihn gleich hier. auf den Artikelpreis zugreifen, wird hier wie gewohnt die Marke und auch die Artikelmarkenkategorie angezeigt. Also Artikelkategorie, endlich dieser, der die Größe ist, Artikel diese Größe. Ich denke, wir sind gut. Wir haben immer noch das Bild und wir werden es in einer Minute machen. Wenn ich jetzt zurückgehe und es frisch mache, haben wir alles geändert. Wir haben die Markenkategorie Größe, all das. Gehen wir jetzt zurück. Was die Bild-URL angeht, so haben wir sie IMR L genannt. Wir greifen einfach hier darauf zu, wie wir sehen können, haben wir alles, was wir wollen , wie wir wollen Das war's im Grunde mit den Kategorien Genau das Gleiche werden wir im nächsten Video für die Marken tun im nächsten Video für die Marken Wir sehen uns dann. Okay. 9. Home: Hallo und willkommen zurück. Im letzten Video haben wir den Link zwischen der Kategorie und der Produktseite erstellt . Wenn der Benutzer beispielsweise auf diese Schaltfläche drückt, werden alle Produkte oder Artikel angezeigt , die zu Produkte oder Artikel angezeigt , die dieser bestimmten Kategorie gehören. Jetzt haben wir keine Artikel im IC. Aber für das Shampoo haben wir tatsächlich vier Artikel, wie wir hier sehen können. Wir haben also diese vier und wir haben sie mit Hilfe von vier Schleifen dargestellt , indem alle Elemente aus den APTOs genau hier Wir nehmen also einfach alle Artikel, die zu einer bestimmten Kategorie passen , und bringen sie zusammen mit dem Rendern auf die Produktseite und zeigen sie natürlich, wie wir bereits gesagt haben, in einer Viererschleife Jetzt werden wir dasselbe Verfahren für die Kategorie DGS implementieren Das mit BrandG tut mir leid. Nehmen wir an , wir befinden uns auf der DGS-Seite der Marke? Es ist also genau hier. Und wir werden das Gleiche dafür tun, aber wir werden die Marken überprüfen. Wir werden für die Produkte die DGS-Webseite rendern , allerdings mit Marken statt mit Kategorien Das werden wir tun. Was ich mir vorstelle , ist so zu haben wie zuvor. Hier haben wir zum Beispiel nachgesehen. Ja. Zum Beispiel die Kategorie D JS, dieses Formular führte uns zu den Produkten mit der Methode Post. Ich denke darüber nach, eine separate Methode für diese Art von Post zu erstellen , zum Beispiel statt nur Produkte, nennen wir sie Produkte, in diesem Fall vielleicht Marken, und lassen Sie uns eine Funktion öffnen, z. B. Öffnen. Was wir nun tun werden, ist, die Marke aus dem Hauptteil der Anfrage und der Marke zu nehmen Marke aus dem Hauptteil der Anfrage und sie hier in der Konsole zu protokollieren. Und natürlich werden wir mit der Suche in den Artikeln fortfahren. Artikelsuche wird also immer wieder die Marke finden, die zu dieser bestimmten Marke gehört , und es wurden Artikel gefunden. Wenn in diesem Fall kein Fehler vorliegt, überprüfen wir gefundene Artikel, die ungleich Null sind Dann haben wir einige Artikel dieser Marke gefunden und wir werden sie drucken, bevor wir sie zusammen mit der Anfrage, die wir haben, auf der Produktseite mit den Artikeln rendern der Produktseite mit , bei denen es sich um entartete Artikel handelt , bei denen es sich um entartete Artikel Ja. Ja, das ist es. Gehen wir im Grunde zu der Marke oder DGS hier in diesem Formular, wir gehen dann zu Produkten und Marken, und die Methode sollte Post sein Das ist es. Ich denke, wir sind gut. Wenn wir jetzt zurückgehen und das ist Refresh. Also mach dir darüber keine Sorgen, das wird es nicht tun. Es liegt nur daran, dass wir die Produkte noch nicht haben. Wir haben weder die Produkte hier noch die Artikel, um auf diese Produktseite zu gelangen. Jetzt sind wir gut, wir sind bei der Marke, und wenn ich auf Erkunden drücke, werden wir zur Produktseite weitergeleitet. Wir haben jedoch keine Artikel, die in die Kategorie oder die Marke Johnson fallen. In diesem Fall öffnen wir eine Kompresse. Mongo DB Compass und lass uns unsere Datenbank überprüfen. Wenn es einen Artikel gibt, der Shampoo als Marke hat. Es tut mir leid, Johnson als Marke. In diesem Fall, wenn wir eine Verbindung zur Datenbank herstellen wollen, werden wir ganz nach oben scrollen und das als Link nehmen und unsere Datenbank öffnen. Und wie wir sehen können, haben wir die Artikel genau hier. Wir haben auch das Shampoo. Ordnung. Also gibt es hier kein Problem. Das Problem ist, dass das, was wir bekommen, undefiniert ist und ich schätze liegt daran, dass wir vergessen haben , die Marke einzugeben Also fügen wir es vielleicht gleich hier hinzu. Und das wird namentlich sein. Marke und in diesem Fall nehmen wir Marke D. Auf diese Weise haben wir die Eingabe erhalten, die hinter dem Namen Marke versteckt ist, sodass wir darauf zugreifen können, indem die Eingabe erhalten, die hinter dem Namen Marke versteckt ist, wir die angeforderte Körpermarke verwenden , wobei der Wert des Markennamens dieser Marke genau hier angegeben ist. Ich denke, für den Moment sind wir gut, wenn wir zurückgehen und das Ganze aktualisieren, lassen Sie uns nach Johnson suchen. Und wir werden ein bisschen warten, wenn es keinen Fehler gibt. Und ich denke, wir sind gut. Wie wir sehen können, haben wir alle Artikel, die diese spezielle Marke haben, nämlich Johnson. Wir haben also vier Artikel von Johnson und drei Shampoos und einen Bo, für den wir vorerst bereit sind. Das ist es, was wir anstreben. Das haben wir sowohl für die Marken als auch für die Kategorien getan. Das war's im Grunde für diesen Schritt Fahren wir mit dem nächsten fort. Lassen Sie uns also sehen, ob wir nach Hause zurückkehren feststellen können, dass Marken, Bestseller und Kategorien nicht gut funktionieren Deshalb müssen wir sie aus der Datenbank abrufen, die wir haben, und sie auf unserer Startseite anzeigen. Also zurück nach Hause zu D JS. Das ist es. Wir können gleich hier mit den Marken beginnen. Das sind unsere Marken, schauen Sie sich unsere Marken an und hier. Wir müssen alle Marken zeigen, die wir haben, oder vielleicht einige von ihnen. Und das zu tun. Gehen wir zurück zu diesem Punkt, wie wir im Schrägstrich sehen können, wodurch wir zur Startseite Wir nehmen tatsächlich alle Marken, Bestseller und Kategorien und stellen sie auf der Startseite dar Hier haben wir Kategorien, Marken und die Besten. In diesem Fall können wir direkt auf der Home to GS-Webseite auf sie zugreifen . In diesem Fall fange ich mit der Erstellung an , vielleicht gleich hier nach dem Feature. Ich denke also darüber nach, anstatt diese ganze Sache zu drohen, ich denke an etwas Einfacheres Fangen wir gleich hier damit an. Zuallererst werden wir vielleicht den Container enthalten, und in diesem Container werden wir die Zeile und Spalte in der Mitte 12 haben, werden wir die Zeile und Spalte in der Mitte 12 haben zusammen mit dem Steuerzentrum. Hier hoch und hoch, und fangen wir mit der Überschrift an, also wird es H zwei mit der Klasse des Überschriftenabschnitts sein. B drei und vielleicht Pb vier. Ich denke, wir sind gut. Lasst uns auf Marken verzichten und der Absatz wird von Klasse B fünf sein. In diesem Fall werden wir einen Blick auf unsere verschiedenen Marken werfen. Wenn wir jetzt zurückgehen und zu Fresh gehen, können wir sehen, dass wir Marken haben Schauen Sie sich unsere verschiedenen Marken an. Jetzt können wir unser eigentliches Karussell erstellen. In diesem Fall werde ich es einfach hier mit Spalte 12 in der Mitte erstellen In diesem Fall werden es wie bisher Karussell und altes Karussell Natürlich können wir jetzt damit beginnen, unsere Marken zu zeigen, also werden wir vier Loops erstellen Wir haben gesagt, dass wir Marken haben und von den Marken. Wir nehmen für jeden und natürlich werden wir die Funktion mit der Marke auffüllen und diese Funktion mit der Marke auffüllen und diese Funktion Und natürlich, sie am Ende zu schließen. Das war's im Grunde, jetzt können wir mit der Erstellung unseres Artikels beginnen. Das ist der Klassengegenstand. Wir werden eine Klasse namens Arbeit erstellen. In diesem Fall werde ich ein Formular mit einer Aktion von Produkten oder ähnlichem erstellen . Wir werden das später besprechen, und die Methode wird Post sein. In diesem Fall werden wir unsere Schaltfläche erstellen, die den Typ Abschicken hat , und natürlich sollte die Klasse auch PT N sein. Nachdem wir auf diese Schaltfläche getippt haben, erstellen wir die Abteilung, die die Karte ist Also werden wir den Text in der Mitte zentrieren. Und natürlich werden wir vielleicht etwas Stil hinzufügen. Zum Beispiel die Breite, ich nehme sie als 18 Rm an. Jetzt können wir unser Bild mit der Quelldatei wie folgt haben. Hier haben wir zum Beispiel das eigentliche Bild, das sich im Bilderordner befindet, sowie das Markenimage. Und in diesem Fall nehmen wir dieses Bild auf und fügen den Kartenkörper hinzu. Natürlich. Dieser Kartenkörper wäre der eigentliche Markenname. In diesem Fall mache ich es also zu H sechs, also wird das Kartentext sein. Und das wird eine Marke beinhalten und natürlich. Okay. Ich werde das hinzufügen müssen, damit es lesbar ist. Ich denke, das ist es im Grunde. Das sollten wir tun. Wenn ich jetzt zurückgehe und auf Aktualisieren klicke, erhalten wir dieses Bild. Wir holen uns Johnson, Cogate und Basin. Wie wir sehen können, haben wir sie alle am selben Ort. Lass es uns reparieren. Was ich denke, ist genau hier in diesem. Ich werde all das nehmen und vielleicht lassen wir es hier kreieren. Eine Zeile und kopiere das alles in die Zeile. Natürlich werden wir vielleicht eine Viererspalte erstellen oder lassen es uns so haben. Hier, Spalte mit vier. In diesem Fall werde ich das alles noch einmal kopieren. Stellen Sie es hier auf und lassen Sie es uns jetzt überprüfen. Also, was haben wir hier? Ordnung. Ich glaube, ich habe herausgefunden, was das Geld ist Es ist so, dass wir jedes Mal eine neue Zeile erstellen, jedes Mal, wenn wir diese Viererschleife betreten Jetzt denke ich, wenn ich zurückgehe und auf Aktualisieren klicke. Ja, wir sind vorerst startklar. Ja, wir müssen noch einige Änderungen vornehmen. So können wir zum Beispiel die Bildgröße so einstellen, dass sie festgelegt wird. Also haben wir so etwas nicht. Das wird größer sein als die anderen Bilder und es wird auch nicht so gut aussehen. Nachdem das gesagt ist, denke ich, dass dies das Ende dieses Videos ist. Und beim nächsten Video werden wir genau das Gleiche tun, werden wir genau das Gleiche tun vielleicht für die Kategorien und die Bestseller, und natürlich werden wir den Link zu diesem Video hinzufügen. Also, wenn der Benutzer zum Beispiel darauf drückt, also hier haben wir, was haben wir hier, wir haben Johnson. Wenn wir also auf Johnson drücken, sollten Sie ihn zu den Produkten weiterleiten, die Johnson und natürlich auch mit Colgate und Basin verwandt sind auch mit Colgate und Basin Wir werden genau das Gleiche auch für die eigentlichen Kategorien Davon abgesehen ist dies das Ende dieses Videos, wir sehen uns im nächsten. Okay. 10. Seller: Hallo und willkommen zurück. In diesem Video setzen wir unsere Homepage fort und beginnen natürlich mit dem Bestseller. Das letzte Mal haben wir beide Marken und Kategorien fertiggestellt. Wir haben immer noch die Bestseller-Seite, und fangen wir damit an. Hier haben wir den ersten Container erstellt, der die Marken enthält, und hier haben wir die Kategorien. Ich werde die Bestseller in der Mitte platzieren . Lassen Sie uns dazu mit dem Bau des Containers beginnen. Und ich werde die erste Klasse erstellen. Das ist die, es tut mir leid, die erste Division, in der wir den Zeilentext stummschalten und den Text zentrieren werden Und in diesem Fall werde ich eine weitere Spalte mit einem Rand von vier an allen Stellen der Dimensionen haben mit einem Rand von vier an allen Stellen der Dimensionen In diesem Fall beginnen wir mit der Erstellung der Überschrift. Die Kategorie wird „Display“ oder „Becher“ und „Bottom Four“ lauten, und ich nenne sie Bestseller. Ich werde diesem eine neue Abteilung folgen. Ich werde die Unterstreichungen dunkel machen und all das sind Bootstrap-Schulungen, und du kannst sie dir auf der offiziellen Website Aber vorerst werden wir sie wie hier verwenden. Ich werde eine Unterstreichung erstellen, gefolgt von einem Absatz mit dem Klassenleiter, in dem es heißt, dass Sie sich einige unserer Bestseller-Artikel ansehen Wenn wir jetzt zurückgehen, setzen wir uns hin und erfrischen uns. Okay. Und wie wir sehen können, haben wir die Bestseller. Schauen Sie sich einige der Bestseller-Artikel an. Das war's im Grunde für den Überschriftenabsatz. Gehen wir nun zurück und beginnen mit einer anderen Zeile. In diesem Fall müssen wir eine Zeile mit den Zeileneinträgen Text und Maxto erstellen Zeileneinträgen Text und Maxto Jetzt können wir uns unsere Bestseller ansehen und das tun, indem wir einfach eine vollständige Schleife erstellen Das Beste für jede Funktion, nennen wir es Bestseller. Natürlich werden wir das öffnen. Und schließ es gleich hier. Ich habe es als das Beste genommen. Lass uns zu den APOGs gehen und nachschauen, was wir mit der Homepage machen? Wir nehmen die Marken, Bestseller und Kategorien und nennen es hier als das Beste Wir werden unsere Bestseller wie diesen am besten auswählen. Wir können auf sie zugreifen, indem wir einfach diese vier Schleifen erstellen und Artikel für Artikel auf sie zugreifen. Das ist im Grunde. Jetzt müssen wir nur noch unsere Spalten erstellen. Spalte groß vier und natürlich vielleicht zehn, wenn der Benutzer etwas kleineres als einen Desktop-Bildschirm verwendet. In diesem Fall füge ich x auto hinzu, und ich denke, wir sind gut darin. Wir können mit der Erstellung der Karte beginnen. Ich nenne sie Karte eins für später, vielleicht für das CSS, und meine vier mit X Auto. Jetzt können wir damit beginnen, das Bild zu erstellen. Die Quelle dieses Bildes wird genau so sein, wie wir es gesagt haben Lassen Sie uns das überprüfen. Im Moment haben wir keine Bilder oder Bestseller erstellt. Wir werden sie später hinzufügen. Aber vorerst gehen wir davon aus, dass sie hier demselben Format wie MMR L folgen Wir werden Bilder mit Punkt und Schrägstrich den Namen des Produkts verwenden Also werde ich nur mit dem Bestseller darauf zugreifen und wieder hierher zurückkehren. Schauen wir uns in unserem Bestseller-Schema an, wie heißt dieser? Im Bestseller haben wir den Namen, wir haben das Bild, sodass wir über das Bild darauf zugreifen können. In diesem Fall werden wir ein Bestseller-Image erstellen, und ich denke, wir sind gut darin. Wir können jetzt fortfahren, indem die Überschrift im Hauptteil der Karte erstellen. Wir werden die Überschrift, also Überschrift fünf, mit der Textklasse in Großbuchstaben haben . Vielleicht machen Sie es fett, weiß, fett, Rand um drei Kartenlisten. In diesem werde ich einfach den Namen anzeigen. Also Bestseller, der Name und um sicherzugehen , dass ich zurückgehe und nachsehe, haben wir diesen Namen benannt. So können wir auf den Namen zugreifen. Jetzt müssen wir noch das Formular zum Absenden unserer Schaltflächen erstellen . Wenn der Benutzer beispielsweise auf diesen bestimmten Bestseller drückt, sollte er auf diese bestimmte Seite weitergeleitet werden. Um das zu tun, kommen wir einfach nach der Überschrift hierher, ich werde ein Formular erstellen und dieses Formular wird zu einer bestimmten Sache weitergeleitet. Ich werde es später machen. Aber vorerst die Methode, wie üblich, Post sein. In diesem Formular werde ich ein Unterteil mit dem Typ Submit Class BTN erstellen , zwei Textfelder in Großbuchstaben und neben einigen anderen Preiskarten-Buttons zwei Textfelder in Großbuchstaben und goldfarbener Vorderseite einigen anderen Preiskarten-Buttons Das ist für das CSS. Wir werden es später benutzen. Aber vorerst BTN-Warnung, um den Text gelb und den Text hell zu machen gelb und den Text hell Also BTN-Warnung, es tut mir leid, dass ich die Schaltfläche gelb gemacht habe und das Textlicht, um den Text hell zu machen Und ich werde einfach das Detail schreiben. Okay. Ich denke, wir sind vorerst gut, wir haben unser Formular, wir haben unseren Button und alles scheint gut zu sein. Wenn ich zurückgehe und auf Aktualisieren klicke. Ja, mir wird nichts passieren da wir hier nicht den Bestseller haben. Wir versuchen, nach Hause zu gehen und auf das Beste zuzugreifen, das nicht verfügbar ist, weil wir keine Bestseller in unserer Datenbank haben. Lass uns das reparieren. Wir haben hier tatsächlich einige Bestseller erstellt, aber wir hatten nicht die Möglichkeit , sie zu unserem Schema hinzuzufügen. Gehen wir den ganzen Weg zurück nach unten. In diesem Fall werden wir die beste Einfügung erstellen . Ich erinnere mich an B eins, B zwei, B drei. Natürlich werden wir die Funktion mit dem Fehler erstellen . Wenn es also einen Fehler gibt, melde ihn ab, andernfalls protokolliere einfach die besten Sätze. Und wenn ich jetzt zurückgehe, können wir sehen, dass wir die von uns erstellten Namen Johnson, Cgate-Hydrant und die folgende ID erstellt haben Cgate-Hydrant und die Ich glaube jedoch, dass wir ein paar Dinge übersehen haben, zum Beispiel haben wir das Bild verpasst Ja. Was wir hier gemacht haben, ist, dass wir den Bestseller mit dem Namen IMG statt mit Image kreiert haben. Eine Möglichkeit, dies zu beheben, besteht darin, diesen einfach zu löschen. Es wird IMG sein. Natürlich müssen wir zu unserer Datenbank zurückkehren, sie aktualisieren und all diese Bestseller hier ablegen. Löschen Sie diese Sammlung, da wir ohne ihre Bilder nicht benötigen. Wenn wir jetzt zurückgehen und diese speichern, aktualisieren wir sie. Ja. In Ordnung. Also, wenn ich das mache. Wenn wir hierher zurückkehren und es sich bezieht, werden wir die Bestseller-Datenbank finden. Also ich denke, wir sollten ein bisschen warten. Aber im Moment können wir sehen, dass wir es hier richtig verstanden haben. Wir haben die Marken, die Kategorien und das Image. Und in diesem Fall. Gehen wir jetzt zurück Wie wir sehen können, haben wir die Bestseller, schauen wir uns einige der Bestseller an. Wir haben den Johnson Colgate und den anderen, ich glaube, wir haben ein Problem mit dem MaterL und das ist ein Aber die allgemeine Idee ist, dass wir alle unsere Produkte, alle unsere Artikel und die Bestseller der Marken und Kategorien bekommen alle unsere Artikel und die Bestseller der Marken und Das ist es hauptsächlich. So können wir die Bestseller-Seite oder den Bestseller-Bereich erstellen. Und was wir jetzt natürlich tun werden , ist, diesen Button zu erstellen. Wenn wir jetzt darauf klicken, gelangen wir zu einer Fehlerseite. Wir müssen uns jedoch zu unserer eigentlichen Produktseite weiterleiten unserer eigentlichen Produktseite auf der wir das spezifische Produkt sehen werden. Dies ist ein Artikel mit spezifischen Details , bestimmten Größen und so weiter Wenn der Benutzer diesen Artikel kaufen möchte, sollte er auch alle Details sehen, und das kann er tun, indem er einfach auf CDs klickt Was wir jetzt tun werden, ist dasselbe für die Marken und Kategorien zu tun . Wenn Sie nun auf Marken klicken , gelangen wir zu allen Artikeln, die zu den jeweiligen Marken gehören. Wie wir sehen können, wenn wir hier klicken, haben wir alle Artikel. Wir haben hier einige Details, aber wir haben keine Beschreibung, wir haben nicht die Menge und natürlich können wir hier nicht bestellen. Was wir auch tun werden, ist, wenn wir darauf klicken, dass wir auch zur Produktbeschreibungsseite gelangen. Und in diesem Fall haben wir hier schon etwas geschaffen, wir haben Produkte und wir haben Produkte. Diese Seite sollte immer dann angezeigt werden, wenn wir auf so etwas drücken. Es befindet sich entweder in den Marken oder Kategorien oder sogar in den Bestsellern sollte uns auf diese spezielle Seite weiterleiten , die das Produkt von JS ist , und alle Details zu diesem speziellen Produkt anzeigen , die der Benutzer wünscht. Denn das ist es im Grunde genommen für dieses Video. Ich hoffe es hat dir gefallen. Und beim nächsten Mal werden wir das tun, worüber wir gesprochen haben, und wir sehen uns dann. Okay. 11. Produktseite: Hallo, und wir werden in diesem Video darauf zurückkommen Wir werden die Entwicklung dieser Produkte fortsetzen. Hier haben wir also die Produkte, und wie gesagt, wir möchten, dass jedes Mal, wenn wir auf ein bestimmtes Produkt klicken, wir auf die Produktseite weitergeleitet werden, die hauptsächlich diese ist. Wie gesagt, wir wollen das auch tun , wenn wir uns entweder auf eine Marke oder eine Kategorie beziehen. Wenn wir hier in der Kategorie sind, haben wir auf Shampoo gedrückt und uns wird die Produktseite gewährt. Wir haben hier jetzt einige spezifische Produkte. Ich möchte, wenn ich auf dieses spezielle Produkt klicke, zu den Details diesem speziellen Produkt und zum Bestseller-Bereich weitergeleitet werden. Wenn ich also hier im Bestseller bin und die Details zu diesem Produkt sehen möchte, sollte ich auch auf diese spezielle Seite weitergeleitet werden, die das Produkt von GS ist. Also, wie machen wir das? Nun, zurück zum Apo JS, wir können sehen, dass wir im Bestseller-Schema etwas erstellt haben, das als Artikel bezeichnet wird, was hauptsächlich dem Typ entspricht, und das ist eigentlich die ID dieses Artikels. Referenzartikel, und natürlich haben wir hier die ID. Wenn wir auf diesen Artikel zugreifen möchten, können wir entweder über die ID, den Namen oder das Bild darauf zugreifen, aber es macht keinen Sinn, über ein Bild darauf zuzugreifen, und es macht auch keinen Sinn, ihn über den Namen aufzurufen. Vielleicht haben wir mehr als ein Produkt mit demselben Namen, vielleicht verschiedene Größen oder unterschiedliche Mengen und so weiter und so fort. Wir können also über die Objekt-ID auf diesen bestimmten Artikel zugreifen . Das werden wir tun. Jetzt ging ich zurück zum DGS und ich sagte, ich lasse das vorerst leer Jetzt ist es an der Zeit, etwas genau hier zu platzieren, wo wir hingehen werden Wir werden zu den Produkten gehen. Wir werden jedoch etwas hinzufügen, und das ist eine Gewohnheit, die uns Javascript ermöglicht und zwar. Wir werden einfach die Produkte schreiben. Wir werden zwei Produkte rendern. Wir rendern jedoch nicht nur für Produkte, Produkte plus den Bestseller-Artikel. Und dieser Artikel ermöglicht es uns , den Ausweis zu nehmen und ihn genau hier zu platzieren. Gehen Sie also davon aus, dass wir dieses D hier haben. Wann immer wir rendern, rendern wir jedes Mal mit einer bestimmten oder anderen Aktion. Vielleicht rendern wir bis zum ersten Element, also werden wir Produkte haben. Wir werden so etwas haben. Produkte. Angenommen, die erste ID ist eine. Also Produkte, die eins, beim zweiten Mal, wenn wir auf das zweite Produkt zugreifen, sind es vielleicht zwei Produkte und so weiter und so fort. Die Idee hier ist also, dass es nicht so ist, es ist nicht jedes Mal dasselbe , wenn wir ein Produkt rendern. In diesem Fall werden wir etwas verwenden, das als benutzerdefiniert bezeichnet wird. Nachdem das geklärt ist, müssen wir jetzt zu den AppGs zurückkehren und unsere Funktion genau hier erstellen . Also, wie machst du das? Wir werden einfach die App erstellen, um das Produkt zu erhalten, und in diesem Fall erhalten wir natürlich erhalten wir Produkte plus das D dieses Produkts. Also, wie machst du das? Gehen wir zurück und scrollen ganz nach unten. Vielleicht fügen wir es hier nach dem Produkt hinzu. Hier haben wir die Produkte genau hier. Vielleicht fügen wir es auch nach dem übergeordneten Produkt hinzu. Hier. Wir werden uns diese Produkte besorgen und wir wissen auch, dass das ein Brauch ist. Was wir tun werden, ist ein C zu platzieren und Benutzerdefiniert einzugeben. In diesem Fall werden wir die Funktion erstellen. Ebenso. Was wir tun werden, ist den Custom zu erstellen , der im Grunde nur diesen Custom von hier abholt. Wie greifen wir darauf zu? Es ist eigentlich ziemlich einfach, wenn Sie nur Anfragen eingeben, benutzerdefiniert. So können wir die ID von hier abrufen und direkt hier darauf zugreifen. Im Grunde können wir jetzt die Artikel durchsuchen und den bestimmten Artikel mit dieser spezifischen ID finden . Wenn wir jetzt ganz nach oben gehen, können wir sehen, dass wir hier mit dem Mongoose-Schema beginnen, das diese Objekt-ID eingibt Hier haben wir also die Idee dieses speziellen Objekts, und es ist nicht vom Bestseller Es ist nicht von diesem Stamm, es ist von dem Gegenstand. Was wir eigentlich tun , ist, dass wir zu dem Gegenstand gehen. Okay. Und wenn wir in die Datenbank gehen, können wir sie tatsächlich hier finden. Also haben wir den Artikel. Was wir eigentlich tun, ist, dass wir diese ID von hier nehmen und sie als Element in unser Schema einfügen. Okay. Das ist es im Grunde. Nun, zurück zu den Produkten, wir können den Artikel in einer Datenbank durchsuchen und anhand der ID suchen. Wir werden anhand eines Fehlers mit benutzerdefinierten Funktionen suchen und Artikel immer weiter finden. Wenn es keinen Fehler gibt, überprüfen wir, ob wir gefundene Artikel haben, leiten weiter. Vielleicht protokollieren wir sie zuerst, gefundene Artikel. Es tut mir leid. Und in diesem Fall werden wir einfach die gefundenen Artikel anzeigen. Wenn dies nicht der Fall ist, werden wir sie natürlich auf der Startseite anzeigen oder auf der Startseite rendern. Gehen Sie also direkt zur Startseite. Wenn wir nun die Artikel finden, die wir nur erstellen wollen, nehmen wir die Marke dieser Artikel Lassen Sie uns also zuerst diese gefundenen Artikel anzeigen. Nehmen wir diese einfach und bringen sie auf die Produktseite. In diesem Fall rendern wir einfach das Produkt zusammen mit der Anfrage und den Artikeln. Das wären gefundene Gegenstände. Nennen wir es vielleicht gefundene Gegenstände oder Gegenstand. In diesem Fall sind wir meiner Meinung nach vorerst gut Wenn wir etwas gefunden haben, werden wir es zusammen mit diesen gefundenen Artikeln auf der Produktseite anzeigen. Was wir jetzt tun werden, ist, dass wir auf die Produktseite gehen und diese gefundenen Artikel dann als Formular oder vielleicht als Details dieser gefundenen Artikel anzeigen. Hier haben wir nur einen Artikel. Möglicherweise haben wir jedoch mehr als einen, wir nehmen nur den ersten, deshalb platziere ich ihn als Artikel. Wenn wir jetzt zurückgehen und auf Aktualisieren klicken und ich bis zur Bestseller-Presse scrolle. Hier haben wir undefinierte Produkte. Gehen wir zurück und schauen wir mal. Hier haben wir Produkte statt Produkte. Wenn ich jetzt zurückgehe. Jetzt stehen wir vor der Sache , dass ich vergessen habe, die Bestseller nicht mehr einzufügen Lassen Sie uns weitermachen und die gesamte Bestseller-Datenbank von hier aus löschen die gesamte Bestseller-Datenbank von hier aus Und speichern Sie das einfach noch einmal. Also lass es uns jetzt fallen lassen. Was ich tun werde, ist , dass ich vielleicht einfach wieder Noto einschalten werde einfach wieder Noto einschalten Wir werden sie speichern und dann diesen speichern Im Moment werden wir hier unsere beste Datenbank haben und sie enthält nur drei Produkte, die wir zeigen werden. Das ist es, im Grunde ist es eine Aktualisierung. Jetzt werden wir für alle Produkte genau dasselbe tun . Es sind entweder Marken oder Kategorien. In jedem Fall werden wir gerendert oder zu den Produkten JS weitergeleitet und von dort aus werden wir weitermachen. Hier sind wir bei den Produkten von JS. In diesem Fall werden wir , anstatt ins Nirgendwo zu gehen. Wir jeden Riemen hier erstellen, anstatt ins Nirgendwo zu gehen. Wir werden das Problem beheben, indem wir einfach den Standort hinzufügen oder den Link zu der spezifischen Seite hinzufügen. In diesem Fall versuchen wir, Produkte einzugeben, was versuchen wir, Produkte einzugeben, im Grunde die Produktseite ist. Lassen Sie mich einfach die Angebote und Produkte hinzufügen und dann hier öffnen, wo wir die Artikel haben Ich kann den Artikel Do ID hinzufügen. In diesem Fall kann ich auf die Idee des jeweiligen Artikels zugreifen. Natürlich ist es das, was wir tun. Wenn ich zurückgehe, probieren wir es aus. Wir könnten auf einige Fehler stoßen, aber das können wir im Laufe der Reise sehen. Wenn ich zurück gehe, gehen wir zur Kategorie Wenn ich zum Beispiel auf ein bestimmtes Shampoo drücke, wird mir diese Seite angezeigt, wenn ich auf dieses drücke. Ordnung. Also renne ich zur Startseite. Ich gehe davon aus, dass wir seit dem, was wir hier in der App zu JS gesagt haben, einen Fehler seit dem, was wir hier in der App zu JS gesagt haben, haben. Wenn wir in dieser App auf einen Fehler stoßen, holen wir die Produkte, werden wir umleiten, dass sie auf die Startseite umgeleitet werden. Wir hatten keinen Fehler, wir haben einfach keinen Artikel gefunden , der diese spezifische ID hat. Was wir tun werden, ist, diese in drei Kategorien zu unterteilen. Die für den Bestseller, die für die Marken und die für die Kategorien. Also habe ich gerade den für die Marke kreiert. Also nenne ich es Produkt der Marke. Also, was wir tun werden, ist diesen zu besorgen, Namen des Textkörpers zu ermitteln, den wir erstellen werden und dann die Artikel in der Artikeldatenbank zu durchsuchen . Suchen Sie nach einem Titel, der genau dem Standard entspricht. Und wenn in diesem Fall kein Fehler vorliegt und wir einige Artikel gefunden haben, zeigen wir sie einfach an und rendern das Produkt natürlich zusammen mit dem Artikel und der Anfrage, die wir erhalten haben. Okay. Also das war's hauptsächlich, das ist es, was wir tun , und wir werden in diesem Fall genau dasselbe für das Produkt der Kategorien tun, oder? Also lass es uns gleich hier machen. Was wir tun werden , ist, eine Produktkategorie zu finden. Hier, es tut mir leid, ich habe einen Tippfehler, also das ist und wir bekommen In diesem werden wir nun die Funktion erstellen Acres öffnet diesen einen konstanten Benutzertyp mit der Anfrage nach Namen und protokolliert ihn hier, nur um ihn zu visualisieren und dann die Elemente zu durchsuchen. Finden Sie den, der vom Titel her dazu passt, und wenn wir einen Fehler haben, müssen wir ihn natürlich anzeigen, und wenn nicht, werden wir etwas finden. Wenn es also keinen Fehler gibt, machen wir etwas anderes, um diesen Fehler anzuzeigen. Und natürlich werden wir überprüfen, ob wir Artikel gefunden haben und andernfalls einfach zur Startseite weiterleiten. Wenn wir einige Artikel finden, sollen wir sie einfach als Artikel anzeigen. Pfund plus Artikel. Natürlich werden wir zusammen mit der Anfrage, die wir erhalten haben, und dem Artikel , den wir gefunden haben, auf die Produktseite verweisen . Das ist es im Grunde. So können wir diese auf einfache Weise implementieren. Wir holen uns einfach diesen und arbeiten uns einfach durch. Okay. Das ist es also hauptsächlich im nächsten Video, wir werden sie zeigen oder wir werden sie in Aktion visualisieren , und natürlich werden wir weiter bauen. Wir haben immer noch die Admin-Seite, wir haben immer noch die Möglichkeit, Bestellungen aufzugeben. Wir müssen alle Benutzerinformationen in unsere Datenbank aufnehmen , und natürlich werden wir weiterhin seine Bestellung aufgeben, seine Bestellung in unserer Datenbank speichern und sie natürlich sowohl auf der Admin-Seite als auch auf der Bestellseite des Benutzers anzeigen . Nachdem dies gesagt ist, ist dies das Ende dieses Videos. Wir sehen uns im nächsten. Okay. 12. Cart: Hallo und willkommen zurück. In diesem Video werden wir uns die Produktseite ansehen . Wie gesagt, wir haben gerade die Bestseller-Seite implementiert , auf der wir auf C-Details klicken können, und sie leitet uns zur Produktseite weiter. Und das sind der Titel des Artikels, die Beschreibung, der Preis, die Größe der Markenkategorie und die Anzahl der Artikel, die der Benutzer haben möchte. Dann kann er es auch zu seiner Karte hinzufügen. In diesem Beispiel werden wir diese Titel, die Beschreibung und die Preise ändern . Diese sind statisch, wir wollen sie dynamisch machen. Es tut mir leid, wir wollen sie dynamisch machen und sie können für jedes einzelne Produkt geändert werden. Gehen wir in diesem Fall zurück zur Produktseite. Und auf dieser Produktseite. Denken Sie daran, wir haben sie hier als bestes Produkt eingeschickt und sie mit dem Artikel gerendert. Wir werden also zur Produktseite gehen. Und wie wir sehen können, haben wir den Artikeltitel, Beschreibung und einen Preis, also wollen wir diese ändern. Wie ändert man sie also? Es ist ziemlich einfach. In diesem Fall können wir den Artikeltitel nennen. Okay. Und hier müssen wir Artikel D Beschreibung nennen, da wir diesen Artikel beschreiben und wir ihn in unserer Datenbank haben. Wie wir sehen können, löschen wir diese einfach und schon sind wir fertig. Also Artikelbeschreibung. Lassen Sie mich sicherstellen, dass wir in der Datenbank herausfinden können, dass wir die Beschreibung haben. Jetzt können wir die Marke und Kategorie img R L anzeigen. Was die Marke angeht, lassen Sie uns sie hier anzeigen. Also wie gesagt, Artikelmarke. Nun zur Kategorie, das Gleiche. Also die Artikelkategorie , was die Größe angeht, wir können sie hier platzieren. Dies ist unsere Größe, fügen Sie sie vielleicht gleich hier hinzu, Artikelgröße. Dann haben wir wie viele Stücke. Das ist nichts für uns. Das ist für den Benutzer. Wir haben die Schaltfläche „Zum Ausschneiden hinzufügen“. Wir müssen hier wirklich nichts tun. Wir müssen jedoch das Bild ändern, und das ist Artikelbild R L wie folgt. Ich denke, wir sind jetzt in Ordnung, wenn wir zurückgehen und auf Aktualisieren klicken, werden wir den Preis bekommen. Es tut mir leid, wir müssen hierher zurückkehren. Ich denke, das Problem ist , dass wir den ersten oder einen beliebigen Titel des Artikels anzeigen oder verwenden. Denken Sie daran, dass wir bei der Suche nach dem Artikel allen Artikeln suchen nach allen Artikeln suchen, die denselben Titel haben. In diesem Fall geben wir eine Reihe von Artikeln zurück und wir wollen nur den ersten Artikel Um das zu lösen, verwenden wir einfach item mit Null. Dieser Artikel ist eigentlich eine Liste von Artikeln. Wir werden nur den ersten brauchen, um damit fertig zu werden, werden wir einfach bei Null schreiben. Genau hier, und wir haben den Artikelpreis vergessen, und bei Null haben wir natürlich auch das Gleiche vergessen, und wir werden das Gleiche dafür tun. Ich denke, wir sind gut, wir haben immer noch die Größe und das Bild. Das war's für das Bild. Wir wissen, wenn wir zurückgehen und auf Aktualisieren klicken, werden wir so etwas bekommen. Wir haben unser Bild, unseren Titel, Beschreibung, Preis, Marke, Kategorie und Größe zusammen mit der Menge, die der Benutzer wünscht. Hier drückt er auf die Menge und kann sie dann seiner Karte hinzufügen. In diesem Fall haben wir tatsächlich einen Link zwischen dem Com hier, wir haben den Bestseller und wir haben einen Link zwischen diesem Produkt und seiner Beschreibung hergestellt. Die Produktseite ist jetzt mit der Startseite verknüpft , und zwar indem Sie einfach diese Funktion erstellen, die den Artikel nimmt und in der Artikeldatenbank danach sucht diese Funktion erstellen, die den Artikel nimmt und in der Artikeldatenbank danach sucht und dann zur Produktseite zurückkehrt und alle Beschreibungen oder alle Informationen des jeweiligen Artikels anzeigt Beschreibungen oder alle . Das ist es, im Grunde genommen, so können wir sie miteinander verknüpfen. Was wir jetzt tun werden, ist, mit diesem Add-To-Card-Objekt zu arbeiten. Jetzt drücken wir auf „ Zur Karte hinzufügen “ und es passiert nichts. Wir werden dafür sorgen, dass es funktioniert. Wir werden das der Benutzerkarte hinzufügen und ihn natürlich zurückgeben, vielleicht auf die Startseite oder die Produktseite. Wir werden sehen. Gehen wir hier zurück zum Code. Wir haben die Schaltfläche genau hier, und diese Schaltfläche ist vom Typ Senden und wir haben unser Formular. Die Aktion dieses Formulars bezieht sich nun auf den Versand, also werden wir eine Versandfunktion haben, und die Methode sollte wie gewohnt per Post erfolgen. wir nun zurück zum Apo JS Wir werden eine neue Funktion erstellen, die im Grunde darin besteht, eine Verknüpfung zwischen dem Produkt und der Versandseite herzustellen. Also lass uns das gleich hier machen und ich werde zuerst die Funktion erstellen und dann werden wir sie besprechen. Lassen Sie uns darauf eingehen. In Ordnung. Zuallererst App, aber nach dem Versand und die Funktionen wie gewohnt erstellen, die Klammern hoch und hoch Und was wir natürlich tun werden, ist , ein Datum für diese Funktion zu erstellen oder wann immer der Benutzer seine Karte eingibt oder etwas zu seiner Karte hinzufügt Ich nenne es erstellt ein und es wird ein neues Datum sein, und ich werde es zu einer lokalen Zeichenfolge machen. In diesem Fall beginnen wir mit der Erstellung der Box. Also frag nach der Box. Und in diesem Fall ist die Box tatsächlich da. Wir haben diese Eingabe, das ist die Box, und in dieser Box werden wir die Menge haben , die der Benutzer wünscht. Ich werde einige versteckte Eingaben hinzufügen , damit wir sie in der APTOS-Datei haben In diesem Fall werde ich den Namen Titel haben. Der Wert wird so sein, wie der Name den Titel dieses Produkts angibt, und ich werde noch ein paar mehr haben, also werden wir den Namen Bild haben und der Wert wird gleich item.rl sein, und dann werden wir endlich die letzte Eingabe haben, die auch versteckt ist, und das wird der Wertpreis sein, es wird dem Artikelpreis entsprechen, und ich denke, wir sind immer noch Ich muss diesen hier ändern und wir bekommen. Das ist es hauptsächlich. Wir haben jetzt unsere Eingaben zusammen mit der Menge, die der Benutzer wünscht Wir können hier mit der Apto JS-Funktion arbeiten Zuallererst holen wir uns die Box, wir werden die Größe oder die gewünschte Größe ermitteln Das nach Alter angeforderte, der Titel wie immer und der Preis wie gewohnt. Jetzt bin ich mir nicht sicher, ob wir die Größe hinzugefügt haben. Gehen wir zum Produkt über und fügen wir es gleich hier hinzu. Wir haben die Eingabe und dann werden Name, Größe und Wert des Artikels in dieser Größe sein. Das ist es im Grunde. Lass uns zurückgehen. Jetzt sind wir bereit, mit dieser Funktion zu arbeiten. Was wir zuerst tun werden, ist den Benutzer zu finden , der sich anmeldet, und das werden wir natürlich seiner Karte hinzufügen. Wir überprüfen also zunächst, ob der Benutzer gesperrt ist. Wie machst du das? Wir werden die Länge erstellen. Lassen Sie mich zum Beispiel zuerst eine Variable erstellen, sodass diese Variable falsch ist. Dies gibt an, ob der Benutzer gesperrt ist oder nicht. Und wenn sie den Benutzer auffordern, dass die Länge der Bestellungen gleich Null ist , werden wir etwas tun. Was wir tun werden, ist diese Variable S zu nehmen und sie wahr zu machen. Dieses S steht dafür, dass der Benutzer zum ersten Mal bestellt und wir seine Informationen anzeigen oder aufnehmen möchten seine Informationen anzeigen oder aufnehmen um eine bessere Vorstellung von seinem Standort, seiner Telefonnummer usw. zu haben . S ist in diesem Fall wahr, und wir werden prüfen, ob der Benutzer und die Länge größer als Null sind. In diesem Fall ist geprüft, ob die überprüften Bestellungen die letzte Bestellung sind, die bestellt und abgeschickt wurde. Was wir hier hauptsächlich tun, ist, dass wir überprüfen möchten, ob der Benutzer schon einmal eine Bestellung , und in diesem Fall, wenn er einige Bestellungen hat werden wir die letzte Bestellung auschecken. Denken Sie jetzt daran, dass Check-Out eine Variable ist, die wahr ist, wenn der Benutzer ausgecheckt hat, und wenn nicht, fällt. Und in diesem Fall nehmen wir es und beginnen mit unserem Code hier gemäß diesen beiden. Wenn einer von ihnen wahr ist, bedeutet das, dass wir sie in unsere Datenbank aufnehmen wollen. Wie macht man das, um zu überprüfen, ob S wahr ist oder ob Checked wahr ist? wahr ist oder ob Checked wahr ist In diesem Fall werden wir anhand der ID suchen und aktualisieren. Dies ist eine Methode, um in diesem Fall jedes Objekt oder jeden Benutzer zu finden , der die spezifische ID hat und die folgenden Informationen zu aktualisieren. Die ID wird „Benutzer-ID anfordern“ lauten, und dann öffnen wir das, und so können wir das ändern, wir schreiben das Dollarzeichen, drücken und wir können mit der Aktualisierung beginnen. Was wir aktualisieren werden, sind die Bestellungen dieses bestimmten Benutzers. Wir werden das öffnen und wir werden jeden aktualisieren. In diesem Fall werden wir also das Array und bestimmte Artikel öffnen. Wir werden also die spezifischen Artikel aktualisieren, und in diesem Fall werde ich den Bildtitel, den Preis, die Menge und die Größe aktualisieren . Wie gesagt, das Bild wird ein Wille sein , der Preis wird der Preis sein und die Menge wird die Box sein, die wir bekommen haben. Okay. Und schließlich wird diese Größe die Größe sein, die wir auch haben. Nun, wenn beide nicht zufrieden sind, wenn einer von ihnen zufrieden ist, stellen wir fest, dass wir damit arbeiten können Falls beide nicht zufrieden sind, müssen wir etwas anderes tun. In diesem Fall beginnen wir damit, den Benutzer zu finden, die ID zu finden und die Benutzer-ID der Anfrage zu aktualisieren, und wir werden dieselbe Methode verwenden, nämlich Push und so pushen oder aktualisieren wir, wir werden die Bestellungen finden, die endlich da sind, und die Artikel, in diesem Fall werden wir das Bild, den Titel und den Preis, die Menge und die Größe aktualisieren den Titel und den Preis, . Also ich denke, wir sind gut. Was Sie jetzt tun müssen, ist, einfach von hier wegzugehen und nach der Kaufabwicklung zu filtern. Wir möchten, dass der Checkout falsch ist. Also, wie machst du das? Wir geben einfach Array-Filter ein. So machen wir es, wir geben Array-Filter Checkout mit dem Wert false ein. Nachdem dies gesagt ist, ist dies das Ende meines Besuchs. Ich werde den nächsten fortsetzen, um Sie zu sehen. 13. Anmeldung: Hallo und willkommen zurück. In diesem Video werden wir sehen, wie wir uns hier an- und abmelden können . Wenn wir uns zum Beispiel anmelden möchten, kann ich weitermachen und meine Anmeldung eingeben Wenn etwas nicht stimmt, erhalte ich diese Webseite mit Ihrer E-Mail-Adresse oder Ihrem Passwort, und ich werde aufgefordert, es erneut zu versuchen. In diesem Fall kann ich, wenn ich mich registrieren möchte, einfach meinen Namen und dann meine E-Mail-Adresse eingeben . Und natürlich ein Passwort, machen wir es erstmal zu einem und klicken dann auf. Lass uns sehen. Das ist mein Name und das ist jede E-Mail, unis at example.com Machen wir eins und A. Wenn ich jetzt auf signp klicke, werde ich auf die Startseite weitergeleitet, wie wir sehen können Wir können jetzt dieses Symbol sehen, und natürlich haben wir die Option zum Abmelden Nun, wir machen das weil wir zum Beispiel zur Marke gehen wollen , wie gesagt, wenn wir zum Johnson punkten Nehmen wir an, wir haben diese Produkte, diese Bilder werden momentan nicht protokolliert oder werden nicht geladen, wir werden etwas warten. Aber um unserer Argumentation willen haben wir diese Seite, auf der wir die Produkte haben. In diesem Fall möchte ich diesen zu meinem Auto hinzufügen. Wenn ich angemeldet bin, werde ich wie gesagt zur Versandseite weitergeleitet . Wenn nicht, melden wir uns einfach ab. Wenn ich also nicht abgemeldet bin, wenn ich nicht angemeldet bin, werde ich gebeten, mich anzumelden. Wenn ich also jetzt zurückgehe und versuche, das zu meiner Karte hinzuzufügen, werde ich aufgefordert, mich erneut anzumelden. Ich möchte die E-Mail-Adresse und das Passwort eingeben. Und das haben wir in diesem Fall tatsächlich getan. Also hier, als wir das Produkt oder die Funktion „Zur Karte hinzufügen“ implementiert das Produkt oder die Funktion „Zur Karte hinzufügen haben, die uns zum Versand bringt , haben wir das auch gleich hier gesagt . Wenn wir also sehen , ob der Benutzer angemeldet ist oder nicht, ob dies der Fall ist, dann aktualisieren wir die Bestellung des Benutzers. Andernfalls werden wir nur den spezifischen Artikel in dieser Reihenfolge aktualisieren. Natürlich werde ich jetzt schauen, ob der Benutzer oder die Benutzeradresse verfügbar ist. Wenn nicht, werde ich wie gesagt auf dieser Versandseite rendern . Wenn wir die Benutzerinformationen haben, gehe ich natürlich einfach zur Webseite „ Bestellung aufgeben“. Nun, das ist eine allgemeine Vorstellung davon, was wir tun werden. Aber natürlich werden wir uns einfach mit den Details befassen und es natürlich besser verstehen, während wir daran arbeiten. Ordnung. Was ich jetzt überlege ist, die Seite mit dem Anmeldefehler zu erstellen Da wir die Anmeldung haben und wir die Anmeldung noch nicht haben, schlägt die Anmeldung fehl. Was ich tun werde, ist, hier einen Anmeldefehler zu erstellen , und das wird in Ordnung sein, das ist die EJS-Datei, und hier werden wir umgeleitet, wenn bei unserer Anmeldung etwas falsch läuft wenn bei unserer Anmeldung etwas falsch läuft Was wir tun werden, ist, dass wir zuerst den Header So from partials einfügen Und dann fangen wir mit der Behälterflüssigkeit an. Also werde ich die Zeile erstellen, die hauptsächlich in der Textzentrale mit etwas Abstand besteht, und die Spalte wird bei drei für Medium stehen Ich denke, wir sind gut. Der zweite wird sechs sein. Und in diesem Fall werde ich Aufsätze aufschreiben, gefolgt von einem Abschnitt mit dem Kursleiter und der Aussage, dass Ihre E-Mail-Adresse oder Ihr Passwort falsch sind. Aber das ist es im Grunde. Jetzt werden wir ihn bitten, es noch einmal zu versuchen. Und ich werde damit beginnen, das eigentliche Formular zu erstellen , um es erneut zu versuchen. Dieses Formular wird uns zum Sinus n führen . Wir werden es später erstellen, und die Methode wird wie gewohnt post sein. Fangen wir nun an, mit diesem Formular zu arbeiten. Ich werde den Modelldialog erstellen. Die sind von. Ich werde den Modellinhalt erstellen. Ich werde mit dem Modell-Header beginnen. Okay. Also das war's , im Grunde können wir jetzt unseren Header platzieren. Ich werde ab jetzt schreiben, also wird das modelliert. Titel. Ich werde ein Zeichen schreiben, gefolgt von einer Schaltfläche mit der Texttaste. Die Klasse wird BTN sein, schließen, und was ich natürlich tun werde, ist dies zu verwerfen und wir werden es später verwenden Das ist falsch und es wird dem Modell entsprechen. In diesem Fall werden wir mit der Erstellung des Modellkörpers fortfahren. Und natürlich werde ich die Formgruppe nach Y zwei erstellen. Und natürlich werde ich mit dem Etikett beginnen. Also dieses Etikett wird für E-Mail sein und die Klasse wäre das Etikett E-Mail-Adresse. Und dann werde ich dem Typ Mad folgen und natürlich einige Kurse wie Form Control. Ich werde meine zwei, P zwei und Eingabe als Klassen haben . Der Name wird hauptsächlich ein Benutzername sein. Danach werde ich eine weitere Formulargruppe erstellen, die für das Passwort bestimmt ist. Ich mache weiter und kopiere das. Das heißt, kopiere es und füge es hier ein. Aber hier haben wir als Passwort, ich werde ein Passwort schreiben. Und der Typ wird sowohl das Passwort als auch der Name sein. Okay. Also das ist es hauptsächlich. So können wir die E-Mail-Adresse und das Passwort erstellen. Lassen Sie uns weitermachen und es hier visualisieren. Nehmen wir an, ich habe bei der Anmeldung einen Fehler gemacht. werde auf diese Seite weitergeleitet, auf der ich die Ops-E-Mail-Adresse und das Passwort habe . Ich habe mich geirrt. Versuchen Sie es erneut, wir haben das Schild, wir haben die E-Mail-Adresse und das Passwort neben der Anmeldeschaltfläche hier. Also lass es uns da unten erstellen. Was wir jetzt tun werden, ist die Fußzeile des Modells zu erstellen und ich werde den Inhalt begründen. Fangen Sie an In diesem Fall erstelle ich die Schaltfläche, die wir einreichen werden, und die Klasse wird T N sein. Vielleicht fügen wir etwas Stil hinzu, zum Beispiel eine Hintergrundfarbe. Ich mache es, ich mag Scorthree 18f5, acht F Five, und ich werde Das ist es im Grunde. Wenn ich jetzt zurückgehe, wie wir sehen können, ist dies unsere Seite, und sie wird uns, wie gesagt, zu diesem Sinus in Form oder in Aktion weiterleiten diesem Sinus in Form oder in , den wir später in Apto JS erstellen Das ist unsere Anmeldung zum Scheitern. Kehren wir zu unserem Apto JS zurück und setzen wir unsere Arbeit hier fort. In der Apto-Datei werden wir nun die Anmeldefunktion erstellen, und in diesem Fall lasse ich sie direkt hinter dieser erstellen direkt hinter dieser erstellen Wir werden den Apto-Beitrag und das Zeichen erstellen, und was wir tun werden , ist, die Funktionen wie gewohnt zu erstellen , und ich werde den Benutzer erstellen In diesem Fall befindet sich der Benutzer im U-Benutzer Okay. Lassen Sie uns diese öffnen und der Benutzername wird nach dem Benutzernamen abgefragt. Wie gesagt, wir haben jetzt den Benutzernamen des Benutzers aus dem Anfragetext erhalten, und wir werden überprüfen, ob sich dieser Benutzer anmeldet . Also, wie machst du das? Wir bitten um Anmeldung. Wir geben den Benutzer ein , den wir erstellt haben, und wir erstellen die Funktion mit dem Fehler. Wenn es einen Fehler gibt, melden Sie ihn einfach ab, andernfalls werden wir das überprüfen. Wenn der Reisepass authentifiziert ist, ist alles in Ordnung. Andernfalls müssen wir ihn an das Anmeldefeld weiterleiten , das wir gerade erstellt haben. Also, wie machst du das? Also schreiben wir Passport Authentic Eight, Authentic Eight und wir öffnen. Wir werden sagen, dass Fehler zwei umleiten, wir werden es auf das Zeichen umleiten. Dies ist eine weitere Funktion , die wir später erstellen werden, und diese Funktion ist nur für das Rendern verantwortlich , um eine fehlerhafte DGS-Datei zu signieren In diesem Fall werden wir nach der Erstellung dieser Funktion fortfahren, indem wir die Anfrage, d, gefolgt von der Funktion haben , und diese Funktion wird einfach auf die Startseite umgeleitet Okay. Also das ist es im Grunde. So können wir es machen. Was wir jetzt tun werden, ist, dass wir die App ohne Ende erstellen werden. Wie gesagt, wenn etwas nicht stimmt, werden wir in die Sinusphase umgeleitet . Also, wie machst du das? Apt Sinus und Fail wie übliche Funktionen, hoch und rauf und rendern auf Sinus und Fail. Okay. Also haben wir die Anfrage wie immer, und jetzt sind wir fertig. So können wir es machen. Zunächst haben wir den passenden Beitrag zum Anmelden erstellt. Und was wir im Grunde tun, ist, dass wir den Benutzernamen vom Benutzer erhalten, wir erstellen einen Benutzer. Und wir überprüfen. Wenn sich dieser Benutzer gerade anmeldet, dann ist alles in Ordnung. Wir gehen einfach zu diesem Benutzer, der tatsächlich in unserer Datenbank ist. Wir können einfach auf die Homepage gehen und die Anmeldung anpassen, um uns abzumelden. In diesem Fall wird angegeben, dass der Benutzer gerade angemeldet ist und er auch etwas kaufen oder seiner Karte etwas hinzufügen kann. Ist dies nicht der Fall, leiten wir ihn auf die Webseite weiter, auf der die Anmeldung fehlgeschlagen ist. Und wie macht man das, wir gehen zur AbdTGT, die wir rendern, und scheitern über die Route AbdTGT und scheitern hier. Das ist es im Grunde. Gehen wir zurück zu unserem Zuhause, und wie Sie sehen können, haben wir jetzt Design und Fail. Was wir jetzt tun müssen , ist , ob ich das tatsächlich erstellt habe, und nehmen wir an, ich habe mich angemeldet und wir sind jetzt fertig. Wenn ich zum Beispiel nach Hause zurückkehre , wie Sie sehen können, bin ich angemeldet, wir haben gerade die Abmelde-Taste und wir haben diese Karte. Wenn ich auf die Karte drücke, zeigen wir diese Webseite an, auf der der Benutzer vielleicht all diese Informationen eingeben kann , und dann auf Weiter klicken. Okay. Und natürlich werden wir diese Zahlung hinzufügen. Im Moment haben wir nur eine Zahlung , nämlich Nachnahme. Wenn der Benutzer darauf drückt, werde ich auf diese Seite weitergeleitet , auf der wir die Bestellung des Benutzers sehen. Ich habe zum Beispiel gerade diesen zu meiner Karte hinzugefügt und du kannst ihn auch wieder hinzufügen, sodass er hierher zurückkehren und dann wieder zurückgehen kann, zum Beispiel, wenn du seine Adresse ändern willst oder so. Und nach all dem kann er die Bestellung natürlich auch entfernen oder aufgeben. Das ist es im Grunde. So können wir es machen. Nachdem wir die Bestellung aufgegeben haben, sehen wir natürlich sehen wir die Käufe genau hier und mit der Schaltfläche „Ausstehend“, was anzeigt, dass diese Bestellung noch aussteht, sie noch nicht eingegangen ist , und natürlich die Gesamtsumme mit Datum und Uhrzeit der Bestellung. Nachdem das gesagt ist, ist dies das Ende dieses Videos. Im nächsten Video werden wir all diese Funktionen implementieren. Sie sind ziemlich einfach. Wir müssen jedoch besonders vorsichtig sein, wenn wir diese Art von Funktionen erstellen oder mit ihnen arbeiten , da sie sehr ineinander greifen. Hier haben wir zum Beispiel diese Adresszahlung und dann gehen wir zurück zur Sign-Webseite und so weiter und so fort. Das war's also im Grunde, sehen uns im nächsten Video. Okay. 14. Versand: Hallo und willkommen zurück. Das Erste, was wir in diesem Video tun werden, ist zu lernen, wie wir zwischen der An- und Abmeldung wechseln können. Wie wir also sehen können, können wir, wann immer wir uns nicht anmelden oder nicht registrieren, wir uns nicht anmelden oder nicht registrieren, die beiden Schaltflächen „Anmelden“ und „ Anmelden“ genau hier sehen . Drücken wir auf Anmelden und schreiben Sie unsere E-Mail. Und dann drücken Sie auf die Anmeldeschaltfläche. In diesem Fall sehen wir dieses Symbol, gefolgt von der Schaltfläche zum Abmelden. Wie machen wir das? Gehen wir hier zurück zu den Bauchmuskeln und öffnen wir den Header. Dieser Header ist teilweise, wie wir sehen können, wir zeigen nur die Anmeldung hier an. Okay. Also und die Anmeldung folgte natürlich. Was wir tun werden, ist das hier zu erstellen. Also sagen wir mal. Anstatt nur die Registrierung anzuzeigen, werden wir überprüfen, ob der Benutzer authentifiziert ist oder ob die Anfrage authentifiziert ist, was bedeutet, dass der Benutzer sich anmeldet oder angemeldet ist In diesem Fall werden wir die Anmeldeschaltfläche nicht anzeigen. Andernfalls werden wir, wie gesagt, das Symbol dieses Symbols anzeigen . Okay. Also in diesem Fall machen wir das gleich hier. Was wir tun werden, ist eine if-Anweisung zu öffnen, also wenn die Anfrage authentifiziert ist, wenn das der Fall ist, werden wir etwas tun Und ich denke, das hier zu tun. Wir werden also überprüfen , ob der Benutzer der Anfrage nicht authentifiziert ist Wenn das der Fall ist, werden wir diese Schaltfläche anzeigen. Andernfalls werden wir das Symbol anzeigen. In diesem Fall, wie wir das machen können, können wir einfach hier eine weitere Erklärung eröffnen. Also wenn die Anfrage authentifiziert ist. In diesem Fall werden wir eine Klasse von P x eine Spalte zwei erstellen, und für groß mache ich sie spaltengroß eins Und lassen Sie uns öffnen. Öffnen wir die Navigationsleiste und ich nenne sie Nav-Item. Und hier werde ich einen Link erstellen, der zum Einkaufswagen führt , und wir werden ihn später verwenden. Aber lassen Sie uns vorerst den Nank erstellen. In diesem werde ich das Symbol erstellen, das von Bootstrap stammt Ich werde mir das Symbol holen , das ein Einkaufswagen ist. Okay. Und dann ändern wir die Farbe auf Weiß, und dieser Artikel bleibt natürlich leer. Was wir hier tun werden , ist, diesen vorerst zu schließen und mit der Anmeldung fortzufahren. Was wir hier gerade getan haben, ist, dass wir überprüft haben , ob der Benutzer oder die Anfrage authentifiziert ist, also ob der Benutzer angemeldet ist Wenn das der Fall ist, werden wir diesen zeigen. Andernfalls zeigen wir die Anmeldung gleich hier an. Wir werden genau dasselbe mit der Anmeldung machen. Hier werden wir überprüfen, ob der Benutzer oder die Anfrage authentifiziert ist Wenn dies nicht der Fall ist, zeigen wir das Schild an und melden uns ab, falls dies der Fall ist Wie macht man das? Wie zuvor werde ich einfach versuchen, ob die Anfrage authentifiziert ist Was ich tun werde, ist genau hier zu öffnen und hier zu schließen. Ich werde das kopieren oder vielleicht kann ich hier L eingeben, zum Beispiel wieder öffnen. Und dann schließe es gleich hier. Also ich denke, das würde Sinn machen. Also, was wir hier sagen, wenn die Anfrage authentifiziert ist, müssen wir etwas zeigen, und wenn nicht, zeigen wir Anmeldung an Also werde ich das alles kopieren, es hier wieder einfügen und die Anmeldung ändern, um mich abzumelden Wie wir also sehen können, wenn wir jetzt zurückgehen, Klasse aktualisieren, jetzt angemeldet, sodass die Anfrage authentifiziert ist Es ist wahr. Wir werden diesen zeigen, gefolgt vom Abmeldemuster. Wenn Sie nun auf Abmelden klicken, werden wir etwas tun, das uns zusammen mit der Anfrage, die als falsch authentifiziert wurde, zurückdrängen oder auf die Startseite zurückleiten Wie machst du das? Gehen wir zurück und machen wir es wie zuvor im Labor. Was wir tun werden, ist, das Abmelden zu bekommen , das wir gerade hier erstellt haben, wie wir sehen können. Wir haben die Abmeldung. Was wir tun werden, ist, dass wir es hier bis zur Abmeldung gehen lassen . Also, wie machst du das, wir schreiben sie einfach raus. Was wir mit diesem machen werden, ist natürlich , uns anzumelden. Wir holen das Schild hier raus. Gehen wir zurück zum Apto JS und reparieren es hier. Wir werden uns abmelden. Das ist Sinus raus, und dann erstellen wir die Funktion wie gewohnt, immer und rendern den Sinus in Fail und Request Request. Oder vielleicht tut es mir leid, hier müssen wir nicht rendern, bis die Anmeldung fehlgeschlagen ist. Wir gehen auf die Startseite, anstatt dass die Anmeldung fehlschlägt, weil wir uns nur abmelden wollten, und natürlich, wie können Sie sich abmelden, wir geben einfach Anfrage aus. Und dann werden wir einfach auf die Startseite umgeleitet, indem wir auf die obige Seite umleiten, und wir werden dann zurück zur Startseite gebracht Nachdem das geklärt ist, können wir mit unserer Funktion fortfahren, nämlich der Versandkartenfunktion Und wenn Sie sich erinnern, haben wir in diesem Fall gerade diese Funktion erstellt und auch gesagt , dass, wenn der angeforderte Benutzer Adressadresse gleich Null ist. In diesem Fall bedeutet das, dass der Benutzer seine Adresse noch nicht hinzugefügt hat, also müssen wir sie hinzufügen. Was wir also tun werden, ist, dass wir hier und zusammen mit der Anfrage auf die Versandkarte überweisen und natürlich die Adresse, die diesen Benutzer anfordert, diese Adresse angeben. Das ist es also im Grunde. So können wir es machen. Also, was wir tun werden, ist, dass wir zur Versandkarte gehen und die Adresse korrigieren werden, und dann werden wir zur Karte übergehen. Wenn der Benutzer die Adresse bereits hinzugefügt hat, gehen wir einfach zur Kartenseite oder rendern zu ihr. Und in diesem Fall sagen wir einfach, ob der Benutzer seine Adresse eingerichtet hat und alles richtig funktioniert. Wir müssen nicht auf diese Seite gehen, die die Warenkorbseite ist. Das ist dieser, falls du ihn hier sehen willst. Wenn der Benutzer, nehmen wir an, wir wollen zu Johnson gehen und wir drücken auf Baby Johnson. Wenn ich in diesem Fall auf Zur Karte hinzufügen drücke, gehe ich bis hierher, weil ich diese Adresse hinzugefügt habe. Auch wenn wir leer sind, denken Sie daran, dass wir den Vorgang durchlaufen. Das bedeutet, dass ich die Adresse genau hier hinzugefügt habe. Wenn ich sie bearbeiten möchte, kann ich zurückgehen und sie von hier aus bearbeiten. Ordnung. Also, was wir jetzt tun werden , ist, diese Lieferung zu bekommen. Also, wie machen wir das? Wir werden beim Versand und neben der Funktion Drag auch das Rendern bekommen. Dann gehen wir zur Versandkarte und folgen darauf natürlich mit der Anfrage zusammen mit der Adresse, dass wir den Benutzer um diese Adresse gebeten haben, und schon sind wir fertig. So können wir es also machen. Nun, was wir tun werden , ist, zur Zahlung überzugehen, und in diesem Fall, wie wir bereits gesagt haben, also wenn wir gerade im Versand sind und alles in Ordnung sind, klicken wir auf Weiter, wir wollen zur Zahlungsmethode gehen, und in diesem Fall lassen Sie uns die Funktion für diese Zahlung erstellen. Also, um das zu tun, werde ich einfach Zahlung schreiben, und natürlich, ich werde wie gewohnt nach oben und ziehen, und ich werde jetzt rendern die Zahlungskarte GS brauchen HS und einfach Zahlungskarte eingeben und wir sind fertig. Da wir nur eine Zahlungsmethode haben, müssen wir sie nicht wirklich mitnehmen. Wir wissen, dass dies Nachnahme ist, also nehmen wir die Anfrage einfach mit. Okay. Jetzt, nachdem wir die Zahlung erhalten haben, können wir auch mit der Postmethode dieser Zahlung arbeiten. Also, wie machst du das? All diese Funktionen werden in Kürze implementiert. Aber lassen Sie uns sie vorerst einfach schreiben, und danach werden wir sie natürlich ausführlich besprechen. Die Postmethode für die Zahlung wird also Function sein, Rot und öffne diese. Wir nehmen die Informationen, die wir von der Versandfunktion oder der Versandart erhalten haben . Also werde ich sie ständig speichern. Also fordere die Body-Punktnummer an. Okay. Konstante gleiche Anfrage hinzufügen, Hauptteil, Punkt, Adresse, konstante Stadtanfrage , nach Stadt. Und die ID entspricht der Punkt-ID der Anfrage an den Benutzer. Und in diesem Fall werden wir anhand der ID nach dem Benutzer suchen und die folgenden Informationen aktualisieren. Wie suchen Sie in diesem Fall danach? Also gebe ich Benutzer ein, um nach ID zu suchen und zu aktualisieren. Ich werde anhand dieser ID herausfinden, dass wir gerade gesessen haben. Und was wir aktualisieren werden, ist das Folgende. Wie aktualisieren wir also oder wie stellen wir tatsächlich etwas ein, das für uns derzeit nicht verfügbar ist. Wir können einfach set schreiben, dann öffnen und wir ändern die Adresse, machen sie gleich der Adresse, die wir bekommen haben, werden die Adresse so ändern, dass sie der Telefonnummer entspricht und die Adresse Stadt der Stadt entspricht. Also das war's jetzt hauptsächlich, wir geben einfach die Funktion zurück. Wenn wir also ein Netz haben, werden wir es tun. Wenn wir also einen Fehler haben, werden wir es einfach abmelden. Andernfalls protokollieren wir einfach, Kein Fehler“ „Nein“ lautet. Fehler, gefolgt von der Benutzeradresse , die wir gerade erhalten haben darauf hinweist, dass alles einwandfrei funktioniert Dies ist die Adresse , die wir erhalten und in unserem Benutzer gespeichert haben . Wenn Sie also sichergehen möchten , dass dies der richtige Weg ist, können wir zum Benutzer gehen . Und wie wir in diesem Benutzer sehen können, haben wir den Benutzernamen und die Bestellungen. Natürlich haben wir die Adresse vorerst nicht. Wir haben es jedoch hier in unserem Schema. Also, wie gesagt, das ist das Benutzerschema. Wir haben etwas, das Adresse genannt wird , und innerhalb dieser Adresse haben wir die ADD R S-Stadt und Telefonnummer. Und das haben wir getan. Wir haben gerade diese Adresse erstellt und all diese zu dieser spezifischen Adresse hinzugefügt . Okay. Also das ist es im Grunde. Gehen wir jetzt den ganzen Weg zurück, den ganzen Weg runter. Jetzt gehen wir Seite für Seite zu den Seiten, beginnend mit der Versandkarte, und schauen wir uns das an. Nehmen wir an, wir haben jetzt diese Versandkarte. Wir werden jetzt ganz nach unten scrollen. Wie wir hier sehen können, müssen wir dieses Formular anpassen und das bringt uns zur Zahlung , also der Methode Post. Was machen wir hier? Zuallererst fügen wir diese Funktion hier hinzu. Wir speichern alle Adressen. Wir haben also die Benutzeradresse, Stadt und Telefonnummer. Und wann immer wir auf Weiter klicken, werden wir zur Zahlungs- oder Zahlungsseite weitergeleitet. In diesem Fall werde ich, bevor ich zu dieser weitergeleitet werde, zu dieser Aktion übergehen, bei der es sich um die Zahlung mit der Methode Post handelt, und das ist im Grunde alles. Ich nehme alle Informationen, die ich gerade bekommen habe. Finden Sie den Benutzer anhand der ID und speichern Sie alle Informationen. Und dann werde ich natürlich auf die Zahlungskarte zahlen. Okay. Und das ist es im Grunde. Jetzt geht es uns gut. Im nächsten Video werden wir mit dem Versand und der Lagerfunktion fortfahren . Also bis dann. Okay. 15. Place: Okay. Hallo und willkommen zurück. In diesem Video werden wir unsere Diskussion und Implementierung dieser speziellen Funktion fortsetzen . Das ist zum Beispiel, wenn ich auf Johnson drücke und eines der Produkte auswähle, und ich füge es meiner Karte hinzu. Wie wir sehen können, sind wir auf diese Seite gekommen , auf der wir alle Bestellungen und natürlich das Bestellmuster hier anzeigen werden. Natürlich möchten wir auch die Adresse und die Zahlung hinzufügen. Lassen Sie mich dazu zurückgehen und zunächst die Post-Methode der Kartenfunktion erstellen. Wie gesagt, das Erste , worauf wir angewiesen sind , ist die Versandkarte. Und in diesem Fall, wenn wir den Versand oder die Zuordnung der Bestellung bereits hinzugefügt haben, gehen wir so vor, dass wir nicht wirklich zu dieser Bestellung gehen wollen, wir können direkt zur Bestellkarte oder zur Bestelldatei weitergehen, und in diesem Fall wird sie hier vor uns angezeigt. Da wir die Adresse bereits hinzugefügt haben, ist sie jetzt leer, aber wir haben sie bereits im vorherigen Video hinzugefügt Wir werden automatisch auf diese Seite gerendert. Wenn ich mich zum Beispiel abmelde, melden wir uns erneut an und nennen es Die. Und lass uns den Kopf auf example.com wechseln, Pass a. Und wenn ich auf „Anmelden“ klicke, werde ich auf diese Seite weitergeleitet Wenn ich jetzt eines der Produkte auswähle, wie Sie hier sehen können, also wenn ich Baby Johnson wähle und es zu meiner Karte hinzufüge, werde ich zum Versand weitergeleitet , anstatt zu bestellen , da ich noch nicht meine vollständige Adresse angegeben habe Also, wie machen wir das? Das Erste , was uns auffallen wird , ist, dass es immer eine Versandkarte gibt wenn wir uns auf der Produktseite befinden. Nehmen wir an, ich bin genau hier auf dieser Produktseite und drücke hier auf die Schaltfläche „Zur Karte hinzufügen“. Wir werden zu diesem überführt werden. Das ist das Formular. Wir werden zur Versandart weitergeleitet. Lassen Sie mich diese einfach löschen. Okay. Also brauchen wir sie nicht. Sie alle. Wenn ich jetzt zu den Bauchmuskeln gehe und wir sehen können, ob ich nach dem Versand suche. Dies ist die Versandfunktion, die wir gerade im vorherigen Video erstellt haben, und wir haben sie hier. Wir sagen, wenn die Länge der Bestellung Null ist, gehen wir zu oder die Bestellung oder der Checkout ist falsch, in diesem Fall werden wir etwas anderes tun. Andernfalls fügen wir diese Bestellung dem spezifischen Artikel oder dem Feld für spezifische Bestellungen hinzu. Wenn nicht, suchen wir den Benutzer natürlich anhand seiner ID und aktualisieren in diesem Fall die Bestellung. Das machen wir genau hier, und dann werden wir natürlich zur nächsten Seite rendern . Wir sagen, wenn die Adresse Null ist, also der Benutzer noch keine Adresse eingegeben hat, werden wir auf die Versandkarte rendern. Andernfalls werden wir gleich hier auf die Karte rendern. Nehmen wir nun an, wir sind bei der Versandkarte. Wenn ich zurück zur Versandkarte gehe und sehen wir mal, wir haben die Schaltfläche zum Abschicken und unser Formular ist eigentlich von Aktion bis Zahlung. Wenn ich jetzt zurückgehe und Zahlung eintippe, haben wir die beiden Methoden bereits erstellt. Die erste. Es ist die Postmethode, bei der die ID des Benutzers ermittelt und natürlich all diese Informationen aktualisiert und dann auf die Zahlungskarte übertragen werden. Wenn wir nun zur Zahlungskarte gehen, wie wir hier sehen können, können wir die Zahlungsmethode sehen , bei der es sich derzeit nur um Nachnahme handelt. Wir haben jedoch die Schaltfläche vom Typ Senden und unser Formular ist immer noch leer. Jetzt können wir dieses Formular aktualisieren und natürlich später an dieser Methode arbeiten. Also werde ich hier zum Beispiel eine Funktion erstellen , die card ist und die Methode wird immer post sein. Wenn ich jetzt zurückgehe, lassen Sie uns unsere Methode hier erstellen. Also App-Beitrag. Wir werden die Karte posten und wie gewohnt funktionieren, natürlich werden wir anhand der ID suchen und wir werden diese ID durchgeben. Also werden wir anhand dieser ID suchen und natürlich werden wir die Funktion öffnen Wenn wir also einen Fehler haben, werden wir ihn abmelden Andernfalls nehmen wir die Bestellungen vom Benutzer entgegen. Ich werde es Bestellungen nennen. Also Benutzerbestellungen, und ich nehme die erste Bestellung an, das ist die, die ich kürzlich hinzugefügt habe, und dann werden wir etwas tun. Was ich hier im Grunde mache, ist, dass wir unsere Liste haben, nehmen wir an, sie ist fertig und die MG DB lässt uns sie in der Datenbank sehen. Was wir also im Grunde tun, ist, dass wir den Benutzer haben, der etwas bestellt hat, und die Bestellungen stehen tatsächlich in einer Liste von Bestellungen. Nehmen wir an, ich habe heute bestellt. Ich habe heute eine Bestellung, und wenn ich morgen bestelle, habe ich eine ganz andere Bestellung , die sich von der heutigen unterscheidet. Sie sind jedoch beide in einer Liste von Bestellungen enthalten. Also, wenn wir das hier sehen können, lassen Sie uns die neueste öffnen, und das ist die M-to-Edge-Datenbank. Öffnen wir sie, da wir sehen können, dass wir die Benutzer haben. Im Moment haben wir zum Beispiel drei Benutzer und wir haben Bestellungen genau hier. Wie wir sehen können, wenn ich darauf drücke, habe ich vorerst keine Bestellungen für diesen ersten Benutzer. Wenn ich jetzt nach unten scrolle, können wir diesen sehen. Ich glaube, wir haben einige Bestellungen, okay. Wir haben also Bestellnummer Null, wir haben Bestellung Nummer eins und wir haben Bestellung Nummer zwei. Wie gesagt, das Erste, was wir bekommen werden, ist das Empfangene, was falsch ist. Wir haben es noch nicht aktualisiert. Der Checkout ist falsch. Dies ist die Bestellnummer, und wir haben die Artikel in dieser Bestellung. Wie wir in diesem Artikel sehen können, haben wir eine Reihe von Objekten. Das erste Objekt ist also eigentlich die Objekt-ID, das Bild, der Titel, der Preis und die Menge. Okay. Also so können wir sie bekommen. Was ich also im Grunde mache, ist, dass jedes Mal, wenn der Benutzer auf die Schaltfläche „Bestellung aufgeben“ drückt, er auf die Karte umgeleitet wird. Und in diesem Fall werden wir die letzte Bestellung anzeigen, die er erhält. Wenn er zum Beispiel drei Bestellungen wie 012 hat, zeigen wir die letzte an, das ist alles Das ist also die letzte , die der Benutzer bestellt hat. Und in diesem Fall werden wir das tun, indem einfach sagen, dass die Reihenfolge der Bestellungen bei Null ist. Nun werden wir noch einmal überprüfen, ob die Adresse nicht Null ist, nur um sicherzugehen, dass sie in diesem Fall nicht Null ist. Und wenn das der Fall ist, werden wir auf den Versand zurückkommen und die Anfrage wird wie gewohnt zusammen mit der Adresse gestellt. Das ist es also im Grunde. Nun, das ist nicht der Fall. Was wir tun werden, ist in die Bestelldatei zu rendern. Wie machen wir das? Wir rendern einfach die Bestellung und wir müssen die Parameter mitnehmen, die wir benötigen. In diesem Fall brauchen wir also die Anfrage, wir brauchen die Artikel, und das heißt, wir können immer vielleicht diesen Artikel nehmen oder auf diesen Artikel zugreifen , indem wir einfach diese Bestellung annehmen. Also diese Bestellung, wir haben den ersten Artikel oder es ist das erste Element in der Bestellliste. Und in diesem Fall hätten wir diese Reihenfolge oder vielleicht auch Benutzer sagen können, die Bestellungen bei null Artikeln. Also haben wir einfach alle genommen und sie nach draußen gestellt und wir können auf diese Artikel zugreifen, indem wir einfach Benutzer oder Artikel hinzufügen, und dann haben wir die tatsächliche Bestellung. Also nehme ich es so und die Bestellungen wie gewohnt an. Also das war's im Grunde jetzt hier, wir haben eine Funktion, also sind wir gut. Lassen Sie uns nun mit der Bestellung fortfahren. Wie wir sehen können, haben wir zuerst diesen Fortschrittsbalken, wenn wir dann nach unten scrollen, haben wir die Stadt und wir müssen all diese ändern und sie dynamisch machen. Wenn der Benutzer zum Beispiel auf „Bestellung aufgeben“ drückt, werden wir seine Adresse, die Stadt und Telefonnummer anzeigen , und natürlich werden wir diese Bestellungen hier ändern. Wenn Sie also Artikel haben, werden wir sie entsprechend den Artikeln ändern , die der Benutzer zuvor bestellt hat. Okay. Also das ist es im Grunde. Das sind wir, was wir tun werden. Und nachdem das gesagt ist, ist dies das Ende dieses Videos. Was wir vorerst getan haben, ist, dass wir einfach all diese Informationen genommen und hinzugefügt haben, also nehmen wir an. Mal sehen, ob ich hier ein paar Dinge hinzufüge. Und gehen wir zur nächsten Zahlung per Nachnahme über. Was wir hier also im Grunde machen , ist , dass wir alle Informationen hier anzeigen werden. Also werden wir es im nächsten Video weiter besprechen, das ist dein Projekt. Und hoffentlich haben Sie eine klare Vorstellung von Ihrer Aufgabe und davon , was Sie in diesem Projekt tun sollen. Ich hoffe, dir hat dieser Kurs gefallen. Ich hoffe, es war nützlich. Nachdem dies gesagt ist, ist dies das Ende dieses Videos. Wir sehen uns im nächsten. 16. Projekt: Hallo und willkommen zurück. In diesem Video werden wir das Projekt besprechen. Denken Sie also daran, dass wir im vorherigen Video all diese hinzugefügt oder diese Kartenfunktion gesperrt haben, die dafür verantwortlich ist, dass wir die Bestellung aufgeben müssen , wenn alles einwandfrei funktioniert. In diesem Fall nehmen wir die Anfrage, die Artikel, die der Benutzer bestellt hat, oder die tatsächliche Bestellung und die Bestellungen mit Artikel, die der Benutzer bestellt hat, . Jetzt ist es Ihre Aufgabe, diese Seite so aussehen zu lassen. Wie gesagt, wir haben alle Informationen erhalten, und im Moment werden die Bestellungen hier nicht angezeigt. Es werden Dummy-Variablen angezeigt , die wir gerade erstellt haben. Was Sie tun werden , ist, diese Bestellungen entgegenzunehmen und sie hier zu dieser Bestellung hinzuzufügen Zurück zum Code, wenn wir hier zur Bestellung aufgeben gehen, können wir sehen, dass wir hier können wir sehen, dass einige Dummy-Variablen platziert haben, und wir müssen diese in tatsächliche Variablen umwandeln Ihre Aufgabe besteht im Grunde darin, eine Faltschleife zu erstellen alle Artikel zu durchsuchen, die der Benutzer bestellt hat, und sie natürlich hier anzuzeigen und dann vielleicht die Summe dieser Artikel zu berechnen, hier den Artikel mit vielleicht seinem Preis anzuzeigen und dann die Summe genau hier anzuzeigen. Natürlich, wie gesagt, nehmen wir dass die kostenlose Lieferung bei Bestellung vielleicht weniger als 50$ kostet Sie möchten also die Summe dieser Bestellung berechnen. Wenn es weniger als 50 sind, schreibst du, dass die Lieferung kostenlos ist. Wenn es weniger als 50 sind, zahlst du natürlich vielleicht 10$ für die Lieferung, und wenn es mehr als 50 sind, schreibst du kostenlos. Im Moment ist das alles, und natürlich haben wir nur noch eine weitere Aufgabe , nämlich die Zahlungsmethode. Vielleicht kann ich natürlich jederzeit von dieser hinzugefügten Schaltfläche zurückgehen, und wenn ich als Nächstes hier drücke, werde ich natürlich zu dieser Zahlung überwiesen. Was wir hier also auch tun werden , ist, dass Sie zu dieser Seite gehen und dafür sorgen, dass diese Schaltfläche „Weiter“ nicht angezeigt wird, wie in diesem Beispiel hier. Wenn ich jetzt auf diese Option per Nachnahme drücke, kann ich jetzt auf diese Schaltfläche „Weiter“ zugreifen , um zur Seite „Bestellung aufgeben“ zu gelangen. Die erste Aufgabe besteht darin, einfach alle Informationen anzuzeigen, die wir von der App-Funktion oder der Post-Funktion erhalten haben, die wir zuvor erstellt haben, und sie auf dieser Seite anzuzeigen, z. B. die Bestellübersicht, die Bestellungen, und die zweite Aufgabe besteht natürlich darin, die Zahlungsfunktion hinzuzufügen, die darin besteht, die nächste Schaltfläche anzuzeigen, sobald wir auf die Zahlung per Nachnahme klicken. Die letzte Aufgabe Ihres Projekts besteht nun darin, diese Bearbeitung zu erstellen oder die hinzugefügte Funktion auszuführen. In diesem Fall werden wir jedes Mal, wenn wir auf diese hinzugefügte Funktion oder diese hinzugefügte Schaltfläche klicken, auf die Versandseite weitergeleitet. Dies ist eine einfache Aufgabe, die Sie mit ein paar Codezeilen erledigen können, und das war's für das gesamte Projekt. Wir haben alle Komponenten erstellt, die nützlich und für uns unerlässlich sind. Vor diesem Hintergrund ist dies das Ende dieses Videos. Vergiss nicht, dieses Projekt im Projektbereich zu hinterlassen, damit ich es mir ansehen und dir mein Feedback geben kann. Vor diesem Hintergrund ist dies dieses Video. Ich hoffe, dir hat dieser Kurs gefallen und ich kann es kaum erwarten, dich in weiteren Kursen zu sehen.