Witamy spowrotem.
Więc ten film jest kontynuacją ostatniego filmu, w którym zrobiliśmy koncepcyjny przegląd tej aplikacji demo pies i rozmawialiśmy o TO GET trasy życzenie.
Więc jeszcze raz powtórzyć tę samą oczekiwanie stosowania.
Nie ma potrzeby, aby zrozumieć 99 procent tego kodu, jeśli można tak traktować rzeczy takimi koncepcyjnych bloków i można zrozumieć, że ten kod tutaj jest odpowiedzialny za psami uzyskać trasę i jakoś odsyła stronę, która ma kilka psów na to.
To wszystko, co trzeba wiedzieć teraz.
To samo odnosi się do nowych pojęć.
Jedziemy, aby dowiedzieć się w tym filmie.
Nacisk nie jest składnia jest na koncepcji.
Więc nie jest to Trzecia droga tutaj, że nie wspomnieć w pierwszym filmie i to nieznacznie różni się tym, że jest to droga postu.
Więc ten kod tutaj będzie działać tylko wtedy, gdy użytkownik wysyła żądanie POST ciąć stworzyć psa.
I po prostu pobiegać pamięć użytkownik nie może wykonać żądania POST wpisując coś w sobie lub Albara.
Dziewięćdziesiąt dziewięć punkt dziewięć dziewięć dziewięć procent czasu, że zostaną one podejmowania żądania POST jest poprzez formularz.
Więc mamy zamiar zobaczyć, że w akcji tylko trochę.
Ale mogę również wykazać składając wniosek wpisu przez listonosza.
Więc żądania POST ciąć stworzyć psa.
A co zrobić, to zajmie nazwę w rasie, które wysyłamy na życzenie, która jest, co dzieje się tu nazwa jest zwrócić się nazwa rasy ciała żądania górę outbreed ciała.
Więc jakoś we wniosku znajduje się nazwa i rasa w tej rzeczy zwanej ciałem i używamy że do nowego psa.
A potem mamy przekierowanie użytkownika z powrotem nielegalnie psów jako żądanie GET, które będą następnie uruchomić cały ten kod, który znajdziesz wszystkie psy i renderować strony psów.
Tak wiele rzeczy dzieje.
Zacznijmy od samego początku poprzez wysłanie prostego żądania POST ciąć stworzyć psa.
Więc chodźmy do listonosza, a ja to zmienić w ciągu do słupka, a następnie musimy zmienić trasę być localhost 3000 ukośnik stworzyć psa i musimy się upewnić, że serwer jest nadal w toku, gdy jest OK.
I wtedy możemy zacząć po prostu uderzenie wysłać gdzie my nie zamierzamy wysłać imię i odczytu, a my zobaczymy co się stanie.
Więc jeśli spojrzeć na to, co dostaliśmy z powrotem to strona, gdzie ma te same psy Rustie dlaczego Daisy Sitka.
A potem jest również pusta psa bez imienia i bez rasy.
A jeśli pójdę do mojej przeglądarce tutaj i odświeżyć robię kolejny zamówienie Pobierz ciąć psy, które wywoła kod, który pobiera wszystkie psy z bazy danych i sprawia trochę żyć dla każdego z nich.
Można zobaczyć w rzeczywistości mamy pustą psa w bazie danych, a to dlatego, że nie wysyła żadnych danych.
Nie wysyłać nazwę i rasy, aby nasz nowy psa.
Więc były puste, a nasz kod prostu się pusty psa i zapisaniu go do bazy danych.
Tak więc, aby wysłać dane z listonoszem możemy przejść do ciała, a następnie możemy po prostu wpisać kilka rzeczy, aby dodać do ciała.
Dlatego chcemy, aby nazwa Charlie i czytać i wartość Breede będzie lab tak po prostu.
To wszystko, co musimy zrobić za pośrednictwem listonosza, żeby dokonać zamówienia pocztowego, który ma nazwę i rasy wewnątrz jej ciała.
I będę hit send.
Teraz zobaczysz odpowiedź mamy.
To wszystkie psy ponownie tym razem na samym końcu.
Mamy Charlie jako laboratorium.
A gdybym odświeżyć tutaj dokonać innego żądania dostaję wszystkie psy.
Charlie został dodany.
Podsumujmy wszystko to w 30 sekund tutaj.
Więc robię żądanie żądanie POST stworzyć psu tylko inny rodzaj wniosku.
A na wniosek podmiotu, który jest tutaj Dodaję nazwę i rasy Charlie i laboratorium.
A potem kliknij Wyślij, a następnie w moim kodu na serwer nasłuchuje żądania POST ciąć psa.
I to tworzy psa z prośbą kogoś nie nazwa i poprosić kogoś, żeby outbreed które są te dwie rzeczy, które przesyłane z listonosza.
A potem tworzy z psem to przekierowuje nas do slash psy więc nie wysyłać nam stronę lub dowolny wiek do niego.
To faktycznie działa kod u psów ukośnymi tutaj które następnie wyszukuje wszystkie psy w tym nowym jednego właśnie stworzył.
Charlie albo w poprzednim przypadku była to pusta psa bez imienia i bez rasy.
Pobiera wszystkie z nich i to czyni szablon psa, które widzieliśmy.
I dla każdego z nich to czyni nas trochę sprzymierzeńcem.
Tak wiele rzeczy dzieje.
To słuchanie dla żądania POST.
To dodanie nowego psa do bazy danych i jest przekierowanie nam ciąć psów.
Teraz porozmawiajmy o tym, jak możemy to zrobić za pomocą formularza.
Pamiętaj, że nie można dokonać żądania POST wciskającENTER w barze, ale możemy zrobić jeden za pomocą formularza.
Więc mam zamiar dodać formularz po prostu do moich psów.
Tak.
Na samym dole.
Podobnie dzieje się, aby znacznik formularz i istnieją dwie części postaci, która będzie teraz więcej sensu rozmawialiśmy o nich, kiedy wprowadzić formy początkowo ale nie ma zbyt wiele do zrozumienia kontekstu, co one znaczą.
Więc te dwie cechy są działania i metody.
Więc zacznę z metodą.
Robimy żądania POST i często można zobaczyć we wszystkich czapki, jak również.
To nie ma znaczenia.
A potem coś się dzieje, gdzie robimy żądania POST, które jest po prostu ukośnik stworzyć psa.
Więc kiedy ten formularz jest składany wyśle ​​żądanie POST, aby stworzyć psa, który jest tym, co spodziewamy się tutaj.
POST zażądać utworzenia psa będzie działał ten kod.
Następnie musimy dodać nasz wkład.
Więc będziemy mieć dwa wejścia.
Rodzaj równa tekst na obu z nich tak po prostu i out posiadacza miejsce na ten jeden, który mówi tylko nazwa.
A potem następny będzie dla rasy.
I ostatnia rzecz, zrobimy to mieć input type miano złożyć która będzie nasz przycisk i jeśli odświeżyć stronę mamy formę, ale jest pewien problem.
Gdybym to wypełnić.
Więc dodać tutaj Skittles innego psa, który może być pudel kiedy uderzy przedkłada go wyśle ​​żądanie POST ciąć stworzyć psa.
Ale uważaj, kiedy to zrobić to w końcu z pustym psa.
A to dlatego, mimo że mam dwa wejścia nie powiedziałem przeglądarkę jaka jest nazwa tych wejść są.
I to trzeba być nazywany nazwa, która jest trochę mylące, ponieważ nazwa ta nazwa i trzeba być rasy i tak robi zastępczy.
Więc teraz, co zrobiliśmy to dodając ten atrybut name Mówiliśmy przeglądarki, gdy użytkownik składać ta forma wysłać żądanie POST do utworzenia psa z dwoma kawałkami danych.
Nazwa powinna być równa Cokolwiek w tym wejściu i rasy jest równa Cokolwiek w tym wejściu, jak również.
Będziemy spędzać mnóstwo form zapisu czasu i radzenia sobie z różnymi atrybutami.
Więc nie zbyt wciągnąć w to.
Ale, co ważne jest teraz, że mamy do dodawania danych do ciała.
A gdybym odświeżyć i dodać Skittles który jest pudel, a teraz miałem złożyć widać, że wysłał żądanie POST i można zobaczyć, że tu po ciąć stworzyć psa.
I co się wtedy stało, zamiast tego stworzyć psa tu stworzył psa z danymi z formularza nazwę i rasy.
A potem stworzył tego psa i zapisywane w bazie danych nie ma znaczenia, jak to działa.
Ale to po prostu działa.
Wtedy możemy przekierować ciąć psy, dlatego jest w rzeczywistości drugą drobiazg wydrukowany tutaj mówi, że wniosek został złożony do get slash psy, mimo że w rzeczywistości nie naciśnij Enter.
Co się stało, kiedy złożył wniosek ciąć stworzyć psa jako słupek na końcu, że rzeczywiście robi kolejny wniosek o mnie ciąć psów.
A potem, że znajdzie wszystkie psy i to sprawia, że ​​szablon psy, które widzimy tu i potem dostać formularz na dole i wszystko pies leży.
I dlatego widzimy to tutaj.
Więc jeśli płacisz naprawdę szczególną uwagę na tę ikonę, tu będziesz rzeczywiście zobaczyć to na innego psa imieniem prowadzenia Snicker chodzi z tym tematem ze słodyczami i Snickers może być laboratorium, jak również.
Kiedy uderzył kliknij.
Patrz na to bardzo uważnie.
To będzie bardzo szybki.
Ale to zmieniło się tylko na chwilę.
I to jest ważne, ponieważ pokazuje, że kiedy złożyć wniosek rzeczywiście bierze mnie od tej strony, a następnie mamy przekierowany z powrotem tutaj po prostu super szybko, więc nie jesteśmy tylko pobyt na tej stronie przez cały czas, to faktycznie przenosi nas przez chwilę, a następnie przekierowuje nas i pokazuje nam tę treść i to, co się tutaj dzieje.
Podczas składania wniosku o slash stworzyć psa następnie przekierowuje nas do slash psy.
A następnie wewnątrz psów renderuje nam szablon psa, który jest, jak widzimy to wszystko w przeglądarce.
OK.
Więc pokryte dużo tam.
Niech mi tylko zwrócić uwagę na istotne elementy.
Jednym z nich jest, że wewnątrz naszego kodu serwera możemy odróżnić żądania GET i POST i możemy zrobić inny kod w zależności od tego, co się stało, kiedy i pamiętać GET jest do uzyskiwania informacji oraz po to, aby dodać lub przedstawienia informacji, która jest co używamy odrobienia.
Slash stworzyć psa jako post jest w jaki sposób można utworzyć nowego psa.
I są dwie rzeczy, które muszą znaleźć się w treści żądania nazwę i rasa.
A jeśli ich tam nie ma to zrobi pusty psa.
Ale bez względu na typ psa to sprawia, że ​​przekierowuje nas do slash psy, które następnie uruchamia cały ten kod.
A z drugiej strony ważne jest to, że kiedy złożyć ten jest natychmiastowe odświeżenie.
To naprawdę bardzo szybka, ale to nadal jest odświeżenie dokąd składając wniosek gdzieś indziej.
Podobnie jak gdybym to zrobił i naciśnij Enter jesteśmy rzeczywiście złożenia kolejnego wniosku.
Ta sama idea tutaj.
Kiedy uderzył kliknij.
Czuwają tu wysyła żądanie za każdym razem.
Więc to wszystko chcę mówić o całym tym wstępie dwa serwery i dwie trasy i HTP.
Skończyliśmy na razie.
Więc następnym aż zamierzamy skupić się na nasze środowisko deweloper konfiguracji i instalacji wszystkie narzędzia, które są potrzebne, abyśmy mogli zacząć pisać kod w taki sposób.