1
00:00:00,570 --> 00:00:01,750
Oké welkom terug.

2
00:00:01,980 --> 00:00:12,020
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.

3
00:00:12,180 --> 00:00:20,000
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.

4
00:00:20,430 --> 00:00:34,020
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.

5
00:00:34,020 --> 00:00:38,150
We gaan dat soort code te verplaatsen naar de header dat is een natuurlijke plek voor dat.

6
00:00:38,190 --> 00:00:40,710
Dus ik ga het openstellen van de header om te beginnen.

7
00:00:40,710 --> 00:00:43,450
Dus Parshall's E. J ..

8
00:00:44,220 --> 00:00:55,320
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.

9
00:00:55,490 --> 00:00:57,640
We zullen het met dezelfde naam te houden.

10
00:00:57,660 --> 00:01:07,200
Nu het probleem is dat de boodschap zal werken op onze excuus me aanmelden forum hier waar we passeren in het bericht.

11
00:01:07,260 --> 00:01:11,740
Maar op een andere route bericht onbepaald die zal problematisch.

12
00:01:11,900 --> 00:01:13,040
Zoals je hier kunt zien.

13
00:01:13,260 --> 00:01:18,170
Dus als ik de pagina te vernieuwen het werkt prima, maar als ik probeer en ga aan te melden hebben we een probleem.

14
00:01:18,210 --> 00:01:19,550
Het bericht is niet gedefinieerd.

15
00:01:19,720 --> 00:01:25,290
Dat komt omdat Sign-Up heeft dezelfde header-bestand en bericht niet is verstrekt.

16
00:01:25,290 --> 00:01:33,790
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.

17
00:01:33,930 --> 00:01:35,130
Dan ga ik naar de app.

18
00:01:35,160 --> 00:01:36,230
Ja.

19
00:01:37,110 --> 00:01:45,660
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.

20
00:01:45,900 --> 00:01:56,160
Of we kunnen zeggen rez dot locals het bericht gelijk verzoek flash dot fout of een verzoek tot een Flash-fout.

21
00:01:56,520 --> 00:02:01,930
Dus als er iets in de flash zullen we toegang hebben tot het in de template onder boodschap.

22
00:02:02,190 --> 00:02:07,440
Dus ik zal je laten zien dat nu als ik eerst opnieuw op te starten als ik te vernieuwen.

23
00:02:07,440 --> 00:02:08,460
Ik kon niets zien.

24
00:02:08,490 --> 00:02:19,120
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.

25
00:02:19,140 --> 00:02:20,910
Log alstublieft eerst in.

26
00:02:21,420 --> 00:02:26,370
Dus laat me je laten zien dat het werkt op elke pagina al dus laten we zeggen dat als ik afmelden.

27
00:02:26,370 --> 00:02:36,510
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.

28
00:02:36,510 --> 00:02:41,380
Verzoek om uit te loggen en dan vlak voordat we buigen we konden zoiets verzoek te doen.

29
00:02:41,380 --> 00:02:43,050
Maakt het knipperen.

30
00:02:43,320 --> 00:02:51,820
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.

31
00:02:51,840 --> 00:02:54,360
Nu, als ik opnieuw op te starten.

32
00:02:55,800 --> 00:03:00,430
Laat me meld je hier net zoals iedereen gewoon recht.

33
00:03:01,470 --> 00:03:04,190
Perfect sign up.

34
00:03:04,200 --> 00:03:05,010
Grote.

35
00:03:05,010 --> 00:03:11,830
Nu als ik op het recht klik word ik uitgelogd en als ik kon vanaf de pagina het gaat weg.

36
00:03:12,150 --> 00:03:18,830
Dus we hebben deze interface op deze manier van het verzenden van een bericht naar een gebruiker of een boodschap die we willen duren.

37
00:03:18,840 --> 00:03:35,640
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.

38
00:03:35,640 --> 00:03:36,620
Alles wat we nu moeten doen.

39
00:03:36,630 --> 00:03:53,250
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.

40
00:03:53,310 --> 00:03:57,780
Dus een succes en een fout en dat is ingebouwd met bootstrap.

41
00:03:57,780 --> 00:04:15,270
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.

42
00:04:15,340 --> 00:04:19,210
De kleuren zijn vernoemd hetzelfde, dus er is succes in eerlijke waarschuwing en gevaar.

43
00:04:19,560 --> 00:04:20,990
En we zullen worden met behulp van gevaar.

