1 00:00:00,200 --> 00:00:01,160 OK we zullen terugkomen. 2 00:00:01,230 --> 00:00:04,020 Dus we gaan aan de slag met het bewerken campings. 3 00:00:04,200 --> 00:00:13,460 Dus dit is een beetje van beoordeling van de rest van de unit waar we maakten dat bloggen met semantische UI maar we gaan om een ​​aantal nieuwe concepten op de top van die toe te voegen ook. 4 00:00:13,470 --> 00:00:38,900 In het bijzonder als we om reacties te beginnen met al zijn we bezig met het bewerken campings zodat wanneer ik naar de camping toon pagina eerst uit om de server te starten ik zou moeten zijn in staat om een ​​knop die zegt te zien bewerk ik kan klikken dat bewerken knop neemt me mee naar een formulier vul ik het uit dat formulieren om de update camping route en dan zal dat me terug naar de show pagina omleiden. 5 00:00:38,910 --> 00:00:40,340 En we moeten deze veranderingen te zien. 6 00:00:40,500 --> 00:00:42,220 En iedereen kan dit doen om te beginnen. 7 00:00:42,300 --> 00:00:44,410 Geen rechten zonder toestemming. 8 00:00:44,430 --> 00:00:46,740 We zullen praten over wat dat betekent in slechts een paar video's. 9 00:00:46,770 --> 00:00:49,360 Zodra we hebben betrekking op de toonaangevende campings ook. 10 00:00:49,380 --> 00:00:49,620 Grote. 11 00:00:49,620 --> 00:00:51,030 Dus laten we beginnen. 12 00:00:51,060 --> 00:00:54,800 Het eerste ding dat we moeten doen is het toevoegen in methode override. 13 00:00:54,810 --> 00:01:04,890 En ik ga trek de rustgevende routing grafiek die ik gewoon zo dat we onszelf de routes die we nodig hebben kunnen herinneren. 14 00:01:04,890 --> 00:01:08,860 Dus laat me dit gewoon toe te voegen als een ander bestand in hetzelfde venster. 15 00:01:09,270 --> 00:01:19,630 Vergeet niet dat het slash camping slash ID slash bij het en update is sashed camping slash ID als een put-aanvraag. 16 00:01:19,740 --> 00:01:29,020 Dus moeten we methode override voor die put verzoek, zodat we daar kunnen beginnen NPM installeren methode Dasch override. 17 00:01:29,160 --> 00:01:30,760 En ik vertelde dit in de laatste video. 18 00:01:30,810 --> 00:01:33,930 Maar om je te herinneren Ik werk in V 10. 19 00:01:34,140 --> 00:01:35,540 Dus het is een nieuwe versie. 20 00:01:35,910 --> 00:01:36,370 OK. 21 00:01:36,540 --> 00:01:40,800 Methode dan zou ik dash dash redden ervoor te zorgen dat werkt. 22 00:01:40,860 --> 00:01:44,800 Terwijl dat er aan de hand gesloten deze naar beneden en zal openen. 23 00:01:44,800 --> 00:01:58,750 Eigenlijk ja en zal ook open te stellen camping J s wraps en we gaan naar een plek in na-show toe te voegen voor op camping rij. 24 00:01:59,880 --> 00:02:03,440 En een andere voor-update camping. 25 00:02:04,260 --> 00:02:17,870 En als je vergeet waarom we beide nodig hebt kun je video van die eenheid gingen we in een veel detail, maar nogmaals het is zo rustgevend route te herzien maar we moeten een formulier op het en het formulier moet ergens in te dienen die updaten. 26 00:02:18,300 --> 00:02:23,580 OK dus binnen actrice laten we nu configureren om methode overhead gebruiken. 27 00:02:23,730 --> 00:02:26,630 Dus moeten we eerst het nodig hebben. 28 00:02:26,640 --> 00:02:30,300 Dus dat gaat methode override zijn. 29 00:02:30,300 --> 00:02:35,690 We kunnen het noemen wat we willen natuurlijk, maar dit telt methode Dasch override. 30 00:02:36,660 --> 00:02:48,590 En dan moeten we een apt gebruik gebruik methode override doen en dan hebben we om het te vertellen wat te zoeken en we willen benadrukken methode. 31 00:02:48,960 --> 00:02:51,260 Dat is de gebruikelijke ding dat je de hele tijd zullen zien. 32 00:02:51,270 --> 00:02:54,900 Ik denk dat is eigenlijk wat ze adviseren over de methode om documentatie te overschrijven. 33 00:02:55,140 --> 00:02:56,400 Zo onderstrepen methode. 34 00:02:56,400 --> 00:02:57,250 Grote. 35 00:02:57,330 --> 00:03:02,900 Nu gaan we een stap daadwerkelijk terug te nemen en te werken aan het bewerken Raben, zodat we kunnen krijgen het formulier te laten zien. 36 00:03:03,300 --> 00:03:06,500 Dus laten we beginnen er in onze camping J.S. routes. 37 00:03:06,900 --> 00:03:12,890 De route is een GET-verzoek en in plaats van app zijn we eigenlijk bezig met router. 38 00:03:12,990 --> 00:03:17,760 U kunt dus router krijgen slash zien. 39 00:03:17,760 --> 00:03:27,520 En we hoeven niet te zeggen campings slash ID slash op het omdat interrupts Ja wij het recht van de route is hier nodig herinneren. 40 00:03:27,960 --> 00:03:31,830 We zijn het toevoegen van alle van de camping routes na sosh campings. 41 00:03:31,890 --> 00:03:32,940 Dus we hebben dat niet nodig. 42 00:03:33,030 --> 00:03:41,770 Dus we hoeven alleen maar slash ID slash aan het en dan is onze verzoeken en onze reactie en de callback. 43 00:03:42,000 --> 00:03:48,820 En zoals altijd is het aan ons te arresteren en op die camping route en gewoon ervoor zorgen dat we dat zien. 44 00:03:49,610 --> 00:03:51,520 OK maar begin dingen. 45 00:03:51,720 --> 00:03:54,100 Zorg ervoor dat we geen problemen hebben. 46 00:03:55,230 --> 00:03:59,960 Laten we verfrissen en dan gewoon toe te voegen op slash in. 47 00:04:00,180 --> 00:04:00,740 Grote. 48 00:04:00,810 --> 00:04:02,740 We zien het op camping rechts. 49 00:04:02,880 --> 00:04:04,370 Dat is alles wat we nodig hadden. 50 00:04:04,380 --> 00:04:07,230 Laten we nu teruggaan en eigenlijk maken van een formulier. 51 00:04:07,230 --> 00:04:15,510 Dus rez maken het nodig heeft om kampeerterreinen die onze standpunten directory hier te zijn. 52 00:04:15,510 --> 00:04:19,080 Slash ernaar die nog niet bestaat. 53 00:04:19,440 --> 00:04:21,600 Dus laten we nu te maken dat bestand. 54 00:04:21,600 --> 00:04:26,440 Dus we willen een vleugje zekering slash campings slash op het te doen. 55 00:04:26,460 --> 00:04:26,730 E. J .. 56 00:04:26,730 --> 00:04:27,480 Ja. 57 00:04:27,810 --> 00:04:32,090 En dan C9 die opnieuw indienen. 58 00:04:32,130 --> 00:04:45,570 Tab voltooiing is je vriend er en we beginnen eenvoudig met slechts bewerken vorm en laat toe te voegen in een andere lijn net paragraaf vorm gaat hier gewoon zo dat we zeker weten dat we het krijgen van de juiste leeftijd. 59 00:04:45,580 --> 00:04:51,920 Tim Ik zal beginnen met de server weer te vernieuwen en uw sjabloon te ontvangen. 60 00:04:52,110 --> 00:04:52,860 Grote. 61 00:04:52,920 --> 00:05:14,530 Dus nu gaan we naar een vorm hier en in plaats van toe te voegen dan het creëren van onze eigen vorm van kras Ik ga naar de nieuwe vorm voor de camping precies goed hier te nemen en te kopiëren dit over, want het is echt vergelijkbaar met wat we dus echt de enige nodig verschil tussen nieuwe en bewerken is waar de vorm gaat. 62 00:05:14,530 --> 00:05:18,100 Dat is een verschil en de aard van de verzoeken die we maken. 63 00:05:18,490 --> 00:05:25,200 Dus laten we beginnen met het opgeven van de actie en we kunnen doen wat we moeten gewoon nog niet doen omdat het moet campings zijn. 64 00:05:25,270 --> 00:05:31,500 Slash en Id als iets dergelijks slash op het, maar we moeten dat ID te krijgen. 65 00:05:31,660 --> 00:05:35,550 En op dit moment hebben we niet dat specifieke kampeerterrein dat we aan het bewerken bent. 66 00:05:35,770 --> 00:05:43,280 Dus binnen dat te bewerken route niet alleen hebben we te maken van een template, maar we moeten passeren in een camping die we bewerkt. 67 00:05:43,300 --> 00:05:48,860 We hebben nog niet gevonden dat de camping, maar ik ga het een variabele naam gevonden kampeerterrein dat niet bestaat geven. 68 00:05:48,920 --> 00:05:52,050 Je ziet krijgen we klachten van Cloud Nine. 69 00:05:52,120 --> 00:06:12,310 Nu moeten we een camping vondst doen door id en dan is de ID is hier aanvragen harams ID en dan is onze callback fout en anders zullen we noemen het gevonden camping net als dat als er een fout. 70 00:06:12,820 --> 00:06:14,340 Laten we een rust. 71 00:06:14,830 --> 00:06:19,040 Redirect en we zullen gewoon teruggaan naar campings slash. 72 00:06:19,300 --> 00:06:27,540 Anders zullen we maken het bewerken vorm en pas in gevonden camping onder de naam camping. 73 00:06:28,000 --> 00:06:28,810 Grote. 74 00:06:28,810 --> 00:06:34,990 Nu in plaats van onze template we camping gebruiken voor het opzetten van de link voor bijwerken route. 75 00:06:35,020 --> 00:06:40,870 Dus het is campings slash camping neer onderstrepen ID Ejay Ja. 76 00:06:40,990 --> 00:06:48,250 Dus dit is de waarde van de camping naar de ID van de camping dat we overgaan naar dit sjabloon slash in. 77 00:06:48,850 --> 00:07:03,510 En dan de andere lastige ding is dat niet vergeten dit moet een put verzoek dat we maken en dat doen we eigenlijk een vraagteken sturen onderstrepen methode is gelijk aan te zetten en dan vertrekken we methode als post. 78 00:07:03,940 --> 00:07:05,490 Dus dat is een verandering die we zullen maken. 79 00:07:05,500 --> 00:07:07,240 We zullen ook werken wat we hier zeggen. 80 00:07:07,360 --> 00:07:15,180 Dus doe ik het en vervolgens de naam van de camping camping naam en zien wat we krijgen. 81 00:07:15,190 --> 00:07:25,090 Dus als we gaan herstart Vernieuw de pagina krijgen we te bewerken desert hoog, dat is genoemd op de camping en we zijn in de buurt. 82 00:07:25,210 --> 00:07:34,000 We hebben een vorm die zal indienen als ik als ik klik op verzenden hoewel we hebben niet het opzetten van de routes, dus het is me te vertellen kunt geen slash campings. 83 00:07:34,740 --> 00:07:43,050 Maar om te beginnen laten we in de data te vullen hier, dus dat wanneer ik een camping zie ik de gegevens die ik bewerken en of het allemaal te typen vanaf nul te bewerken. 84 00:07:43,240 --> 00:07:51,530 Dus dat is simpel als je terug naar de eerste video op en updaten van de blog site herinneren in plaats van het geven van een placeholder. 85 00:07:51,880 --> 00:08:03,130 We gaan er een waarde aan te geven en de waarde moet gewoon worden camping en ongeacht het pand is een camping naam en ik zal dit te kopiëren naar beneden voor het beeld dat u gooien. 86 00:08:03,190 --> 00:08:05,740 Dus kampeerterrein dat imago. 87 00:08:06,520 --> 00:08:14,130 En dan eindelijk kampeerterrein dat beschrijving die ik ervoor zorgen dat ik gespeld dat recht. 88 00:08:14,410 --> 00:08:22,210 Dus onthoud wat we doen is het opzoeken van een camping in de route op basis off van de ID vervolgens zodat dit sjabloon. 89 00:08:22,210 --> 00:08:33,010 En als ik vernieuw je zult zien dat we het nemen van de gegevens die we gevonden van onze vondst van id passeren die camping naar de sjabloon en dan het weergeven van de informatie als de input waarden. 90 00:08:33,310 --> 00:08:34,700 Dus we hebben dat nu gedaan. 91 00:08:34,930 --> 00:08:37,570 Nu moeten we werken aan toen ik dit ook daadwerkelijk in te dienen. 92 00:08:37,570 --> 00:08:39,070 Dus laten we dit te veranderen. 93 00:08:39,340 --> 00:08:44,180 Zo zien we een aantal veranderingen toe te voegen wat extra symbolen en raken in te dienen. 94 00:08:44,290 --> 00:08:47,490 En natuurlijk heb ik dit probleem waar we niet de update route te hebben. 95 00:08:47,800 --> 00:08:49,410 Dus laten we dat doen volgende. 96 00:08:49,960 --> 00:08:59,550 We kunnen sluiten uit onze nieuwe Ik blijf bij hem open voor een klein beetje, maar we moeten aan onze actualisering route die alleen gaat om een ​​router te zijn dot zetten. 97 00:09:00,570 --> 00:09:06,550 En als je vergeet wat het werken is het een put verzoek slash campings slash. 98 00:09:06,550 --> 00:09:12,130 Id net als de show pagina, behalve dat het verzoek niet in een GET-verzoek te zetten. 99 00:09:12,610 --> 00:09:16,850 Dus slash colon-ID en dat is het. 100 00:09:17,540 --> 00:09:20,760 Verzoek in reactie en dan besparen we. 101 00:09:20,960 --> 00:09:42,000 En de binnenkant van hier wat we moeten doen herinneren is dat we nodig hebben om te vinden en te actualiseren van de juiste camping en vervolgens omleiden ergens meestal de show pagina is wat zinvol is als je eenmaal een item te werken je niet wilt gewoon terug naar de hele lijst van campings, maar u wilt uw wijzigingen daadwerkelijk op de show pagina te zien. 102 00:09:42,040 --> 00:09:46,330 Dus we zullen beginnen met het vinden van een bijwerking die we apart konden doen. 103 00:09:46,360 --> 00:09:51,000 Je kon een vondst doen door id en voer een update achteraf. 104 00:09:51,270 --> 00:09:58,510 Maar vergeet niet vergeten mangoest heeft dat mooie combinatie die camping. 105 00:09:58,770 --> 00:10:05,160 Zoeken op id en updaten en het duurt een paar argumenten. 106 00:10:05,160 --> 00:10:13,880 De eerste is wat we vinden van wat ID zoekt die is gewoon te vragen up harams ID van rechts hier. 107 00:10:14,430 --> 00:10:23,520 Volgende halte is de gegevens die we willen werken en als we kijken naar ons formulier is onze data image naam en beschrijving. 108 00:10:23,520 --> 00:10:41,060 Dus wat we kunnen doen is het bouwen van een nieuw object in hier die eruit ziet als var data gelijk aan en dan zouden we zeggen naam verzoeken dat lichaam dat het verzoek lichaam imago naam is. 109 00:10:41,280 --> 00:10:42,810 Maar dat is een beetje een pijn. 110 00:10:43,110 --> 00:10:44,620 En ik heb dit al eerder aan u getoond. 111 00:10:44,750 --> 00:10:52,350 Wat we wel kunnen doen is wikkel ze allemaal bij elkaar binnenkant van de camping of hoe je het ook wilt noemen. 112 00:10:52,530 --> 00:10:53,580 Maar ik zal camping te doen. 113 00:10:53,730 --> 00:10:59,460 Ik zal dit gewoon kopiëren naar beneden hier en hier op het haakje sluiten. 114 00:10:59,630 --> 00:11:01,820 Nu als groep deze drie dingen samen. 115 00:11:01,880 --> 00:11:10,170 Dus als mijn Access Request up bodycam camping ik nu image naam te krijgen en beschrijving van alle genesteld binnenkant van een enkel object. 116 00:11:10,170 --> 00:11:16,750 Dus alles wat ik moet doen is nu pas in het verzoek van het lichaam van camping net als dat. 117 00:11:16,880 --> 00:11:25,030 En dan mijn callback met fouten en dan zullen we bijgewerkt camping noemen. 118 00:11:26,750 --> 00:11:30,780 Voor nu als er een fout zullen we gewoon onze standaard. 119 00:11:30,840 --> 00:11:35,400 Niet erg bruikbaar, maar een makkelijke oplossing voor nu is het alleen maar om terug te leiden naar campings. 120 00:11:35,430 --> 00:11:42,150 Zodra we flitsberichten implementeren zullen we in staat zijn om aan te geven wat het probleem is en kunnen we ergens anders te leiden dat een beetje meer zin maakt. 121 00:11:42,420 --> 00:11:48,220 Maar we zullen niet echt een reden voor een fout gewoon nog niet, tenzij onze database wordt uitgeschakeld of iets. 122 00:11:48,600 --> 00:11:57,940 En dan, als het werkt, wat we zullen doen is redstart omleiden naar de show pagina die moet sosh campings zijn. 123 00:11:58,170 --> 00:12:17,400 En het idee is hier die we nodig hebben om toe te voegen in het plusteken en hebben we een paar manieren om dat ID we konden bijgewerkt camping dot doen onderstrepen ID of we kunnen doen verzoeken dot parameters ID dat is wat we hebben hier in deze draagdoek en zal opslaan. 124 00:12:17,390 --> 00:12:26,710 Laten we nu eens kijken wat er gebeurt als ik start de server terug naar de bewerken formulier refresh gaan. 125 00:12:27,050 --> 00:12:38,210 Voeg in enkele opmerkelijke data hier in te dienen en we hebben een klein probleem dat is onze route is nog niet helemaal werken en het is eigenlijk dat onze route werkt prima. 126 00:12:38,220 --> 00:12:41,000 Het is de vorm is het indienen van de verkeerde plaats. 127 00:12:41,070 --> 00:12:45,200 Let op ons verzoek is camping slash ID slash in. 128 00:12:45,330 --> 00:12:47,010 We willen niet dat slash in. 129 00:12:47,190 --> 00:12:55,070 Dat hoort te zijn de vorm heeft slash ernaar maar waar het formulier wordt verondersteld camping slash ID als een verzoek. 130 00:12:55,920 --> 00:12:58,210 Dus moeten we om zich te ontdoen van deze. 131 00:12:58,620 --> 00:13:09,470 Nu als we dat nog eens proberen te vernieuwen voeg wat data en legt het werkt. 132 00:13:09,630 --> 00:13:16,890 Bijgewerkt de camping gevonden voor het eerst en bijgewerkt en vervolgens doorgestuurd me terug naar de show pagina en ik zie mijn wijzigingen. 133 00:13:16,880 --> 00:13:20,810 Het laatste wat dat zal doen in deze video toe te voegen in een knop die bewerking zegt. 134 00:13:20,970 --> 00:13:27,290 Dus ik kan op die knop klikt en naar die pagina te bewerken zonder slash bewerken handmatig invoeren. 135 00:13:27,660 --> 00:13:28,410 Dus dat is simpel. 136 00:13:28,410 --> 00:13:33,220 Het is gewoon een link die moet gaan om deze route en we zullen dat doen op de show pagina. 137 00:13:33,360 --> 00:13:39,000 Dus camping show zal doen net onder al het andere te beginnen. 138 00:13:39,210 --> 00:13:50,200 Dus de binnenkant van het beeld responsieve bijschrift voor het niet in de commentaar sectie, maar de binnenkant van de kolom medium negen in de miniatuur. 139 00:13:50,550 --> 00:14:23,540 Na zijn afkomstig van dit alles toe te voegen in een knop die een anker tag ref zal moet worden slash campings slash en dan is de ID met Aegeus camping dot onderstrepen ID en dan moeten we schuine streep bij het en dan zullen we gewoon een tekst te zijn toegevoegd, maar we moeten ook een klasse om het er een beetje mooier met bootstrap en we zullen gewoon doen PTEN ETN. 140 00:14:23,550 --> 00:14:32,660 En ik denk dat een kleur die zin zou kunnen maken zou eerder waarschuwing dan gevaar zal gevaar voor die te verwijderen knop te reserveren. 141 00:14:32,660 --> 00:14:34,340 Dus laten we nu eens een kijkje nemen. 142 00:14:35,140 --> 00:14:37,680 Ik ga terug ik vernieuwen. 143 00:14:37,980 --> 00:14:43,050 We hebben een bewerking knop die is eigenlijk een link ik klik en ik krijg om het te bewerken formulier. 144 00:14:43,230 --> 00:14:47,710 Dus laten we dit weer normaal te dienen. 145 00:14:47,850 --> 00:14:48,180 Grote. 146 00:14:48,240 --> 00:14:49,080 Dus het werkt. 147 00:14:49,130 --> 00:14:51,410 Laten we terug gaan en gewoon werken een ander. 148 00:14:51,480 --> 00:14:53,300 Dus we zullen teruggaan naar campings sjerp. 149 00:14:53,430 --> 00:14:55,420 Zorg ervoor dat het goed werkt. 150 00:14:55,440 --> 00:14:57,960 Werk graniet of nederige kreek. 151 00:14:58,450 --> 00:15:04,590 Wat hoe is dit het beeld veranderen om dit beeld hier te zijn. 152 00:15:05,110 --> 00:15:10,420 Betalen in te dienen en optellen het is perfect in de volgende video.