1 00:00:01,180 --> 00:00:02,070 ‫Kursleiter: In 2 00:00:02,070 --> 00:00:04,620 ‫diesem Video werden wir die Benutzerkontoseite hauptsächlich 3 00:00:04,620 --> 00:00:07,270 ‫mit Konzepten erstellen, die wir bereits kennen 4 00:00:07,270 --> 00:00:08,823 ‫und bereits verwendet haben. 5 00:00:10,560 --> 00:00:12,470 ‫Und lasst uns zunächst einen 6 00:00:12,470 --> 00:00:15,340 ‫Blick darauf werfen, was ich eigentlich mit der Benutzerkontoseite 7 00:00:15,340 --> 00:00:20,230 ‫auf unserer Referenzwebsite, also hier auf natours, meine. dev. 8 00:00:20,230 --> 00:00:22,920 ‫Wir haben dieses Menü bereits hier auf 9 00:00:22,920 --> 00:00:24,210 ‫unserer Website 10 00:00:24,210 --> 00:00:27,430 ‫gerendert, aber wenn wir dann auf diesen Benutzer 11 00:00:27,430 --> 00:00:30,210 ‫klicken, erhalten wir Zugriff auf die Benutzerkontoseite. 12 00:00:30,210 --> 00:00:33,349 ‫Und so können wir hier einige Grundeinstellungen ändern, 13 00:00:33,349 --> 00:00:35,807 ‫auch ein neues Foto hochladen, aber 14 00:00:35,807 --> 00:00:37,540 ‫dieses machen wir eigentlich 15 00:00:37,540 --> 00:00:39,013 ‫im nächsten 16 00:00:40,043 --> 00:00:44,690 ‫Abschnitt, und der Benutzer kann auch sein Passwort auf dieser Seite aktualisieren. 17 00:00:44,690 --> 00:00:47,590 ‫Dann gibt es auf der linken Seite einige 18 00:00:47,590 --> 00:00:49,740 ‫Menüpunkte, die wir nicht wirklich 19 00:00:49,740 --> 00:00:52,120 ‫implementieren werden, also implementieren wir nur 20 00:00:52,120 --> 00:00:55,027 ‫das Menü, aber nicht wirklich die Seiten, auf 21 00:00:55,027 --> 00:00:57,840 ‫die sie verweisen, und wenn der Benutzer ein 22 00:00:57,840 --> 00:01:00,690 ‫Administrator ist, rendern wir auch diesen Teil Hier. 23 00:01:00,690 --> 00:01:04,380 ‫Okay, das bauen wir in dieser Vorlesung auf, und in den 24 00:01:04,380 --> 00:01:06,440 ‫nächsten Vorlesungen werden wir uns 25 00:01:06,440 --> 00:01:09,440 ‫dann tatsächlich darum kümmern, die Einstellungen wirklich zu aktualisieren. 26 00:01:09,440 --> 00:01:13,113 ‫Im Grunde also, damit diese Schaltflächen hier funktionieren. 27 00:01:14,227 --> 00:01:15,060 ‫Gut? 28 00:01:15,060 --> 00:01:17,620 ‫Aber im Moment rendert es nur diese Seite hier 29 00:01:17,620 --> 00:01:19,443 ‫auf dieser . mir-URL. 30 00:01:21,370 --> 00:01:22,610 ‫Okay? 31 00:01:22,610 --> 00:01:25,343 ‫Beginnen wir also mit der Mops-Vorlage. 32 00:01:26,250 --> 00:01:28,080 ‫Alles klar, und so 33 00:01:28,080 --> 00:01:30,873 ‫habe ich wie immer dieses AccountTemplate hier. 34 00:01:32,050 --> 00:01:34,453 ‫Also nehmen wir das, kopieren es und 35 00:01:37,810 --> 00:01:40,253 ‫erstellen dann hier unten eine neue Ansicht, 36 00:01:42,730 --> 00:01:44,360 ‫die ich Konto nenne. 37 00:01:44,360 --> 00:01:46,810 ‫Und jetzt wollen wir 38 00:01:51,281 --> 00:01:56,270 ‫die Basis erweitern und wie immer einen Block namens content erstellen. 39 00:01:56,270 --> 00:01:59,863 ‫Und hier fügen wir dann tatsächlich unseren Inhalt ein. 40 00:02:00,740 --> 00:02:02,010 ‫Gut? 41 00:02:02,010 --> 00:02:04,000 ‫Jetzt müssen wir all 42 00:02:05,850 --> 00:02:09,803 ‫dies einrücken, um es innerhalb des Blocks zu schaffen. 43 00:02:10,640 --> 00:02:15,640 ‫Großartig, hier haben wir zuerst unsere Navigation, oder? 44 00:02:15,670 --> 00:02:18,540 ‫Also Einstellungen, Buchungen, Bewertungen und Abrechnungen, die wir 45 00:02:18,540 --> 00:02:21,020 ‫dort auf der linken Seite der 46 00:02:21,020 --> 00:02:25,430 ‫Seite gesehen haben, und dann haben wir auch noch die Admin-Navigation, oder? 47 00:02:25,430 --> 00:02:28,590 ‫Und sie sehen hier bereits viel doppelten Code. 48 00:02:28,590 --> 00:02:31,770 ‫Im Grunde genommen erscheinen diese 49 00:02:31,770 --> 00:02:34,950 ‫Listenelementelemente hier tatsächlich achtmal. 50 00:02:34,950 --> 00:02:38,970 ‫Also viermal hier oben und viermal hier unten, also lasst uns 51 00:02:38,970 --> 00:02:41,730 ‫ganz schnell ein Mixin für sie erstellen, damit 52 00:02:41,730 --> 00:02:44,330 ‫unser Code ein bisschen sauberer aussieht. 53 00:02:44,330 --> 00:02:46,310 ‫In Ordnung, also werde ich 54 00:02:46,310 --> 00:02:48,610 ‫weitermachen und tatsächlich eine davon kopieren. 55 00:02:48,610 --> 00:02:52,953 ‫Und dann erstellen Sie ein neues Mixin namens navItem. 56 00:02:55,600 --> 00:02:57,480 ‫Okay, das haben wir schon mal gemacht. 57 00:02:57,480 --> 00:02:59,120 ‫Das ist also sehr ähnlich. 58 00:02:59,120 --> 00:03:01,500 ‫Was müssen wir also in 59 00:03:01,500 --> 00:03:05,100 ‫dieses Mixin eingeben, um jedes dieser Elemente im Grunde anzupassen? 60 00:03:05,100 --> 00:03:07,773 ‫Nun, was sich ändern wird, ist der Link. 61 00:03:08,960 --> 00:03:13,960 ‫Auch der Text, also Einstellungen, Buchungen usw. 62 00:03:14,790 --> 00:03:16,360 ‫Das ist also Text. 63 00:03:16,360 --> 00:03:19,240 ‫Dann wird sich auch das Symbol 64 00:03:19,240 --> 00:03:21,980 ‫ändern, und endlich sehen Sie, 65 00:03:21,980 --> 00:03:25,690 ‫dass dieses erste hier die Side-Nav-Active-Klasse hat, oder? 66 00:03:25,690 --> 00:03:30,530 ‫Und so werden wir auch hier im Grunde einen Aktiven spezifizieren. 67 00:03:30,530 --> 00:03:33,110 ‫Und wenn wir dann ein Element als aktiv 68 00:03:33,110 --> 00:03:35,390 ‫markieren möchten, gehen wir einfach hier durch. 69 00:03:35,390 --> 00:03:36,762 ‫Okay? 70 00:03:36,762 --> 00:03:39,573 ‫Jetzt müssen wir die Einrückung hier korrigieren. 71 00:03:47,530 --> 00:03:49,123 ‫Und dann geben Sie unsere Daten ein. 72 00:03:54,930 --> 00:03:56,363 ‫Als nächstes kommt der Text. 73 00:03:59,900 --> 00:04:01,900 ‫Das ist an dieser 74 00:04:01,900 --> 00:04:06,607 ‫Stelle natürlich nichts Neues, also mache ich es hier ziemlich schnell, oder? 75 00:04:07,910 --> 00:04:12,000 ‫Also icon und dann der Name des Icons, das wir übergeben. 76 00:04:12,000 --> 00:04:13,860 ‫Also genau wie wir es zuvor getan 77 00:04:13,860 --> 00:04:15,640 ‫haben, und dann wird dieses 78 00:04:15,640 --> 00:04:18,220 ‫aktive hier, denk daran, entweder wahr oder falsch sein. 79 00:04:18,220 --> 00:04:21,840 ‫Und wenn es wahr ist, möchten wir diese Klasse hinzufügen. 80 00:04:21,840 --> 00:04:22,753 ‫Also kopieren wir es. 81 00:04:23,950 --> 00:04:27,063 ‫Und dann legen wir hier das Klassenattribut fest. 82 00:04:29,820 --> 00:04:31,470 ‫Und dann, genau wie 83 00:04:31,470 --> 00:04:33,910 ‫wir, machen wir hier eine Dreherei-Erklärung. 84 00:04:33,910 --> 00:04:38,480 ‫Wenn wir also im Grunde aktiv sind, dann 85 00:04:38,480 --> 00:04:42,003 ‫wollen wir hier Side-Nav-aktiv haben. 86 00:04:43,010 --> 00:04:45,490 ‫Und wenn nicht, dann wollen wir nichts. 87 00:04:45,490 --> 00:04:47,243 ‫Also im Grunde ein leerer Klassenname. 88 00:04:49,030 --> 00:04:49,980 ‫Gut. 89 00:04:49,980 --> 00:04:53,800 ‫Und so können wir dies jetzt durch unser Mixin ersetzen. 90 00:04:53,800 --> 00:04:57,270 ‫Das heißt also navItem, und denken Sie daran, 91 00:04:57,270 --> 00:05:00,180 ‫wir schreiben + und dann navItem. 92 00:05:01,820 --> 00:05:05,230 ‫Hier ist der Link also ein leerer Link. 93 00:05:05,230 --> 00:05:07,520 ‫Und zwar vorerst für alle. 94 00:05:07,520 --> 00:05:08,353 ‫Dann 95 00:05:09,780 --> 00:05:10,623 ‫Einstellungen, dann der 96 00:05:12,420 --> 00:05:14,980 ‫Name des Symbols, das auch Einstellungen enthält, 97 00:05:14,980 --> 00:05:16,083 ‫jedoch in Kleinbuchstaben. 98 00:05:18,341 --> 00:05:21,060 ‫Und dann ist endlich dieser tatsächlich aktiv, und so 99 00:05:21,060 --> 00:05:22,323 ‫gehen wir wahr. 100 00:05:25,541 --> 00:05:28,057 ‫In Ordnung, duplizieren wir es. 101 00:05:31,710 --> 00:05:36,513 ‫Haben Sie eine Aktentasche und wir haben Meine Buchungen. 102 00:05:37,680 --> 00:05:39,490 ‫Machen wir das klein. 103 00:05:39,490 --> 00:05:43,090 ‫In Ordnung, duplizieren Sie es noch zweimal. 104 00:05:43,090 --> 00:05:44,480 ‫Also hier 105 00:05:48,360 --> 00:05:49,990 ‫haben wir Star 106 00:05:53,600 --> 00:05:56,423 ‫und dann hier Kreditkarte zur Abrechnung. 107 00:05:59,550 --> 00:06:00,383 ‫Gut. 108 00:06:04,270 --> 00:06:06,820 ‫Und jetzt haben wir die Admin-Navigation. 109 00:06:06,820 --> 00:06:08,560 ‫Und dieser ist nur 110 00:06:08,560 --> 00:06:11,660 ‫sichtbar, wenn der aktuelle Benutzer ein Administrator ist. 111 00:06:11,660 --> 00:06:15,660 ‫Lassen Sie uns das also tatsächlich mit einer if-Anweisung definieren. 112 00:06:15,660 --> 00:06:18,370 ‫Hier müssen wir also testen, ob die 113 00:06:18,370 --> 00:06:20,360 ‫Benutzerrolle admin gleich ist, oder? 114 00:06:20,360 --> 00:06:21,270 ‫Und das 115 00:06:21,270 --> 00:06:23,450 ‫ist wieder eine dieser komplexeren 116 00:06:23,450 --> 00:06:26,410 ‫if-Anweisungen, und wir müssen dafür JavaScript verwenden. 117 00:06:26,410 --> 00:06:29,441 ‫Also verwende ich hier wieder ungepufferten Code. 118 00:06:29,441 --> 00:06:30,640 ‫Und wenn und 119 00:06:32,560 --> 00:06:35,710 ‫dann haben wir hier Zugriff auf die Benutzervariable. 120 00:06:35,710 --> 00:06:38,290 ‫Also genau wie bei anderen Vorlagen. 121 00:06:38,290 --> 00:06:41,200 ‫Also werden wir es im Grunde hier weitergeben. 122 00:06:41,200 --> 00:06:44,750 ‫Und dann hat der Benutzer natürlich das Rollenattribut, und 123 00:06:44,750 --> 00:06:47,210 ‫wir testen, ob es admin ist. 124 00:06:47,210 --> 00:06:51,230 ‫Und wenn ja, dann wollen wir das alles zeigen. 125 00:06:51,230 --> 00:06:54,963 ‫Und so muss es jetzt eine Ebene eingerückt sein. 126 00:06:56,760 --> 00:06:57,593 ‫Okay? 127 00:06:57,593 --> 00:07:00,270 ‫Und all das wollen wir jetzt 128 00:07:00,270 --> 00:07:03,023 ‫natürlich auch hier durch unser Mixin ersetzen. 129 00:07:07,900 --> 00:07:09,083 ‫Also viermal. 130 00:07:10,370 --> 00:07:13,003 ‫Diese wird als Karte bezeichnet. 131 00:07:14,380 --> 00:07:15,613 ‫Touren verwalten. 132 00:07:23,350 --> 00:07:24,823 ‫Dieses ist Benutzer verwalten. 133 00:07:38,080 --> 00:07:39,323 ‫Bewertungen verwalten. 134 00:07:41,400 --> 00:07:43,800 ‫Und dann haben wir endlich eine mit der Aktentasche. 135 00:07:46,450 --> 00:07:49,030 ‫Und dieser hat hier nicht den Text, aber 136 00:07:49,030 --> 00:07:50,723 ‫es heißt Buchungen verwalten. 137 00:07:55,548 --> 00:07:56,830 ‫Gut. 138 00:07:56,830 --> 00:08:01,830 ‫Also lasst uns das loswerden und unsere Arbeit hier unten fortsetzen. 139 00:08:01,850 --> 00:08:03,830 ‫Dieses hier wird also das 140 00:08:03,830 --> 00:08:06,130 ‫Formular zum Ändern der Benutzereinstellungen sein. 141 00:08:06,130 --> 00:08:10,600 ‫Und so werden die personenbezogenen Daten hier in diesen Werten sein, okay? 142 00:08:10,600 --> 00:08:14,460 ‫Im Grunde ist der Wert in einem HTML-Eingabeelement also 143 00:08:14,460 --> 00:08:17,300 ‫eine Art vordefinierter Text, den 144 00:08:17,300 --> 00:08:20,220 ‫wir in ein Eingabeelement einfügen können. 145 00:08:20,220 --> 00:08:21,690 ‫Und so geben wir 146 00:08:21,690 --> 00:08:23,930 ‫normalerweise den aktuellen Wert dieser Eingabe, also 147 00:08:23,930 --> 00:08:25,160 ‫dieses Felds, ein. 148 00:08:25,160 --> 00:08:28,780 ‫Im Moment ist das natürlich der Name des Benutzers. 149 00:08:28,780 --> 00:08:30,130 ‫Also lasst uns das hier setzen. 150 00:08:34,940 --> 00:08:36,480 ‫Benutzer. Name. 151 00:08:36,480 --> 00:08:40,202 ‫Und hier unten ist es dann 152 00:08:40,202 --> 00:08:42,693 ‫natürlich die E-Mail. 153 00:08:45,610 --> 00:08:49,343 ‫Und hier haben wir auch das Bild des Benutzers. 154 00:08:54,060 --> 00:08:59,060 ‫Benutzer von Bild-Schrägstrichen streichen also den Bildnamen selbst. 155 00:09:01,610 --> 00:09:02,443 ‫Okay. 156 00:09:04,350 --> 00:09:06,783 ‫Dann gibt es hier unten nichts zu tun. 157 00:09:07,720 --> 00:09:08,670 ‫Gut? 158 00:09:08,670 --> 00:09:10,470 ‫Und das ist es tatsächlich. 159 00:09:10,470 --> 00:09:12,640 ‫Das sind also wirklich alle Daten, die 160 00:09:12,640 --> 00:09:14,620 ‫vom Benutzerobjekt stammen und die 161 00:09:14,620 --> 00:09:15,823 ‫wir eingeben müssen. 162 00:09:17,300 --> 00:09:20,110 ‫Okay, das ist die Vorlage. 163 00:09:20,110 --> 00:09:25,110 ‫Lassen Sie uns nun fortfahren und die Route dem viewRouter hinzufügen. 164 00:09:25,460 --> 00:09:29,813 ‫Also genau hier, und dieser wird /me heißen. 165 00:09:32,480 --> 00:09:35,560 ‫Also haben wir einen Controller namens getAccount. 166 00:09:37,940 --> 00:09:39,330 ‫Nun, dieser hier 167 00:09:39,330 --> 00:09:42,470 ‫wird natürlich ein geschützter Weg sein, oder? 168 00:09:42,470 --> 00:09:45,240 ‫Denn nur wenn wir tatsächlich eingeloggt 169 00:09:45,240 --> 00:09:48,260 ‫sind, erhalten wir Zugriff auf diese Seite. 170 00:09:48,260 --> 00:09:52,020 ‫Daher müssen wir hier unsere Protect-Middleware verwenden. 171 00:09:52,020 --> 00:09:55,973 ‫Das ist also ein AuthController. beschützen. 172 00:09:57,360 --> 00:09:58,730 ‫Okay? 173 00:09:58,730 --> 00:10:02,100 ‫So wie wir es bei allen oder anderen geschützten Routen gemacht haben. 174 00:10:02,100 --> 00:10:04,500 ‫Ein Problem, das ich dabei 175 00:10:04,500 --> 00:10:06,560 ‫sehe, ist, dass diese 176 00:10:06,560 --> 00:10:09,280 ‫Protect-Middleware hier der isLoggedIn sehr ähnlich ist. 177 00:10:09,280 --> 00:10:12,270 ‫Und so werden wir dort tatsächlich einige Duplikate durchführen, 178 00:10:12,270 --> 00:10:13,610 ‫was nicht ideal ist. 179 00:10:13,610 --> 00:10:16,500 ‫Denn denken Sie daran, dass 180 00:10:16,500 --> 00:10:19,930 ‫isLoggedIn für alle Anfragen ausgeführt wird, oder? 181 00:10:19,930 --> 00:10:22,400 ‫Werfen wir also einen kurzen Blick auf diese, damit 182 00:10:22,400 --> 00:10:24,203 ‫ich meinen Standpunkt darlegen kann. 183 00:10:25,300 --> 00:10:30,300 ‫Also in Protect bekommen wir den aktuellen Benutzer hier unten. 184 00:10:30,720 --> 00:10:33,020 ‫Also haben wir diese findById hier. 185 00:10:33,020 --> 00:10:34,580 ‫Aber wir machen 186 00:10:36,757 --> 00:10:39,650 ‫das gleiche hier unten in eingeloggt, okay? 187 00:10:39,650 --> 00:10:44,010 ‫Durch die gleichzeitige Verwendung von isLoggedIn und Protect führen wir diese 188 00:10:44,010 --> 00:10:45,720 ‫Abfrage zweimal durch. 189 00:10:45,720 --> 00:10:48,410 ‫Und das ist natürlich nicht ideal. 190 00:10:48,410 --> 00:10:51,980 ‫Also setzen wir isLoggedIn hier nur unter 191 00:10:51,980 --> 00:10:55,210 ‫Routen, die nicht geschützt sind, okay? 192 00:10:55,210 --> 00:10:56,660 ‫Denn auf der 193 00:10:56,660 --> 00:10:58,690 ‫geschützten Route wird diese Prüfung, 194 00:10:58,690 --> 00:11:02,270 ‫ob der Benutzer eingeloggt ist, tatsächlich auch passieren, oder? 195 00:11:02,270 --> 00:11:03,870 ‫Aber nicht in dieser Middleware, 196 00:11:03,870 --> 00:11:05,450 ‫sondern dann in 197 00:11:05,450 --> 00:11:09,000 ‫der Protect-Middleware, weil die ja im Grunde auch darauf prüft, oder? 198 00:11:09,000 --> 00:11:12,573 ‫Schneiden wir es also von hier aus und fügen Sie es einfach 199 00:11:12,573 --> 00:11:15,393 ‫in andere Routen ein, die nicht geschützt sind. 200 00:11:18,550 --> 00:11:20,300 ‫Okay, sinnvoll? 201 00:11:20,300 --> 00:11:23,340 ‫Auf diese Weise haben wir also nicht 202 00:11:23,340 --> 00:11:26,400 ‫das Problem, in allen geschützten Middlewares im Grunde 203 00:11:26,400 --> 00:11:28,580 ‫dieselbe Abfrage zweimal durchzuführen. 204 00:11:28,580 --> 00:11:31,680 ‫Und das ist ein bisschen besser für unsere Leistung. 205 00:11:31,680 --> 00:11:34,722 ‫Nun, eine Sache, die wir im isLoggedIn 206 00:11:34,722 --> 00:11:36,900 ‫machen, die wir derzeit 207 00:11:36,900 --> 00:11:39,880 ‫nicht im Protect machen, ist dies hier. 208 00:11:39,880 --> 00:11:43,510 ‫Also haben wir einen aktuellen Benutzer auf die Antwort gesetzt. Einheimische. 209 00:11:43,510 --> 00:11:45,534 ‫Und so lassen Sie 210 00:11:45,534 --> 00:11:48,220 ‫uns jetzt im currentUser dasselbe tun. 211 00:11:48,220 --> 00:11:51,543 ‫Machen wir dasselbe hier in der Protect-Middleware. 212 00:11:53,020 --> 00:11:56,510 ‫So stellen Sie den aktuellenUser beide auf Anfrage. Benutzer und auf 213 00:11:56,510 --> 00:11:59,590 ‫Antwort. Einheimische, in Ordnung? 214 00:11:59,590 --> 00:12:01,600 ‫Damit wir es dann automatisch 215 00:12:01,600 --> 00:12:03,690 ‫in allen Vorlagen danach verwenden können. 216 00:12:03,690 --> 00:12:07,560 ‫Also in diesem Fall in unserer Kontovorlage, in Ordnung? 217 00:12:07,560 --> 00:12:08,693 ‫Also lass es dir sparen. 218 00:12:10,080 --> 00:12:14,040 ‫Und jetzt müssen wir diesen getAccount-Controller hinzufügen, um diesen 219 00:12:14,040 --> 00:12:16,903 ‫Fehler, den wir derzeit erhalten, natürlich 220 00:12:16,903 --> 00:12:18,293 ‫zu beheben. 221 00:12:19,450 --> 00:12:20,900 ‫Das ist also in viewsController. getAccount-Anfrage und -Antwort. 222 00:12:27,467 --> 00:12:32,467 ‫Und Sie werden gleich sehen, warum wir nur diese beiden brauchen. 223 00:12:34,370 --> 00:12:37,170 ‫Um die Kontoseite zu erhalten, müssen wir also 224 00:12:38,100 --> 00:12:39,580 ‫nur diese Seite rendern. 225 00:12:39,580 --> 00:12:43,370 ‫Wir müssen nicht einmal nach dem aktuellen Benutzer fragen, 226 00:12:43,370 --> 00:12:45,910 ‫da dies bereits in der Protect-Middleware 227 00:12:45,910 --> 00:12:47,760 ‫getan wurde, oder? 228 00:12:47,760 --> 00:12:50,030 ‫Und so ist wirklich alles, was wir wirklich 229 00:12:50,030 --> 00:12:51,810 ‫tun müssen, so etwas zu tun. 230 00:12:51,810 --> 00:12:54,110 ‫Also kopiere diesen Code und 231 00:12:54,110 --> 00:12:55,870 ‫dann hier Konto. 232 00:12:55,870 --> 00:12:59,030 ‫Und geben wir ihm den Titel Ihres Kontos. 233 00:12:59,030 --> 00:13:04,030 ‫Alles klar, damit verschwindet der Fehler. 234 00:13:04,430 --> 00:13:07,840 ‫Und als letztes Puzzleteil fügen wir nun den eigentlich richtigen 235 00:13:07,840 --> 00:13:09,880 ‫Link in die Kopfzeile ein. 236 00:13:09,880 --> 00:13:13,063 ‫Hier in unserer Kopfzeile zeigt der Link 237 00:13:15,000 --> 00:13:18,110 ‫also nicht auf diese Kontoseite, oder? 238 00:13:18,110 --> 00:13:21,670 ‫Es zeigt also nirgendwo hin. 239 00:13:21,670 --> 00:13:24,043 ‫Und so sollte es jetzt auf /me zeigen. 240 00:13:25,110 --> 00:13:27,713 ‫Okay, und das sollte das 241 00:13:28,820 --> 00:13:32,380 ‫letzte Stück sein, damit es tatsächlich funktioniert. 242 00:13:32,380 --> 00:13:33,763 ‫Und so loggen wir uns 243 00:13:34,980 --> 00:13:36,840 ‫jetzt hier mit Test eins, zwei, drei, vier ein. 244 00:13:38,281 --> 00:13:40,513 ‫Wir sind erfolgreich eingeloggt. 245 00:13:42,050 --> 00:13:44,320 ‫Und jetzt, wenn Sie hier klicken, erhalten wir unsere Seite. 246 00:13:44,320 --> 00:13:48,950 ‫Fantastisch. 247 00:13:48,950 --> 00:13:50,590 ‫Jetzt gibt es hier einen Fehler mit dem Benutzerfoto. 248 00:13:50,590 --> 00:13:54,030 ‫Also lass uns das beheben. 249 00:13:54,030 --> 00:13:55,270 ‫Aber abgesehen davon funktioniert eigentlich alles einwandfrei. 250 00:13:55,270 --> 00:13:59,460 ‫Wir bekommen dieses Menü auch hier, weil wir uns gerade im Admin-Bereich 251 00:13:59,460 --> 00:14:03,750 ‫befinden, und lassen Sie uns das auch gleich testen, um zu sehen, 252 00:14:03,750 --> 00:14:06,370 ‫ob es für andere Benutzer verschwindet. 253 00:14:06,370 --> 00:14:08,903 ‫Und tatsächlich bekommen wir diesen Fehler auch hier 254 00:14:11,180 --> 00:14:14,150 ‫unten, weil wir eine fehlgeschlagene Anforderung für das Bild haben. 255 00:14:14,150 --> 00:14:17,500 ‫Und so sehen wir schon, dass wir da wahrscheinlich 256 00:14:17,500 --> 00:14:19,070 ‫etwas falsch machen. 257 00:14:19,070 --> 00:14:20,920 ‫Und hier 258 00:14:22,070 --> 00:14:25,860 ‫im Bild ist es natürlich kein Benutzer. Name, es ist Benutzer. Foto. 259 00:14:25,860 --> 00:14:30,500 ‫Also speichern Sie das, laden Sie es hier neu. 260 00:14:30,500 --> 00:14:33,670 ‫Und jetzt geht es tatsächlich. 261 00:14:33,670 --> 00:14:35,483 ‫Gut? 262 00:14:36,840 --> 00:14:37,673 ‫Jetzt loggen wir uns aus und sehen, was dann passiert. 263 00:14:37,673 --> 00:14:41,200 ‫Und dann bekommen wir diese Art von Fehler. 264 00:14:41,200 --> 00:14:43,460 ‫Und das liegt im Grunde daran, dass wir 265 00:14:43,460 --> 00:14:46,200 ‫versuchen, auf diese geschützte Route zuzugreifen, während wir nicht eingeloggt sind. 266 00:14:46,200 --> 00:14:49,417 ‫Gut? 267 00:14:49,417 --> 00:14:50,250 ‫Also versuchen wir es jetzt noch einmal. 268 00:14:51,470 --> 00:14:54,540 ‫Wenn wir also versuchen, uns mit /me 269 00:14:54,540 --> 00:14:58,720 ‫einzuloggen, dann bekommen wir, dass Sie nicht eingeloggt sind, okay? 270 00:14:58,720 --> 00:15:01,920 ‫Und bevor wir diesen seltsam aussehenden Fehler bekamen, weil 271 00:15:01,920 --> 00:15:04,550 ‫wir uns gerade in der Entwicklung befinden. 272 00:15:04,550 --> 00:15:07,070 ‫Aber in der Produktion würden wir diesen seltsamen Fehler natürlich nicht sehen, 273 00:15:07,070 --> 00:15:08,290 ‫den wir zuvor gesehen haben. 274 00:15:08,290 --> 00:15:11,850 ‫Rechts? 275 00:15:11,850 --> 00:15:12,710 ‫Aber was wir 276 00:15:12,710 --> 00:15:15,410 ‫jetzt sehen ist, dass unsere Route natürlich wirklich geschützt ist. 277 00:15:15,410 --> 00:15:16,930 ‫Daher können wir nicht darauf zugreifen, wenn wir nicht eingeloggt sind. 278 00:15:16,930 --> 00:15:20,090 ‫Zum Abschluss melden wir uns nun mit einem anderen 279 00:15:20,090 --> 00:15:21,270 ‫Konto an, um 280 00:15:21,270 --> 00:15:23,750 ‫zu sehen, ob der Administratorteil auch funktioniert. 281 00:15:23,750 --> 00:15:28,390 ‫Lassen Sie uns hier wieder Laura verwenden. 282 00:15:28,390 --> 00:15:31,320 ‫Und Sie sehen, dass sie nur eine normale Benutzerin ist. 283 00:15:31,320 --> 00:15:33,520 ‫Gut. 284 00:15:41,620 --> 00:15:42,543 ‫Und jetzt 285 00:15:44,780 --> 00:15:47,950 ‫bekommen wir ihr Benutzerkonto, natürlich ohne das Admin-Menü. 286 00:15:47,950 --> 00:15:49,740 ‫Okay, perfekt. 287 00:15:49,740 --> 00:15:51,380 ‫Das baut also die Kontoseite auf. 288 00:15:51,380 --> 00:15:53,570 ‫Und wie gesagt, im nächsten Video 289 00:15:53,570 --> 00:15:55,830 ‫kümmern wir uns dann um die 290 00:15:55,830 --> 00:15:57,700 ‫eigentliche Aktualisierung dieser Kontoeinstellungen.