44
00:04:21,000 --> 00:04:28,330
Dus als er een foutmelding als je moet ingelogd zijn om dat te doen of wachtwoord is onjuist moeten we een rood alarm.

45
00:04:28,740 --> 00:04:44,300
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.

46
00:04:44,310 --> 00:04:47,900
Dus dit zijn de divs div class en laten we beginnen met gevaar.

47
00:04:47,910 --> 00:05:04,970
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.

48
00:05:05,280 --> 00:05:07,500
Dus dat zal slechts een stilistische verandering.

49
00:05:07,530 --> 00:05:13,120
Dus als ik de pagina te vernieuwen opnieuw zien dat het er in de eerste plaats.

50
00:05:13,380 --> 00:05:19,800
En dat is omdat we hebben net toegevoegd zodat het maakt niet uit als er geen bericht als het leeg is of niet.

51
00:05:19,860 --> 00:05:26,610
Dus we zullen vast te stellen dat, maar ook merken dat gaat helemaal over het scherm die niet ideaal is.

52
00:05:26,610 --> 00:05:29,270
Dus laten we laat me wat tekst in toe te voegen aan je laten zien wat ik bedoel.

53
00:05:32,100 --> 00:05:34,470
Dit is niet een grote boodschap aan een gebruiker.

54
00:05:34,710 --> 00:05:41,140
Dus wat we zullen doen om het te repareren op de korte termijn en dit zal eigenlijk een lange termijn oplossing ook.

55
00:05:41,160 --> 00:05:51,150
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.

56
00:05:51,540 --> 00:06:03,080
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.

57
00:06:03,120 --> 00:06:04,640
Log alstublieft eerst in.

58
00:06:04,860 --> 00:06:07,370
En natuurlijk hebben we nog om deze vorm stijl, zodat we daar krijgt.

59
00:06:07,410 --> 00:06:10,550
Maar in ieder geval is op zoek relatief afgewerkt.

60
00:06:11,040 --> 00:06:12,930
Dus dat werkt prima.

61
00:06:13,080 --> 00:06:21,690
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.

62
00:06:21,690 --> 00:06:32,170
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.

63
00:06:32,430 --> 00:06:44,810
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.

64
00:06:45,210 --> 00:06:50,460
Dus hebben we deze twee manieren en we konden alles wat we konden info doen voegen we konden dit blog bellen.

65
00:06:50,520 --> 00:06:52,940
Dit is niet gerelateerd aan onnodig bootstrappen.

66
00:06:52,950 --> 00:06:57,130
Dit is precies wat we toevoegt in de flitser onder de toets.

67
00:06:57,450 --> 00:07:11,320
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.

68
00:07:11,340 --> 00:07:23,860
Dus een voor fouten en nu noemen dit roodstaart locals dot fout en dan zullen we een andere voor succes, net als dat hebben.

69
00:07:24,510 --> 00:07:27,970
Dus nu hebben we twee verschillende stukken van de gegevens in onze template.

70
00:07:28,050 --> 00:07:30,450
Beiden zijn leeg meestal.

71
00:07:30,450 --> 00:07:31,970
Meestal is er niet iets te laten zien.

72
00:07:31,980 --> 00:07:38,200
Maar als er een fout in plaats van de fout variabele zullen we in staat zijn om toegang te krijgen dat.

73
00:07:38,370 --> 00:07:44,430
Als we iets toe te voegen aan een flits onder succes waarom toegang tot het op deze toegang variabele in de template.

74
00:07:44,820 --> 00:08:00,370
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.

75
00:08:00,390 --> 00:08:02,140
Dat zijn de twee variabelen geherdefinieerd.

76
00:08:02,370 --> 00:08:09,440
Als ik nu vernieuwen we een rode en groene streep zoals je kunt zien.

77
00:08:09,780 --> 00:08:20,020
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.

78
00:08:20,610 --> 00:08:32,350
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.

79
00:08:32,880 --> 00:08:36,920
Dus wat hebben we daar gedaan wordt slechts onderscheid gemaakt tussen twee verschillende typen berichten.

80
00:08:36,930 --> 00:08:40,910
En we kunnen toevoegen in zoveel als we willen, dus er zijn geen regels.

81
00:08:41,400 --> 00:08:45,110
Als we willen bootstrap gebruiken hoewel we willen gaan met deze verschillende klassen.

82
00:08:45,750 --> 00:08:57,570
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.

