1 00:00:00,150 --> 00:00:01,250 Tekrar hoşgeldiniz. 2 00:00:01,290 --> 00:00:08,310 Dolayısıyla bu video, bu köpek demo uygulamasının kavramsal bir bakışını yaptığımız son videonun bir 3 00:00:08,310 --> 00:00:11,850 devamı ve TO GET istek rotalarından bahsettik. 4 00:00:12,180 --> 00:00:15,110 Aynı beklentiyi uygulamak için tekrarlayın. 5 00:00:15,360 --> 00:00:21,690 İşleri kavramsal bloklar olarak kabul edebiliyorsanız bu kodun yüzde 99'unu anlamanıza gerek yoktur 6 00:00:21,840 --> 00:00:29,910 ve buradaki bu kodun köpeklerin rota almaktan sorumlu olduğunu ve bir şekilde köpekleri bir sürü içeren bir 7 00:00:29,910 --> 00:00:32,580 sayfayı geri gönderdiğini anlayabilirsiniz o. 8 00:00:32,700 --> 00:00:34,660 Şimdilik bilmeniz gereken tek şey bu. 9 00:00:34,680 --> 00:00:36,720 Aynı şey yeni kavramlar için de geçerlidir. 10 00:00:36,720 --> 00:00:38,350 Bu videoda öğreneceğiz. 11 00:00:38,370 --> 00:00:41,100 Odak, konseptlerin sözdizimi değildir. 12 00:00:41,430 --> 00:00:47,070 Dolayısıyla, burada ilk videoda bahsetmediğim üçüncü bir rota var ve bu, bir post 13 00:00:47,580 --> 00:00:49,450 rota olması biraz farklı. 14 00:00:49,710 --> 00:00:57,300 Dolayısıyla, buradaki kod yalnızca bir kullanıcı köpek yaratmak için bir POST isteği yaptığında çalışacaktır. 15 00:00:58,190 --> 00:01:03,870 Ve sadece hafızasına hızlıca geçebilmek için bir kullanıcı size veya Albar'a bir şeyler yazarak bir POST isteği yapamaz. 16 00:01:04,290 --> 00:01:09,330 puan dokuz dokuz dokuz yüzde bir POST isteği yapacak zaman bir form geçer. 17 00:01:09,330 --> 00:01:10,060 Dokuz dokuz 18 00:01:10,290 --> 00:01:12,970 Dolayısıyla, bunu sadece birazcık bir şekilde göreceğiz. 19 00:01:13,170 --> 00:01:16,880 Ancak postacı vasıtasıyla bir POST isteği hazırladım da gösterebilirim. 20 00:01:17,370 --> 00:01:20,190 Böylece, köprü kurma isteği köpek yaratır. 21 00:01:20,370 --> 00:01:26,610 Ve ne yapacağız, burada olması gereken isteği gönderdiğimiz ırktaki 22 00:01:26,610 --> 00:01:33,280 adı alacak adı, gövde adının soyundan gelen isteksiz vücut dışındadır. 23 00:01:33,300 --> 00:01:39,720 Yani bir şekilde istekte vücut adı verilen bu şeyde bir isim ve ırk var ve onu yeni bir 24 00:01:39,720 --> 00:01:41,020 köpek yapmak için kullanıyoruz. 25 00:01:41,370 --> 00:01:46,920 Sonra kullanıcıyı tekrar slush köpeklerine yönlendiriyoruz, böylece tüm köpekleri bulacak ve köpekler 26 00:01:46,920 --> 00:01:50,850 sayfasını oluşturacak olan bu kodu çalıştıran bir istek olacaktır. 27 00:01:51,120 --> 00:01:52,560 Pek çok şey oluyor. 28 00:01:52,830 --> 00:01:58,910 En baştan köpek yaratma çizgisine basit bir posta isteği göndererek başlayalım. 29 00:01:59,250 --> 00:02:05,880 Postacıya gidelim ve bunu postaya değiştireceğim ve sonra rotayı localhost 3000 eğik çizgi 30 00:02:05,880 --> 00:02:13,380 köpek yaratmak için değiştirmek zorunda kalacağız ve sunucunun olduğu halde hala sunucunun devam ettiğinden emin 31 00:02:13,380 --> 00:02:14,230 olmamız gerekiyor. 32 00:02:14,730 --> 00:02:19,860 bir gönderime basarak başlayabiliriz ve bir okumak ve ne olacağını göreceğiz. 33 00:02:19,860 --> 00:02:22,090 Ve sonra bir gönderme yapmayacağımız 34 00:02:23,550 --> 00:02:31,010 Peki geri döndüğümüze bakarsanız, Rustie'nin bulunduğu Daisy Sitka'yı neden aynı köpekler sayfasında buluyor. 35 00:02:31,200 --> 00:02:35,250 Ve sonra da adı olmayan ve hiçbir ırkı olmayan boş bir köpek var. 36 00:02:35,310 --> 00:02:41,670 Ve burada tarayıcıma gidersem ve yenilersem, köpekleri parçalamam için başka bir istekte bulunursam, bu da 37 00:02:41,670 --> 00:02:46,800 köpekleri veritabanından alır ve her biri için biraz canlı yayın yapan kodu tetikleyecektir. 38 00:02:46,950 --> 00:02:53,100 Aslında, veritabanında boş bir köpeğe sahibiz ve bu da herhangi bir veri göndermediğimiz anlamına geliyor. 39 00:02:53,130 --> 00:02:56,630 Yeni köpek ile birlikte bir isim ve ırk göndermedik. 40 00:02:56,670 --> 00:03:01,300 Bu yüzden boştu ve kodumuz sadece boş bir köpek yaptı ve veritabanına kaydetti. 41 00:03:01,500 --> 00:03:09,090 Postacı ile veri göndermek için bedene gidebiliriz ve sonra vücuda eklemek için bazı şeyler 42 00:03:09,090 --> 00:03:09,870 yazabiliriz. 43 00:03:10,080 --> 00:03:19,900 Bu yüzden bir adın Charlie olmasını ve okumasını istiyoruz ve Breede'nin değeri öyle laboratuvar olacak. 44 00:03:19,920 --> 00:03:25,830 Postacı aracılığıyla, bedeninin içinde adı ve ırkı bulunan bir sonrası talebi yapmak için yapmamız gereken tek 45 00:03:25,830 --> 00:03:26,430 şey budur. 46 00:03:26,760 --> 00:03:28,210 Ve sende vuracağım. 47 00:03:28,770 --> 00:03:30,630 Şimdi aldığımız yanıtı göreceksin. 48 00:03:30,660 --> 00:03:34,150 Bu sefer tekrar tüm köpekler. 49 00:03:34,170 --> 00:03:36,090 Charlie'yi laboratuar olarak almıştık. 50 00:03:36,270 --> 00:03:41,400 Ve burada yenileyip başka bir istekte bulunursam, bütün köpekleri alırım. 51 00:03:41,700 --> 00:03:43,100 Charlie eklendi. 52 00:03:43,530 --> 00:03:46,090 Bunların tümünü 30 saniye içinde tekrar edelim. 53 00:03:46,290 --> 00:03:51,310 Bu nedenle, köpek oluşturmak için yalnızca başka bir istek talepte bulunmak istiyorum. 54 00:03:51,540 --> 00:03:57,450 Ve vücudun isteği üzerine ben burada isim ekledim ve Charlie ve laboratuarı üreceğim. 55 00:03:57,840 --> 00:04:05,040 Ve sonra gönderime basladim ve sonra sunucudaki kodumda köpegi köprü istegi dinliyor. 56 00:04:05,510 --> 00:04:11,370 şeyin birisinin adını vermediği ve soyundan birini isteyerek bir köpek oluşturuyor. 57 00:04:11,370 --> 00:04:13,730 Ve birisi, postacıya gönderdiğimiz iki 58 00:04:14,220 --> 00:04:21,420 Ve sonra köpek oluşturduktan sonra köpekleri parçalamaya yönlendirir, böylece bize bir sayfa göndermez ya da ona herhangi bir 59 00:04:21,420 --> 00:04:22,310 yaş bulamaz. 60 00:04:22,470 --> 00:04:29,670 Aslında burada bulunan çizik köpeğin kodunu çalıştırıyor ve daha sonra yeni yarattığı yeni köpek de dahil olmak 61 00:04:29,670 --> 00:04:31,260 üzere tüm köpekleri buluyor. 62 00:04:31,380 --> 00:04:35,870 Charlie veya önceki davada adı olmayan ve cinsi olmayan boş bir köpekti. 63 00:04:36,000 --> 00:04:40,500 Hepsini alır ve ardından gördüğümüz köpek şablonunu oluşturur. 64 00:04:40,680 --> 00:04:43,740 Ve her biri için bizi küçük müttefik yapar. 65 00:04:44,640 --> 00:04:46,330 Pek çok şey oluyor. 66 00:04:46,440 --> 00:04:48,060 POST isteğini dinliyor. 67 00:04:48,270 --> 00:04:52,650 Bir veritabanına yeni bir köpek katıyor ve bizi köpeği eğitmek için yönlendiriyor. 68 00:04:52,650 --> 00:04:56,170 Şimdi bunu bir formla nasıl yapabileceğimiz hakkında konuşalım. 69 00:04:56,220 --> 00:05:01,920 Çubuğa girerek bir POST isteği gerçekleştiremediğimizi, ancak form kullanarak bir POST isteğinde bulunabileceğimizi unutmayın. 70 00:05:02,010 --> 00:05:05,630 Bu yüzden sadece köpeklerime bir form ekleyeceğim. 71 00:05:05,770 --> 00:05:06,240 Evet. 72 00:05:06,290 --> 00:05:07,330 En altta. 73 00:05:07,410 --> 00:05:14,680 Sadece bir form etiketi yapacağım ve bir formun iki kısmı var, bu formları aslında daha mantıklı olacak; formları 74 00:05:14,680 --> 00:05:19,180 başlangıçta tanıttığımızda, ancak neyi kastettiklerini anlamaya yetecek kadar bağlamım olmadığında bunlardan 75 00:05:19,180 --> 00:05:19,730 bahsettik. 76 00:05:19,750 --> 00:05:24,170 Bu iki özellik de eylem ve yöntemdir. 77 00:05:24,520 --> 00:05:26,150 Böylece Method ile başlayacağım. 78 00:05:26,230 --> 00:05:30,780 Bir yayın isteği gönderiyoruz ve sık sık bunu her harfle de görüyorsunuz. 79 00:05:30,790 --> 00:05:31,750 Önemli değil. 80 00:05:31,990 --> 00:05:38,870 Ve sonra eylem, sadece köpek yaratma çiziktirme sonrası bir istekte bulunduğumuz yerdir. 81 00:05:39,120 --> 00:05:45,760 Bu nedenle, bu form gönderildiğinde burada beklediğimiz köpek oluşturmak için bir posta isteği 82 00:05:45,750 --> 00:05:46,130 göndereceğiz. 83 00:05:46,150 --> 00:05:50,080 POST isteği köpek oluşturmak bu kodu çalıştıracaktır. 84 00:05:50,290 --> 00:05:52,210 Sonra girişlerimizi eklemeliyiz. 85 00:05:52,270 --> 00:05:54,020 Yani iki girişimiz olacak. 86 00:05:54,190 --> 00:06:01,720 Her ikisinde de metni, yalnızca adını söyleyen bu metin ve yer tutucu dışındaki metinlere eşit 87 00:06:01,720 --> 00:06:02,360 yazın. 88 00:06:02,500 --> 00:06:05,270 Ve sonra birincisi ırk için olacak. 89 00:06:05,860 --> 00:06:14,770 Yapacağımız en son şey, bir girdi türüne, gönderilecek düğme olacağımız ve düğmemiz olacak ve sayfayı 90 00:06:14,760 --> 00:06:20,520 yenilersek şimdi bir formumuz var ancak bir sorun var. 91 00:06:20,590 --> 00:06:21,620 Eğer bunu doldurursam. 92 00:06:21,730 --> 00:06:30,760 Bu yüzden başka bir köpek daha ekliyoruz Skittles, vurduğumda bir kaniş olabilir ve köpek yaratmak için bir 93 00:06:31,120 --> 00:06:32,870 posta isteği göndereceğiz. 94 00:06:33,190 --> 00:06:37,450 Ama bunu izlediğimizde boş bir köpeğe dönüştüğüme dikkat et. 95 00:06:37,810 --> 00:06:44,350 Bunun sebebi, iki girdiye sahip olsam da, tarayıcıya bu girdilerin adını söylememiş olmamdan 96 00:06:44,350 --> 00:06:44,940 kaynaklanmaktadır. 97 00:06:45,400 --> 00:06:53,140 Ve bu isim biraz kafa karıştırıcı bir isim olan ad olarak adlandırılmalıdır, çünkü ad ve bu kişinin ırkı 98 00:06:53,130 --> 00:06:56,870 üretilmesi gerekiyor ve bu yüzden yer tutucusu da var. 99 00:06:56,880 --> 00:07:03,250 Şimdi yaptığımız, kullanıcı bu formu gönderdiğinde tarayıcıya söylediğimiz bu ad özniteliğini ekleyerek, iki 100 00:07:03,250 --> 00:07:08,600 veri parçası olan köpek oluşturmak için bir yayın isteği göndermektir. 101 00:07:08,920 --> 00:07:14,920 Ad, bu girdide her neyse ona eşit olmalı ve ırkı, bu girdide ne olursa olsun eşittir. 102 00:07:15,490 --> 00:07:19,040 Form yazarken ve farklı niteliklerle uğraşırken tonlarca vakit harcayacağız. 103 00:07:19,240 --> 00:07:20,760 O yüzden ona kapılma. 104 00:07:20,920 --> 00:07:24,810 Ancak önemli olan şu ki vücuda veri ekliyoruz. 105 00:07:24,820 --> 00:07:33,310 Yenilgiye uğratır ve bir kaniş askısı olan Skittles'ı eklersem, şimdi göndermiştim, bir post 106 00:07:33,310 --> 00:07:39,260 isteği gönderdiğini görebilir ve burada köpek yaratma çizgisini görebilirsiniz. 107 00:07:39,880 --> 00:07:46,410 Ve sonra ne oldu bu köpek yaratmak yerine burada ad ve cins formundaki 108 00:07:46,420 --> 00:07:48,370 verilerle bir köpek yarattı. 109 00:07:48,820 --> 00:07:54,060 Sonra o köpeği yarattıktan ve veritabanını kurduktan sonra bunun nasıl işlediği önemli değil. 110 00:07:54,070 --> 00:07:56,460 Ama işe yarıyor. 111 00:07:56,470 --> 00:08:03,210 Sonra köpekleri indirgemeye yönlendiririz, bu yüzden aslında içeri girmediğim halde köpekleri 112 00:08:03,220 --> 00:08:08,370 indirmek için istekte bulunulduğunu söyleyen ikinci küçük şey çıktı. 113 00:08:08,380 --> 00:08:14,290 Köpeği köpek tasfiye etmek için başka bir istekte bulunması sonucunda bir köpek yaratmak için bir 114 00:08:14,290 --> 00:08:17,190 gönderme yapmak için bir istekte bulunduğumda oldu. 115 00:08:17,440 --> 00:08:23,970 Ve sonra bütün köpekleri bulur ve sonra burada gördüğümüz köpek şablonunu işler hale getirir ve daha sonra 116 00:08:23,980 --> 00:08:26,750 formun alt kısmında ve köpeklerin yalanlarını alırız. 117 00:08:26,830 --> 00:08:28,830 İşte bu yüzden burada görüyoruz. 118 00:08:28,890 --> 00:08:35,580 Dolayısıyla burada bu simgeye gerçekten çok dikkat ederseniz, aslında Snicker'in şeker temasıyla 119 00:08:35,590 --> 00:08:42,530 tutulan başka bir köpeğe bakacağını ve tokmakların da bir laboratuar olabileceğini göreceksiniz. 120 00:08:42,750 --> 00:08:44,230 Gönderene vurduğumda. 121 00:08:44,230 --> 00:08:46,180 Bunu çok yakından izleyin. 122 00:08:46,170 --> 00:08:47,390 Gerçekten hızlı olacak. 123 00:08:47,800 --> 00:08:49,900 Ama bir anlığına değişti. 124 00:08:50,200 --> 00:08:54,900 Ve bu önemlidir, çünkü bir istekte bulunduğumda aslında beni bu sayfadan uzaklaştırıyor 125 00:08:54,900 --> 00:09:00,180 ve daha sonra buraya süper hızlı yönlendiriliyoruz, bu yüzden aslında bu sayfaya yalnızca bizi 126 00:09:00,190 --> 00:09:06,370 uzaklaştıran süre boyunca kalmayacağımızı gösteriyor bir anlığına geri çevirir ve sonra bizi yönlendirir ve bize bu 127 00:09:06,370 --> 00:09:08,980 içeriği gösterir ve burada olan biteni gösterir. 128 00:09:08,980 --> 00:09:14,000 Bir köpek yaratma talebi yaptığınızda bizi köpeği eğitmek için yönlendirir. 129 00:09:14,160 --> 00:09:19,980 Ve sonra köpekler içinde bizi köpeğin şablonu haline getiriyor, hepsini tarayıcıda görüyoruz. 130 00:09:20,670 --> 00:09:20,930 TAMAM. 131 00:09:20,950 --> 00:09:22,350 Yani biz orada çok şey kapladık. 132 00:09:22,360 --> 00:09:24,850 Önemli parçaları işaret edeyim. 133 00:09:24,850 --> 00:09:31,480 Birincisi, sunucu kodumuzun içinde bir get isteği ve bir post isteği arasında ayrım yapabildiğimiz ve 134 00:09:31,480 --> 00:09:37,500 ne olduğuna bağlı olarak farklı bir kod yapabildiğimizi ve bir get'i hatırlamak gerektiğini ve 135 00:09:37,570 --> 00:09:42,250 bir postanın, ne olduğunu eklemek veya göndermek olduğunu belirtir kullanıyoruz. 136 00:09:42,390 --> 00:09:46,010 Yeni köpek nasıl yaratabileceğiniz bir post olarak köpek yaratın. 137 00:09:46,240 --> 00:09:50,860 Ve istek gövdesinde adı ve ırkı olması gereken iki şey vardır. 138 00:09:50,980 --> 00:09:53,710 Ve eğer orada değillerse boş bir köpek olur. 139 00:09:54,000 --> 00:10:00,100 Ancak köpek türü ne olursa olsun, daha sonra bu kodu yürüten köpekleri indirgemeye yönlendiriyor. 140 00:10:00,550 --> 00:10:05,680 Ve diğer önemli şey, bunu gönderdiğimizde bir anlık yenileme var. 141 00:10:05,670 --> 00:10:10,890 Gerçekten çok hızlı ama yine de başka bir yere talebinde bulunduğumuz bir tazeleme. 142 00:10:11,020 --> 00:10:15,250 Tıpkı bunu yapsam ve Enter'a basarsam, aslında başka bir istekte bulunurum gibi. 143 00:10:15,280 --> 00:10:16,500 Aynı fikir burada. 144 00:10:16,680 --> 00:10:17,880 Gönderene vurduğumda. 145 00:10:18,100 --> 00:10:21,060 Burada izlemeye devam edin her seferinde bir istekte bulunur. 146 00:10:21,310 --> 00:10:28,440 Bu yüzden bu tanıtımda iki sunucu ve iki rota ile HTP hakkında konuşmak istediğim tek şey bu. 147 00:10:28,620 --> 00:10:29,890 Şimdilik bitirdik. 148 00:10:29,880 --> 00:10:35,220 Sonraki aşamada, geliştirici ortamımızı ayarlamaya ve ihtiyaç duyduğunuz tüm araçları 149 00:10:35,230 --> 00:10:38,230 kurmaya odaklanacağız, böylece kod yazmaya başlayabiliriz.