Blazor in 2020 - Teil 2 - Navigation

1. Einführung: Hallo und herzlich willkommen zu diesem niedrigen Abschluss. Dies wird eine Klasse zur Navigation in Blazer sein. Nun, das ist Teil von Siris Off-Blazer im Jahr 2020. Der erste Teil ist bereits auf DA da In diesem, wir behandeln Grundlagen in diesem. jedoch Wir werdenjedochden Navigationsaspekt von Blazer abdecken. Jetzt denken Sie vielleicht, dass es nicht viel über die Navigation zwischen den Seiten zu lernen gibt, aber es ist einfach nicht wahr. Es gibt ziemlich viel zu zeichnen, und es gibt einige ziemlich knifflige Teile, vor allem, allem, bevor wir irgendwohin gehen. Bisher haben wir im vorherigen Teil im Grunde an dem Index don trees gearbeitet, eine Seite in der Vorlage. Also in diesem Fall waren wir eigentlich aufgeräumt. Die Vorlage waren tolle Beispiele, die Sie nicht brauchen. Also werden wir das aufräumen und wir werden einige neue Seiten von dort zu etablieren wird mit den Grundlagen beginnen , etablierte einige Routen und dann Parameter tun einige navigieren, und dann werden Sie einige andere Dinge sehen, wie als Navigieren mit C scharf von C-Shop-Methoden und solchen Dingen. Nun, bevor das gesagt wurde, lasst uns in die Kloss springen 2. Berge die Vorlage: Hallo, Invest Vortrag. Sie erfahren, wie Sie Ihre Vorlagen bereinigen. Okay, Sie haben jetzt bemerkt, dass, sobald Sie ein neues Projekt grüßen, um diese nette kleine Vorlage zu bekommen , die handhabt, tatsächlich einige Dinge, die Sie nicht wirklich einmal sehen. Aber es enthält auch einige Robin Austin und nutzlose Beispiele. brauchst du nicht. Du brauchst die Navigation nicht, Mann. Sie brauchen definitiv keinen Zähler, eine Art Konto, eine Seite für Ihre realen Anwendungen. Und selbst für Ihre besseren, größeren Praxisprojekte brauchen sie das einfach nicht. Okay, also, wenn wir in die Lösung gehen Explorer rechte Haare. Okay, Sie können Blazer Amp One nur ein einfaches clientseitiges Projekt sehen. Nichts ausgefallenes, oder? Und dann haben wir in der w w Route, richtig? Hair, wir haben ein paar Sachen, okay? Und das ist im Grunde, wo alles beginnt. Also haben Sie Index dot html Dies ist das aus dem grundlegenden Einstiegspunkt, OK. Und in dieser App wird all dein Blazer-Zeug gerendert. , Denk daran,Jarvis, das hier ist ein entscheidender Teil für den Blazer. Es muss sein, dass man Materie nicht löschen kann. Sie sollten auch diese Fehlerbehandlung Sache lassen. Es wird Dienste für bei behandelten Fehlern nicht schaden. Und natürlich können Sie es auch ändern. Okay, danach natürlich AP. Dies ist, wo Ihre App sein wird, wenn Sie etwas JavaScript hinzufügen müssen, das Sie später in diesem Kurs erfahren , wie Teoh tatsächlich eine Herausforderung ausführt. Squirt Funktion aus dem C-Shop Sie werden es irgendwo einschließen, jedoch in den Kopf oder vielleicht unter der App sie je nach Anwendungsfall meiner speziellen Bibliothek oder was auch immer Sie sind einschließlich. Und für das CSS können Sie sehen, dass wir meinen Standard haben, einige Wissenschaft CSN einige Standard-CSS in Ordnung. Und offensichtlich ist Bootstrap Way Label. Also hier ist es, wo Sie alles einschließen. Okay, alles, was es wirklich nicht viel zu sehen und zu Haar gibt. Und wie Sie sehen können, gibt es wirklich nicht viel zu löschen. Eine Sache, die ich anfangs sagen werde, wenn Sie diese Ladung sehen, können Sie tatsächlich den Inhalt von einer Windel ersetzen. Wahrscheinlich würdest du etwas Geschenk machen wollen. Ah, ein Bild von einer Art von ihrer Lade-Symbol. Okay, Sir, gehen wir zum Lösungs-Explorer und lassen Sie uns sehen, was wir löschen können. Offensichtlich können wir löschen, siehe bewertetes Angebot. Aber ich werde die Wissenschaft hier verlassen sagt einfach Ihr CSS setzen. Und dann, es sei denn , Sie haben eine Art von einer anderen Struktur dafür. Beispieldaten können gehen. Also haben wir ausgewählt, dass klicken Sie rechts Haare löschen. Es erscheint die kleine Überprüfung für Beziehung rechte Hand und OK, wir meinen nicht, dass. Das ist also weg. Die W W Wurzel ist einsatzbereit. Es ist sauber, aber Sie haben nicht wirklich die Zehe zu löschen. So viel spielt es keine Rolle. Aber wenn Sie wollen, dass wir schön sauber ein Ground-Up-Projekt. Du solltest auch die Nacht löschen. Nun, ging auf Seiten, ich kam. Wir werden jetzt ein bisschen mehr löschen. Ah, dieser Zähler und gefütterte Schnatter muss gehen. Okay, rechte Hand. Es stößt auf und muss gehen. Es ist weg. Ok. Jetzt werden Sie für die Layouts für die Layouts sehen, wie Sie sie verwenden. - Duh. Ich würde jetzt sagen, Menü-Umfrage Eingabeaufforderung Muss einfach so gehen. Okay, also wenn sie weg sind, geht es jetzt wirklich darum, einen Mantel aufzuräumen. Also, wenn wir das Ende ermahnen Rasiermesser genau hier. Ok, am Ende, jubeln Reza, wir können es löschen. Ok. Und wenn Sie nicht mögen, dass Ihre Haupt-Anfangsseite aufgerufen wird, um Rasierer zu erhöhen, kann eine neue Datei erstellen , solange es mit Route seiner grundlegenden anfänglichen Route hat. Sie werden schnell genug sehen, wie die Routen funktionieren. Okay, so ist es, wie Sie es jetzt für das Hauptlayoutformular einrichten, das ein lautes ein bisschen mehr Löschen hat, wie wir die vorherige Datei verwendet haben. Später erfahren Sie, wie es verwendet wurde. Es spielt keine Rolle im Moment ist einfach löschen. Okay, Sie haben die Leiche rechte Hand der Körper so über dem Körper. Mahadev, du ziehst es auf die Müllkippe, genau hier. Sie sehen die Auswahl hinter beleuchteten Teil und klicken Sie auf die Rücktaste oder Löschen ist weg. brauchst du nicht als das Div unten. Und dann die Seitenleiste, Kloss. Das war's. Wir sind jetzt gut zu gehen. Wenn ich dies starte, wenn ich starte, wird es in einer Sekunde auf Chrome gestartet. Sie werden alles sehr schön und sauber und völlig leer sehen. So ist es, wie man es aufräumt. Sie starten von der WWD Route. Wenn du das wirklich brauchst. Und dann gehen Sie durch Seiten, löschen Sie die Dateien, löschen Sie die Dateien aus dem Schuppen, rechts, und dann löschen Sie das kleine Stück Code. Und wie Sie sehen können, haben wir wirklich keine Haare mehr. Und bevor das gesagt wird, werden wir diesen Vortrag abschließen. 3. Grundlagen der Navigation: Hallo In diesem Vortrag wird anfangen, über die Navigation zu lernen und mit wird nur eine sehr einfache Einführung in sie sein. Später werden wir in die Vorlagen kommen. Wir kommen in die Barometer und so was. Aber für den Anfang müssen wir herausfinden, wie wir eine neue Seite hinzufügen, okay? Und wie man von einer Seite zur anderen navigiert. Nun, das Ganze in Bezug auf die Navigation beginnt tatsächlich bei der App Dot Rasierer. Okay, beim Ab Dot Rasierer, so finden Sie den Router und all das andere Zeug. Mad kümmert sich um die Navigation. Mit traurigen Matt entführen Rasierer sollte wie es ISS bleiben. Wir werden später einen Blick darauf werfen, wenn es darum geht, erlaubt. Aber abgesehen davon sollte es nur standardmäßig als Standard bleiben. Okay, du solltest dich überhaupt nicht damit anlegen. Jetzt kommen wir zu einigen Seiten. Okay, Also im Lösungs-Explorer im Lösungs-Explorer genau hier haben wir ah Seiten leisten eine Es ist jetzt eine bereinigte Vorlage. Ok? - Nichts. Messi, nichts dergleichen. Wir haben einige Seiten, und wie Sie sehen können, haben wir die normalen Enden. Aber dann haben wir auch eine zweite 1 genannt zweite Seite, zweite Seite nicht erhöhen ist so eine Seite ist ein Rasiermesser Datei, und die Strahlen des Feuers ist auch eine Komponente, die wir im nächsten Abschnitt abdecken werden. Nun, wenn ich mit der rechten Maustaste auf die Seiten Forwarder oder Henry Ford wurden gewarnt, meine Seite zu sein, werde ich zu Anzeige gehen OK, unser Klick neues Element. Und dann wird dieser ganze Dialog ein Paar, richtig? Und dann muss ich eine Rasierkomponente finden. Ein Fall? Es ist eine Rasierkomponente. Das ist die Seite. So finden Sie, dass Sie es benennen, je nachdem, wo Sie wollen, sagt es Komponente. Aber es ist eine Seite und eine Komponente. Eine Rasierfeile. Okay, also dieser mit einem kleinen Blazer-Logo, das Rasiermesser Komponente ist und das ist Ihre Seitendatei. Also geben Sie Ihren Namen ein, klicken Sie auf OK oder vielmehr in diesem Fall hinzufügen und Sie haben es jetzt. Wir haben bereits einen Anwalt. Sieh dir die Navigation an. Wenn wir auf die eigentliche zweite Seite gehen, hat es eine Route. Okay, du siehst oben, wir haben diese Seitendirektive. Jetzt können Sie mit der Seitendirektive dieser Seite herumgeben. Okay, also haben Sie Ihre ganze Website und dann haben Sie diese Runden zu bestimmten Seiten. Wenn Sie in diesem Fall eine zweite Seite navigieren, gelangen Sie zur zweiten Seite. Jetzt können Sie tatsächlich mehrere Routen haben. Du kannst sie haben. Also, im Index Punkt Razor, was ich getan habe, ist, dass ich eine andere Route hinzugefügt habe. Siehst du, wir haben das Fort standardmäßig gewonnen. Es wird immer auf diese leere Standardroute gehen. Okay, aber du wirst noch einen hinzufügen. Muss sein. Dies wird nützlicher sein, wenn es um Parameter geht. Oh, der Fall von schlechtem Boobie ist wirklich für den Moment, eine einfache Runde. Es ist nicht wirklich nützlich. Sie werden es wahrscheinlich nicht verwenden, aber es ist gut zu wissen, dass diese Option existiert. So können wir entweder zum Index dot rasor navigieren, indem wir nur eine leere Domain navigieren. Sie sind in Ordnung, oder wir können die beste Route hinzufügen. Jetzt die Art, wie Sie navigieren. Ah, ein einfacher Weg ist zumindest durch ein A. Okay, ein Element ein Tag im HTML, Sie setzen das h rau. Wir haben nicht Ihre Zeile ohne Domain, nein, nichts dergleichen. Und Sie setzen einfach in Ihre Route und es wird navigieren, wo Sie es brauchen, um zu navigieren, oder? Werfen wir einen Blick darauf, wie es funktioniert. So einfach. Läuft schon auf Chrome, richtig? Und wir können auf die zweite Seite gehen. Sehen Sie, wir sind jetzt auf der zweiten Seite und wir können zurück zum Index gehen. Er ist einfach so. Sie können auch hin und her gehen. Siehst du, es funktioniert alles ganz perfekt. Es ist ein behandelt vier Jahr für die meisten Teile von ist wirklich nichts zu befürchten. Und so funktioniert die grundlegende Navigation. Und damit werden wir diesen Vortrag abschließen. 4. Parameter: Hallo in dieser Vorlesung, um zu lernen, wie man Barometer auf einer Seite verwendet. Nun, das ist eigentlich ziemlich einfach zu machen und auch ganz einfach, in gewisser Weise, zumindest in einer Weise, in einer Option. Eso zum Beispiel. In diesem Fall haben wir ein paar Seiten die üblichen IND ermahnen Rasierer und dann die übliche zweite Seite. Okay, zweiter Patientenrasierer. Das ist eine Geldstrafe. Beginnen wir nun mit dem Index Dot Razor, und dies ist ein Soffa Blazer für die Möglichkeit, diese Parameter tatsächlich abzurufen. Also, wie Sie in diesem Fall sehen können, die U. wäre die U. R l nicht ein mit diesem Fragezeichen. Und dann haben Sie den Namen aus einem Barometer eines Schlüssels für den Parameter. Und dann hast du das kaufmännische Und-Zeichen und all das andere Zeug. Das hast du nicht. Er listet sie einfach als normale Route auf. OK, also haben Sie vielleicht eine längere Zeit, sehen Sie, Test so zu sagen. Okay, und dann wäre das dein Weg zu dieser Seite. Sprengen Sie die Barometer. Nun, eine Sache zu beachten, eine Sache ist nicht zu beachten, wenn Sie nicht mit den Parametern übereinstimmen, wird die Navigation fehlschlagen. Und hier ist es sehr nützlich, mehrere Runden zu haben. Okay, es ist sehr nützlich, denn in diesem Fall, wenn ich überhaupt keine Parameter bereitstelle, wird es einfach wieder auf diese Route zurückgreifen. Es wird immer noch diese Seite öffnen. Eigentlich habe ich nicht auf Chrome laufen. Okay, also habe ich gerade die erste Rede geöffnet. Und wie Sie sehen können, sind wir auf Indexsprache und wir sehen keine Parameter. Aber wir haben alles geöffnet. Es ist nicht abgestürzt oder so etwas. Also gehen wir zurück zum Kurden und werfen wir einen Blick jetzt, um die Parameter einen Fall zu setzen. Sie müssen also diese Parameterattribute für Variablen in Eigenschaften haben. Sie müssen eine Eigenschaft im Codeabschnitt erstellen. Jetzt tun Sie den Weg, den Sie öffentlich machen. Okay, das ist entscheidend. Du musst es haben. Uns öffentlich. Andernfalls funktioniert es nicht als Parameter. Du musst es haben. Uns öffentlich. Also tun Sie öffentlich als der Typ. Es könnte irgendeine Art von Klasse sein, egal was es ISS ist. Offensichtlich in diesem Fall nur eine Zeichenfolge haben, können Sie in diesem Fall nur eine Zeichenfolge haben,weil Sie eine Zeichenfolge für mich oder sonst passieren. Sobald wir zu den Komponenten gekommen sind, wird es eine andere Geschichte sein. Aber für die Euros tun Sie String. Es muss also eine öffentliche Zeichenfolge sein als der Name, Natürlich. Und dann musst du haben, dass du diese Dinge hast, die du tust, gesetzt wirst. Sonst nichts. Mets es. Sie können tatsächlich etwas zuweisen. Teoh Eso für den vierten Valuev braucht das? Also machst du es einfach so. Okay, Dies wäre Ihr Standardwert, wenn Sie das brauchen. Aber in diesem Fall würden wir es nicht tun. Also tun Sie öffentlich als String, dann Peron eins. Und dann werden diese eingestellt. Nun, natürlich, Einer der entscheidenderen Teile ist das Barometer. Aber alle von ihnen eine entscheidende Also begann im Grunde ein Attributbarometer als öffentlich und dann eingestellt werden. Okay, also tun Sie das für jeden Parameter, den Sie brauchen. Nun, die Art, wie es von der Route zu dieser Variable zu dieser Eigenschaft geht, ist, dass Sie die Namen, die Sie sehen, übereinstimmen, wir haben Haram ein rechtes Haar. Und dann haben wir Beram eine Fahrt. Hera geht es gut, und sie sind in diesen geschweiften Klammern. Also, wenn es ein Parameter ist, wenn es nicht nur Teil einer Route ist, fügen Sie es in Cali Klammern und Sie passen mit Wort mit einem Stück Text mit dem Namen für Ihre Variable wurden für Ihre Eigenschaft benannt. Das ist sehr wichtig. Und das ist, wie es jetzt in diesem H ref passiert, können Sie sehen, dass wir ein Selbst um die zweite Basis davon haben, geht tatsächlich auf die zweite Seite . Und dann haben wir einen konventionelleren Ausweg, tatsächlich vorbei an frivolen Barometern. Wir haben ein Fragezeichen. Wir haben Parham. Einer ist gleich, Sie sehen, das kommt von siehe Shop. Das ist das Barometer, richtig? Wir nehmen das hier und nicht eins. Die erste Angebotsrolle wird also nichts auf beiden Seiten haben. Richtig? Und dann navigieren wir zum zweiten Peking alle auf der zweiten Seite selbst. Es ist etwas komplexer, okay? Aber es ist sehr nützlich, wenn Sie beide konventionellen Routen verwenden möchten. Und wieder hängt es von Ihrer Präferenz ab. Hängt von Ihrer Struktur ab. Wo waren Sie brauchen das, oder Sie brauchen das. Offensichtlich ist der erste Weg viel schneller. Dieser ist ein bisschen komplexer Jetzt können Sie sehen, was wir haben. Der Navigations-Manager wurde aufgerufen. Okay, wir haben Navigationsmanager. Wir nennen es jetzt. Manager. Richtig. Und wir haben auch mit System dot Web toe. Grundsätzlich haben wir variable eine Variable zwei Erhebungen, RV-Parameter. Wir verwenden unsere Abfragevariablen richtig, die wir zur Verfügung stellen und wir anzeigen. Aber in der get-Parameter-Methode ist, wo unsere Sorge gelöst beginnt. Okay, s Also hier wollen wir damit arbeiten. Andi, wie Sie sehen können, Wie Sie sehen können, wir haben Barometer-Methode und dann haben wir Ah a b u r i Also das ist V ist absolut Ihr I Ok. Und wir erstellen eine neue Sie Arai ist er eine neue Ihr Auge von Navigation Manager-Eigenschaft erstellen würde . Du hast recht. Das ist also das, was du ankommst. Sie sind gut auf der Seite, die Sie gerade sitzen und offensichtlich enthält Ihre Abfragezeichenfolge. Nun, um die tatsächlichen Barometer zu bekommen, müssen wir http Utility verwenden, das von System dot Web kommt und in dem wir die Methode Bar Square E String verwenden. OK, wir verwenden in einer Methode Bars Abfragezeichenfolge rechte Hand. Wir bieten die Abfrage, als es unsere Parameter zurückgibt. Parameter abfragen, richtig? Sehr, sehr beides. Und dann von dort durch den Schlüssel an den Schlüsselwertschlüsseln können wir auf sie zugreifen und sie anzeigen. Wenn wir nun einen Blick darauf werfen, wie alles funktioniert, wie alles zusammenkommt, haben wir alles im Chrom laufen. Also, wenn ich auf die zweite Seite navigiere, können Sie sehen, dass wir leere Parameter hatten. Das wäre also irgendwie langweilig, oder? Lassen Sie uns etwas sagen Test einfügen. Das ist auch. Wir navigieren wieder. Okay, jetzt müssen wir sie holen, und wir bekommen sie testen und testen zwei. Und jetzt wieder kann ich mich so nennen. Kopieren Sie das. So wie das. Ok. Und dann gehen Sie zum Index. Sie werden sehen, dass es nicht so funktioniert. Es wird nicht so funktionieren, um zu sehen. Es ist nur ein leeres. Also ist es irgendwie zu diesem ursprünglichen Zustand zusammengebrochen. Jetzt kann ich die Dinge entfernen, wo ich das mag, und es auf eine Blazer ful-Art der Art und Weise tun . Ich kann nicht. Wir gehen auf den Index und es wird mit seinen Bienen aus Blazer voll Weg weg es angezeigt. Also, wie Sie sehen können, gab es alle diese Parameter sind offensichtlich sehr nützlich. Und so greifen Sie auf sie zu. Und damit werden wir diesen Vortrag abschließen 5. Layouts: Hallo. In dieser Vorlesung erfahren Sie, wie Sie Layouts verwenden. Jetzt sind Layouts ziemlich wichtig und vielleicht nützlich. Okay, du verwendest immer ein Layout. Sie verwenden die Haupt-Layout-Zehe im Laufe der Zeit. Immer. Aber es sind fantastische Fälle, in denen Sie möglicherweise zusätzliche Ebenen, verschiedene Layouts haben Ebenen, zusätzliche Ebenen, müssen. Sagen zum Beispiel für Ihre ersten Seiten wie Anmelderegistrierung und solche Sachen. Vielleicht möchten Sie eine andere Laute für diese Seiten haben. Und deshalb ist diese Art von Vielfalt an Layouts gut. Also haben wir ein paar von ihm. Eigentlich, wenn wir zu einer Lösung Explorer in diesem Beispiel gehen, können Sie sehen, dass wir in der gemeinsamen haben wir Haupt-Layout und dann zweites Layout. Ich habe hinzugefügt. Jetzt ist dieses Layout nur eine einfache Rasierdatei, nur eine einfache Datei, die sie für eine Seite der gleichen Sache verwenden würde. OK, und wir haben gemein Layout und das zweite oder nicht. Werfen wir einen Blick auf sie einen Fall. Das ist also der wichtigste. Und wie Sie sehen können, habe ich ein paar Dips. Ich habe ein paar Jahrzehnte. Wir haben eine kleine Grenze los auf der 1. 1 und es sagt, dass dies bleibt Layout. Nun, in der zweiten, wenn wir den Körper anzeigen, das ist die aktuelle Seite eines Pagers, zu dem Sie navigiert haben. Okay, das ist also die Hauptfigur. Nun, das zweite Layout, das zweite Lout. Es ist alles ganz ähnlich. In der Tat, das gleiche. Fast der einzige Unterschied ist wichtig. Sagt, das ist der zweite laut. Also sehen wir den Unterschied. Sie werden sehen, dass es tatsächlich navigiert . Okay, jetzt schauen wir uns an, wo alles beginnt. Wenn wir zurück zu Lösungsexperten breiten Haaren wie das gehen, können Sie in der entführten Rasiermesser im Entführerrasierer sehen. Okay, wir gehen da rein. Hier fängt das Ganze an. weißt du schon. Aber wir haben, ah, zwei dieser Komponenten. Wir haben ein K gefunden und dann haben wir nicht gefunden. Wenn also aus irgendeinem Grund die Navigation fehlschlägt, wird der Euro nicht gefunden. Die Rundung ist auf keiner Seite vorhanden. Es wird diese ganze Sache zeigen. Jetzt wird es im Hauptlayout tun. Ok. Und hier deklarieren Sie es. Wenn Sie also möchten, dass Ihre Fehlerseite eine andere Ebene als andere Seiten hat, was Sie normalerweise haben möchten. Okay, Sie würden im Grunde Ihr Layout einfügen, um das Layout zu entscheiden, wo immer. Ah, im Grunde rechtes Haar. Okay, wenn du also eine Sekunde laut brauchst, würdest du zweiter laut machen. Nun, diese Fehlermeldung der Art würde in der zweiten laut angezeigt werden, die wir verlassen das Haupt in diesem Fall wird sich das ansehen. Aber für einen Gründer, dies ist, wenn die Seiten gefunden und angezeigt von dort. Richtig? Wir haben einen Blick auf die Route, okay? Und dann haben wir Daten herum. werden wir nicht hineinkommen. Aber dann haben wir Standard laut, und das ist Ihre Standardeinstellung laut. Hier deklarieren Sie mit dem Fort laut, das standardmäßig verwendet wird. Ok. Und in diesem Fall haben wir mich laut. In der Tat haben Sie es standardmäßig im Laufe der Zeit, und ich habe vorgeschlagen, sich an dieses Hauptlayout zu halten. Es sei denn, Sie haben natürlich noch mehr Möglichkeiten. Vielleicht fortgeschrittenere Anordnung in Bezug auf ein Layout. Ok. Also bleiben Sie normalerweise einfach so am Hauptlayout. Jetzt können Sie es auch in bestimmten Seiten angeben. Okay, also haben wir zweites laut und wir haben die zweite Komponente. Zweite Komponente. Okay, das ist die Seite, richtig? Zweite Seite, zweite Komponente. Es spielt keine Rolle, wie wir es nennen. Es werden Sie Video verwenden vorhersagen, das Hauptlayout, weil es nirgendwo deklariert ist. Nun, in der 3. 1 haben wir jedoch eine deklarierte. Wir erklären die zweite laut und um es zu erklären, dass Sie bei lauter Direktive verwenden und Sie erklären, dass die Datei angehoben wurde, die Ihre laute, Ihre zweite furred sekundär ist , wie Sie es nennen wollen, Also Sie deklarieren. Und für diese spezielle Seite sehen Sie zweite Lout. Ok. Sie werden es nicht in der vor allem aus sehen. Sie werden es in der 2. 1 sehen Dies ist eigentlich ziemlich einfach zu tun. Und das ist im Grunde das Einzige, an das man sich wirklich erinnern muss. Wenn wir jetzt zum Crume gehen, sehen Sie, wie es funktioniert? Ich bin gekommen. Sehen Sie, wir haben das Haupt laut und wir haben das zweite Div zu Sekunde. Wir gehen zum Zweiten. Es ist Silber. Hauptsächlich Odyssee. Das ist ein Essen draußen, richtig? Wie üblich, wie immer. Aber dann, wenn wir zu Essen gehen, okay, okay, Fußkomponente, sehen wir Beförderung. Das Gleiche, was Barta in der Tat tut, sagen wir, das ist der zweite laut und wir sind an einem aufgeschobenen Strand wegen Dürre, richtig? Wenn wir zurück gehen, ist dies die Haupt laut und wir sind auf der zweiten. Also wieder, das ist ganz einfach. Sie sind grundsätzlich freie Orte, an denen Sie das auf dieser fehlgeschlagenen Navigation auf der Standard- und dann auf jeder bestimmten Seite ändern können . Und damit werden wir diesen Vortrag abschließen. 6. Lebenszyklus Ereignisse: Hallo. In dieser Vorlesung wird einen Blick auf etwas namens Lebenszyklusereignisse. So treten diese Fortschritte auf den Lebenszyklen, verschiedene Zyklen aus, Leben für die Seite. Okay, das ist für die Seite. Oder mit anderen Worten, für die Punkt-Rasierblume. Es wird auch für die Komponenten gelten, wenn wir zu ihnen ein k bekommen Also für eine Seite aus oder Komponente, im Grunde wird es initiiert, und dann wird es gerendert. So werden ein paar verschiedene Ereignisse auftreten Do während dieses ganzen Zyklus off Ereignisse. Okay, also schauen wir uns sie jetzt an. Zuallerersthaben wir, haben wir, ah, einen Code auf initialisiert. Ein Waschbecken, richtig. Das ist der erste. Sobald der Pager im Grunde für das Rendern dieses Ereignis initialisiert wird und was wir hier tun, haben wir eine kleine Zeichenfolge. Wir zeigen es an und wir fügen divest string, anderes Ereignis, wenn es auftritt, oder? Sie werden also im Grunde sehen, was Sie nicht zuerst aufgetreten waren, auf dem man verloren ging. Also haben wir ah, auf initialisiert. Richtig? Und das ist es, was du tust. Führen Sie geschützte Überschreibung beim Initialisieren durch. Und du musst dich nicht erinnern. Hier zeigen Sie Ihren kleinen Trick. Was Sie in Visual Studio tun können. Nun, wenn ich schreibe, geschützt, geschützt, und dann schreibe ich Override, bekomme ich diese Vorschläge. Offensichtlich in diesem Fall habe ich in diesem Fallbereits einen nach dem Rendern, der so sagt. Ich würde das nicht sehen, wenn anfängliche Austern denken, dass ich es nicht so gut sehen würde. Aber Sie sehen alle von ihnen, alle von ihnen, die verfügbar sind. Okay, das ist also ein ziemlich beliebiger Trick, der Ihnen ein bisschen Zeit und Zeit beim Betrachten einer anderen Referenzen erspart . Jetzt können Sie sehen, dass wir auf anfängliche Lenden sinken müssen. Dieser kommt zuerst vor, und Sie werden das ganz klar sehen. Dann haben wir die 2. 1 ist eigentlich auf Perama, um eine Spüle zu setzen. Wenn also ein Parameter gesetzt ist, wird dieser auftreten. Nun, das ist nicht sehr nützlich auf Seiten. Dies ist für Sie in Komponenten nützlicher, da Sie die Parameter in Komponenten auch nach dem Rendern dieser Komponente ändern können . Okay, also für Seiten wieder, Deal von Ihren Barometern im Grunde auf Initialisierung der Spüle, es wird keinen Ärger verursachen. Richtig? Und, äh, für nach dem Render-Senken an sein. Und jetzt kann dies nützlich sein, wenn Sie Javascript haben, einige Javascript-Bibliotheken, die Sie Ihre Interaktion verwenden, wenn Sie später im Kurs lernen, wie Sie das tun . Dies kann jedoch nützlich sein, weil es auftritt, sobald die Seite auf einmal gerendert wurde. Alle Elemente ah sind ein Fall angezeigt, dass Sie sie bereits haben. Sie haben die Ideen und alles, was benötigt werden kann, wenn ein Javascript-funktionales etwas initialisiert wird. Aber es gibt ein bisschen einen kniffligen Teil darin, dass Sie dieses erste Rendering haben und zuerst Renda ist im Grunde, wenn die Seiten geöffnet wurden oder wenn Komponente die erste geöffnet ist. Wenn es aus irgendeinem Grund wieder rendert, wird dies Kraft sein. Es wird also keine erste Runde mehr sein. Und wir, wie Sie sehen können, fügen Sie nach Randy hinzu, um eine Zeichenfolge anzuzeigen. Aber wir haben auch einige große alte Zustand hat sich geändert. Und jetzt ist das eine Methode. Und was das tut es im Grunde hintere Enders es hintere Ende uns diese Seite. Es macht diese Komponente wieder. Also sehen Sie, wir brauchen dies Es wird tatsächlich nach dem Rendern angezeigt. Aber wir können das nicht außerhalb des ersten Runden tun, weil Sie sehen, was passieren wird , ist es der ganzen Zeichenfolge antworten wird, oder? Und dann wird es wieder Rendah und dann sichtbar auftreten wieder auf nach rendern Sache Und dann wieder und wieder und wieder und wieder und es wird scheitern, es wird abstürzen. Deshalb machen wir das erst auf den ersten. Rendah Onda Uh, wir würden einen Blick auf natürliche ein wenig später nehmen wir einen Blick auf einige Hintergrund geworfen mit ist, wofür es nützlich ist. Aber nun schauen wir uns die Crume an, die ich sehen kann, die Chrom rechte Hand haben wir Ah, Sie sehen auf initialisiert, wenn wir auf Parameter und schließlich nach dem Rendern so funktioniert es Dienste ein guter Platz als Referenz. Und erinnerst du dich an diesen kleinen Trick und du wirst in Ordnung sein und Riffat werden wir diesen Vortragabschließen Vortrag