83
00:08:57,750 --> 00:08:59,730
Maar ik ben steken met succes en opstaan.

84
00:09:00,090 --> 00:09:06,340
Laten we nu de uitgifte van deze twee dozen van de waarschuwingen altijd daar te zijn, zelfs als ze leeg te pakken.

85
00:09:06,480 --> 00:09:16,300
Wat we moeten doen is te gaan in onze header-bestand en voeg een if-statement met onze Ejay Yes we of zult hebben.

86
00:09:16,480 --> 00:09:25,160
En laat me gewoon toe te voegen in de beugels te beginnen en we zullen één voor fouten, net als dat te doen.

87
00:09:25,230 --> 00:09:27,980
Niet in onze IF statement daar.

88
00:09:28,680 --> 00:09:32,910
In onze haakje sluiten en gaan we gewoon beginnen met die ene.

89
00:09:32,910 --> 00:09:39,450
Dus wat we gaan doen is controleren of er een fout is en het eigenlijk moet er zo uitzien.

90
00:09:39,450 --> 00:09:46,880
Als error and error lengte groter dan nul.

91
00:09:47,700 --> 00:09:57,800
En de reden daarvoor is gewoon fout bestaan ​​is niet genoeg voor ons te willen fout weer te geven.

92
00:09:57,810 --> 00:10:00,290
Dus bijvoorbeeld nu fout is leeg.

93
00:10:00,300 --> 00:10:06,920
Er is geen tekst in er is er geen touw, maar het is niet gedefinieerd, maar het is nog steeds te zien hier.

94
00:10:07,290 --> 00:10:11,440
Dus wat we willen doen is controleren of fout dot lengte groter is dan nul.

95
00:10:11,760 --> 00:10:17,660
Want zelfs wanneer fout is leeg als er niets in daar is het nog steeds een lege array.

96
00:10:18,060 --> 00:10:22,610
En als we maar eens kijken of er lege array dat is als niet falsie.

97
00:10:22,650 --> 00:10:24,160
Wederom kon ik je dat hier laten zien.

98
00:10:24,330 --> 00:10:26,480
We hebben iets als dit.

99
00:10:26,610 --> 00:10:34,400
Een heleboel dingen er zijn als lege array.

100
00:10:34,910 --> 00:10:37,700
Dat log niets.

101
00:10:38,350 --> 00:10:41,510
Als ik druk op enter krijg ik die wordt geleverd met die log.

102
00:10:41,730 --> 00:10:46,210
En dat komt omdat een lege array is truthy.

103
00:10:46,260 --> 00:10:53,250
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.

104
00:10:53,250 --> 00:10:55,490
Dus dit is eigenlijk gewoon te controleren om ervoor te zorgen.

105
00:10:55,560 --> 00:11:00,110
Net als laten we zeggen dat we deze code helemaal niet in onze SJS.

106
00:11:01,110 --> 00:11:01,920
Waar ben jij.

107
00:11:01,920 --> 00:11:07,030
Daar gaan we als we niet hebben dit helemaal toen fout en het succes zou undefined zijn.

108
00:11:07,410 --> 00:11:09,710
En die regel code zou gewoon voorkomen dat een fout.

109
00:11:09,720 --> 00:11:13,920
Maar dit is eigenlijk het belangrijkste onderdeel om te controleren of er iets in de array.

110
00:11:13,950 --> 00:11:26,740
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.

111
00:11:26,800 --> 00:11:33,140
Nou kijk in plaats van slagen als we onze sluitaccolade nodig ook.

112
00:11:34,320 --> 00:11:34,800
Okee.

113
00:11:34,800 --> 00:11:40,550
Dus laten we proberen dit op en brand dit weer op te herstarten van de server Vernieuw de pagina.

114
00:11:40,650 --> 00:11:41,900
We zie niets.

115
00:11:42,360 --> 00:11:44,020
Laten we proberen en voeg een nieuwe camping.

116
00:11:44,460 --> 00:11:47,720
Ik krijg mijn gelezen bericht Gelieve eerst in te loggen.

117
00:11:47,910 --> 00:11:53,070
Laten we nu aanmelden.

118
00:11:53,100 --> 00:11:57,660
Nu, als ik me afmeld krijg ik mijn groene boodschap log je uit.

119
00:11:57,810 --> 00:11:58,420
Grote.

120
00:11:58,470 --> 00:12:07,040
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.