Oké welkom terug.
Dus in deze video blijven we gebruiken en uit te voeren van de flitser in de laatste video die we geïnstalleerd we praatten een beetje over hoe het werkt maken we gebruik van Kinect flitser het pakket aan ons hierbij helpen.
Het idee is dat we weer een boodschap kan sturen via de volgende route naar de volgende aanvraag zodat we dan kunnen weergeven aan de gebruiker.
En wat we willen doen is in plaats van deze afzonderlijk weergegeven op elke template die ik heb slechts één keer, maar in plaats van dit te doen op elke pagina die we wilden u mogelijk een foutmelding of succes bericht.
We gaan dat soort code te verplaatsen naar de header dat is een natuurlijke plek voor dat.
Dus ik ga het openstellen van de header om te beginnen.
Dus Parshall's E. J ..
En wat we kunnen doen, is net aan de onderkant na de navigatiebalk we gewoon kunnen toevoegen in H1 en we kunnen toevoegen in iets als boodschap.
We zullen het met dezelfde naam te houden.
Nu het probleem is dat de boodschap zal werken op onze excuus me aanmelden forum hier waar we passeren in het bericht.
Maar op een andere route bericht onbepaald die zal problematisch.
Zoals je hier kunt zien.
Dus als ik de pagina te vernieuwen het werkt prima, maar als ik probeer en ga aan te melden hebben we een probleem.
Het bericht is niet gedefinieerd.
Dat komt omdat Sign-Up heeft dezelfde header-bestand en bericht niet is verstrekt.
Dus om vast te stellen dat wanneer we te ontdoen van deze lijn hier gaan we het uit te knippen daadwerkelijk en niet doorgeven aan individueel in te loggen.
Dan ga ik naar de app.
Ja.
En net waar we dezelfde code waar we de huidige gebruiker, waar we de huidige gebruiker doorgegeven aan iedere sjabloon kunnen we hetzelfde doen aan het doen zijn.
Of we kunnen zeggen rez dot locals het bericht gelijk verzoek flash dot fout of een verzoek tot een Flash-fout.
Dus als er iets in de flash zullen we toegang hebben tot het in de template onder boodschap.
Dus ik zal je laten zien dat nu als ik eerst opnieuw op te starten als ik te vernieuwen.
Ik kon niets zien.
Ik ga naar boven het nu werkt, en er is niets te worden geflitst ondertekenen, maar als ik probeer en trigger die weer dus ik ga naar campings uitproberen van een nieuwe krijg ik mijn boodschap slash.
Log alstublieft eerst in.
Dus laat me je laten zien dat het werkt op elke pagina al dus laten we zeggen dat als ik afmelden.
Dus als we naar de log-out route die is in onze Ik heb het open, maar ik zal gewoon laten zien weer routes index j ons waar de log-out gebeurt is hier.
Verzoek om uit te loggen en dan vlak voordat we buigen we konden zoiets verzoek te doen.
Maakt het knipperen.
En nu ben ik houden het zo fout, want dat is wat ik heb opgezet en we zullen gewoon zeggen dat je uitgelogd net als dat.
Nu, als ik opnieuw op te starten.
Laat me meld je hier net zoals iedereen gewoon recht.
Perfect sign up.
Grote.
Nu als ik op het recht klik word ik uitgelogd en als ik kon vanaf de pagina het gaat weg.
Dus we hebben deze interface op deze manier van het verzenden van een bericht naar een gebruiker of een boodschap die we willen duren.
In principe één verzoek en dat is het één verzoeken laatste reactie en vervolgens als de gebruiker vernieuwd of ergens anders naartoe gaan we niet willen dat blijven bestaan ​​en we hebben dat het tonen op elke pagina, want we hebben het in de header, zodat we niet hoeven te een variabele handmatig maken en slagen voor een variabele door.
Alles wat we nu moeten doen.
Elke keer willen we een gebruiker een soort van bericht laten zien voordat we ze buigen we gewoon toe te voegen aan verzoeken nu niet knipperen in plaats van gewoon te doen fout elke keer dat ik je toonde in de eerste video die we een groen of rood alarm in principe zou hebben.
Dus een succes en een fout en dat is ingebouwd met bootstrap.
Dus als je gaat om bootstrap dotcom klik op componenten en vervolgens aan de rechterkant de navigatiebalk klikt u op waarschuwt u kunt zien dat deze zijn wat waarschuwingen eruit zijn er deze kleine boodschappen die verschillende kleuren, net als de knoppen te hebben.
De kleuren zijn vernoemd hetzelfde, dus er is succes in eerlijke waarschuwing en gevaar.
En we zullen worden met behulp van gevaar.
Dus als er een foutmelding als je moet ingelogd zijn om dat te doen of wachtwoord is onjuist moeten we een rood alarm.
En als er iets goeds gebeurt alsof iemand zich aanmeldt we willen contrats zeggen of als iemand uitlogt zullen we zeggen succes dat we uitgelogd of we konden iets dergelijks met succes commentaar wat we maar willen we de groene gebruiken hier wat te doen succes.
Dus dit zijn de divs div class en laten we beginnen met gevaar.
Dus gaat dit ook daadwerkelijk te kopiëren en naar mijn header-bestand en in plaats van het weergeven van een H1 en een div weer te geven en ik zal bericht binnen toe te voegen als dat div om zomaar.
Dus dat zal slechts een stilistische verandering.
Dus als ik de pagina te vernieuwen opnieuw zien dat het er in de eerste plaats.
En dat is omdat we hebben net toegevoegd zodat het maakt niet uit als er geen bericht als het leeg is of niet.
Dus we zullen vast te stellen dat, maar ook merken dat gaat helemaal over het scherm die niet ideaal is.
Dus laten we laat me wat tekst in toe te voegen aan je laten zien wat ik bedoel.
Dit is niet een grote boodschap aan een gebruiker.
Dus wat we zullen doen om het te repareren op de korte termijn en dit zal eigenlijk een lange termijn oplossing ook.
Maar voordat we de kwestie van het altijd daar te zijn, zelfs als er geen boodschap gaan we toe in slechts een andere container en onze alert in die container te lossen.
Dus op de top van elke pagina als ik vernieuwen Ik heb nu een boodschap het leeg is, maar als ik zoiets proberen en ga naar nieuwe camping ik mijn bericht toe te voegen doen.
Log alstublieft eerst in.
En natuurlijk hebben we nog om deze vorm stijl, zodat we daar krijgt.
Maar in ieder geval is op zoek relatief afgewerkt.
Dus dat werkt prima.
Maar we nog steeds niet over een manier om onderscheid te maken tussen groen en rood of succes en opstaan ​​en dat is echt makkelijk voor ons om te doen zal zijn.
Dus het idee is dat wanneer we te ontdoen van deze vorm is dat wanneer we knipperen we iets konden doen als je uitgelogd en we zouden willen dat tot succes.
Dus voegde ik in minder succes, maar dan zouden we zoiets in onze middleware die we al waar we willen ooit flash waar we willen een rode dialoog of gevaar gevaar waarschuwing te hebben.
Dus hebben we deze twee manieren en we konden alles wat we konden info doen voegen we konden dit blog bellen.
Dit is niet gerelateerd aan onnodig bootstrappen.
Dit is precies wat we toevoegt in de flitser onder de toets.
Maar ik ga het zo fout en succes blijf dan wat we zouden moeten doen is in plaats van haar app ja waar we het passeren van deze gegevens door te breken en hier zullen we eigenlijk twee verschillende variabelen.
Dus een voor fouten en nu noemen dit roodstaart locals dot fout en dan zullen we een andere voor succes, net als dat hebben.
Dus nu hebben we twee verschillende stukken van de gegevens in onze template.
Beiden zijn leeg meestal.
Meestal is er niet iets te laten zien.
Maar als er een fout in plaats van de fout variabele zullen we in staat zijn om toegang te krijgen dat.
Als we iets toe te voegen aan een flits onder succes waarom toegang tot het op deze toegang variabele in de template.
Dus laten we nu gaan naar onze template voor een kop en gewoon dupliceren dit, behalve in plaats van alert gevaar alert succes zal doen en in plaats van bericht dat niet meer bestaat geen fouten hier en succes te hebben.
Dat zijn de twee variabelen geherdefinieerd.
Als ik nu vernieuwen we een rode en groene streep zoals je kunt zien.
En als ik probeer en laten we gaan naar campings slash en krijg een fout die je kunt het zien toont alleen in die rode.
En als ik iets doen, zoals aanmelden met enkele jibberish en dan ga ik naar uit te loggen kun je zien dat het verschijnt in het groene gedeelte.
Dus wat hebben we daar gedaan wordt slechts onderscheid gemaakt tussen twee verschillende typen berichten.
En we kunnen toevoegen in zoveel als we willen, dus er zijn geen regels.
Als we willen bootstrap gebruiken hoewel we willen gaan met deze verschillende klassen.
Maar voor zover onze eigen indeling betreft kunnen we zetten wat we willen, dus we konden hebben als we hier terug te gaan waar we doen de flitser die we ooit zou eigen ding voor dat we hier in plaats van succes.
Maar ik ben steken met succes en opstaan.
Laten we nu de uitgifte van deze twee dozen van de waarschuwingen altijd daar te zijn, zelfs als ze leeg te pakken.
Wat we moeten doen is te gaan in onze header-bestand en voeg een if-statement met onze Ejay Yes we of zult hebben.
En laat me gewoon toe te voegen in de beugels te beginnen en we zullen één voor fouten, net als dat te doen.
Niet in onze IF statement daar.
In onze haakje sluiten en gaan we gewoon beginnen met die ene.
Dus wat we gaan doen is controleren of er een fout is en het eigenlijk moet er zo uitzien.
Als error and error lengte groter dan nul.
En de reden daarvoor is gewoon fout bestaan ​​is niet genoeg voor ons te willen fout weer te geven.
Dus bijvoorbeeld nu fout is leeg.
Er is geen tekst in er is er geen touw, maar het is niet gedefinieerd, maar het is nog steeds te zien hier.
Dus wat we willen doen is controleren of fout dot lengte groter is dan nul.
Want zelfs wanneer fout is leeg als er niets in daar is het nog steeds een lege array.
En als we maar eens kijken of er lege array dat is als niet falsie.
Wederom kon ik je dat hier laten zien.
We hebben iets als dit.
Een heleboel dingen er zijn als lege array.
Dat log niets.
Als ik druk op enter krijg ik die wordt geleverd met die log.
En dat komt omdat een lege array is truthy.
Dus hier waar we controleren of fout bij allen bestaat er nog steeds een lege array, die het grootste deel van de tijd dat het is.
Dus dit is eigenlijk gewoon te controleren om ervoor te zorgen.
Net als laten we zeggen dat we deze code helemaal niet in onze SJS.
Waar ben jij.
Daar gaan we als we niet hebben dit helemaal toen fout en het succes zou undefined zijn.
En die regel code zou gewoon voorkomen dat een fout.
Maar dit is eigenlijk het belangrijkste onderdeel om te controleren of er iets in de array.
Dus als er iets in de matrix als het de lengte groter is dan nul dan is dit weer te geven en gaan we precies hetzelfde doen hier beneden, behalve in plaats van fouten.
Nou kijk in plaats van slagen als we onze sluitaccolade nodig ook.
Okee.
Dus laten we proberen dit op en brand dit weer op te herstarten van de server Vernieuw de pagina.
We zie niets.
Laten we proberen en voeg een nieuwe camping.
Ik krijg mijn gelezen bericht Gelieve eerst in te loggen.
Laten we nu aanmelden.
Nu, als ik me afmeld krijg ik mijn groene boodschap log je uit.
Grote.
Dus alles wat we nog hebben is echt om nu te gaan en toe te voegen in de juiste berichten roepen de aanvraag up flitser op de juiste plaats.