1
00:00:00,390 --> 00:00:01,300
Tekrar hoşgeldiniz.

2
00:00:01,560 --> 00:00:06,300
Bu videoda size basit bir uygulama oluşturmak için çok basit adımlar atacağız

3
00:00:06,570 --> 00:00:12,150
ve burdaki hedef, POST isteklerinin nasıl işlediğini ve post isteklerinizi dinleyen yolları nasıl oluşturduğumuzu

4
00:00:12,150 --> 00:00:18,810
göstermek ve daha sonra nasıl test edebildiğimizi göstermektir postacı ile birlikte çalıştıktan sonra farklı bir ifade

5
00:00:18,810 --> 00:00:24,100
şablonuna nasıl form yazabildiğimizi ve bu formun ekspres başvurumuza POST isteğinde bulunabildiğini görüyoruz.

6
00:00:24,180 --> 00:00:29,010
Dolayısıyla, bahsettiğim gibi birlikte basit bir uygulama yapacağım ve sıfırdan

7
00:00:29,190 --> 00:00:31,380
başlayıp Express'i yükleyip ekleyeceğim.

8
00:00:31,380 --> 00:00:34,180
Ve sonra gerçek uygulama mantığına geçeceğiz.

9
00:00:34,410 --> 00:00:42,990
Bu yüzden şimdi başlayacağım ve sadece post demo demo CD'sini arayacağım

10
00:00:43,830 --> 00:00:56,310
yeni bir dizin hazırlayacağım ve içinde NPM çalışacağız ve giriş noktasını birkaç kez değiştirerek girişe gireceğiz.

11
00:00:56,560 --> 00:00:57,310
TAMAM.

12
00:00:57,900 --> 00:00:59,310
Oraya gidiyoruz.

13
00:00:59,310 --> 00:01:07,010
Jason'ın artık ekspres çizgi çizgi yüklemesine izin verdiği paketimiz var.

14
00:01:08,580 --> 00:01:14,590
Ve biz buradayken NPM'nin E'yi kuralım. J. s ve de kaydedin.

15
00:01:15,080 --> 00:01:15,650
TAMAM.

16
00:01:15,870 --> 00:01:17,450
Şimdi uygulamamızı oluşturalım.

17
00:01:17,510 --> 00:01:18,750
Evet.

18
00:01:19,350 --> 00:01:26,020
Sonra bunu açıp, ihtiyaç duyduğumuz temel ifade kodunu ekleyeceğiz.

19
00:01:26,190 --> 00:01:34,470
Böylece require ile içe aktaracağız ve ardından yürüttüğümüz bir uygulama değişkeni oluşturacağız.

20
00:01:34,470 --> 00:01:45,650
EXPRESS Ve işte buradayken, uygulama size Ejay Yes olmasını sağlayacak bir uygulama yapacağız ve onu kaydedeceğim.

21
00:01:46,050 --> 00:01:52,650
Ve sonra da apt sırlarımızı dinleyeceğiz, bunun yerine burada yapacağız.

22
00:01:52,660 --> 00:01:55,630
Ve anladık.

23
00:01:56,010 --> 00:02:01,750
Ve ENFP IP ve geri arama fonksiyonunu işlemek için.

24
00:02:01,980 --> 00:02:10,110
Ve son olarak sadece günlük sunucusuna çok basit bir gelişim yapacağım.

25
00:02:10,890 --> 00:02:11,180
TAMAM.

26
00:02:11,190 --> 00:02:12,510
Yani biz onu kurduk.

27
00:02:12,570 --> 00:02:14,550
Şimdi kaba rotamızı bunun

28
00:02:17,400 --> 00:02:26,850
gibi yaratalım ve şimdi sadece buna benzer bir ev olarak adlandırılan restoran yaratma ve kaydetme için bir

29
00:02:27,270 --> 00:02:28,460
şablon oluşturalım.

30
00:02:28,530 --> 00:02:30,020
Şimdi bu şablonu oluşturalım.

31
00:02:30,120 --> 00:02:37,650
Dolayısıyla, dizin görünümleri yapmak için kullanılan bir dizine ihtiyacımız var ve dosya görünümlerinizi eve eğik çizgiye dokunmanız gerekiyor.

32
00:02:37,760 --> 00:02:38,490
Evet.

33
00:02:38,760 --> 00:02:47,540
Ve o dosyayı açın ve içimizde ana sayfanın böyle olduğunu söyleyen basit bir H-1 yapacağız ve işe

34
00:02:48,390 --> 00:02:49,850
yarayacağından emin olacağız.

35
00:02:50,070 --> 00:02:58,350
Diyelim ki Apalachee düğümünü çalıştıralım buraya tazelemeye gidelim ve ana sayfaya geldik.

36
00:02:58,790 --> 00:03:05,270
Tamam, temel iskelet kurduk, Ejaz'ın dahil ettiklerini ekspres ettik.

37
00:03:05,340 --> 00:03:09,260
Varsayılan görüntüleme motorunu ayarladık ve rota rotamız var.

38
00:03:09,690 --> 00:03:14,730
Yapacağımız uygulama temelde bir arkadaşınızın listesi veya arkadaş listesidir ve daha sonra

39
00:03:14,730 --> 00:03:18,780
bu listeye yeni bir arkadaş ekleyebileceğiniz bir form aracılığıyla gidebilirsiniz.

40
00:03:18,960 --> 00:03:24,510
bir şey olabilir, bunun için bir liste hazırlayacağız, sonra bir form kullanarak yeni bir liste oluşturabiliriz.

41
00:03:24,510 --> 00:03:28,610
Ve bu, arkadaş veya yapacağımız ya da kişilere ya da köpeklere

42
00:03:28,800 --> 00:03:37,920
Böylece arkadaş edineceğiz ve app'da ekleyeceğiz ve eğik çizgi arkadaşları alacağız ve bu, bir

43
00:03:37,920 --> 00:03:41,410
arkadaş listesi gösteren şablon sayfası olacak.

44
00:03:42,990 --> 00:03:48,810
Ve bunun yerine burada kırmızı bir başlangıç ​​işi yapacağız ve ona sadece arkadaş diyoruz ve şimdi

45
00:03:48,810 --> 00:03:50,120
bu şablonu oluşturmamız gerekiyor.

46
00:03:50,400 --> 00:04:00,430
Bu yüzden, Ejay'ı bize bağlayan ve bu dosyayı şu şekilde açan dokunmatik görünümler yapacağız.

47
00:04:00,790 --> 00:04:10,460
Ve burada, başka bir H-1 ekleyeceğiz doğru arkadaş listesi buraya gider ve sunucumuzu çalıştığından emin

48
00:04:11,250 --> 00:04:12,720
olarak çalıştırırız.

49
00:04:12,930 --> 00:04:17,290
Arkadaşları kestirmek için gidersek arkadaşlar listesi gelir gideriz.

50
00:04:17,610 --> 00:04:18,270
TAMAM.

51
00:04:18,270 --> 00:04:21,010
Bu yüzden yapacağımız şey, bir arkadaş listesi gösteriliyor.

52
00:04:21,210 --> 00:04:22,890
Ve bu yüzden bu listeyi yaratmamız gerekiyor.

53
00:04:22,890 --> 00:04:23,970
Verilere ihtiyacımız var.

54
00:04:24,210 --> 00:04:32,320
Bu yüzden bir dizi arkadaşı ismi oluşturacağım ve çok basit

55
00:04:33,030 --> 00:04:46,080
olacak, arkadaşlarım eşit olacak ve Tony ve Justin Pierre ve Lilly gibi birkaç isim ekleyeceğiz.

56
00:04:46,290 --> 00:04:46,860
TAMAM.

57
00:04:47,140 --> 00:04:52,450
Dolayısıyla bir dizi arkadaşımız var ve o zaman bu arkadaş dizisini arkadaşlarımızın şablonuna

58
00:04:52,450 --> 00:04:57,580
geçeceğiz. Burada şablon üzerinden dönüp her arkadaşımızı bir liste öğesi olarak göstereceğiz.

59
00:04:57,640 --> 00:04:59,220
O yüzden bunu içeri aktarmak zorundayız.

60
00:04:59,300 --> 00:05:02,770
Unutmayın bunun bir nesne ve yapılması gereken iki şey var.

61
00:05:02,770 --> 00:05:09,340
Ona bir isim veya bir mülk vermeliyiz ki bunu sadece arkadaş olarak adlandıracağımız görünümde ve bunu iletmek

62
00:05:09,340 --> 00:05:15,040
için kullanacağımız bir mülk olarak da iletiyoruz. Verilerimiz de sadece başladıktan sonra kafa karıştırıcı olan

63
00:05:15,040 --> 00:05:15,730
arkadaşlar. .

64
00:05:15,760 --> 00:05:20,800
adın kullanıldığı yerlerde en çok gördüğünüz şey budur, ancak bunun bir şey olabileceğini unutmayın.

65
00:05:20,800 --> 00:05:21,560
Ancak, aynı

66
00:05:21,580 --> 00:05:24,810
Ve bu, burada arkadaşımız dizisine atıfta bulunuyor.

67
00:05:25,150 --> 00:05:31,560
Tamam şimdi şimdi şablon arkadaş çalışma zekasına gidelim ve halkamıza ekleyin ve her biri için birer tane

68
00:05:31,560 --> 00:05:32,070
yapacağım.

69
00:05:32,290 --> 00:05:36,690
Bu nedenle, normal javascripti önce Ejay'siz parantezler olmadan yazacağım.

70
00:05:36,820 --> 00:05:47,380
Böylece her fonksiyon için arkadaşlarımız var ve fonksiyonumuz orada arkadaş parametresi alıyor ve ardından açılış

71
00:05:47,470 --> 00:05:50,760
kapanış kıvırcık parantezlerimizi böyle yapıyor.

72
00:05:50,920 --> 00:05:59,230
Ve bunun yerine burada yapacağımız, her biri için öyle bir arkadaşım olduğunu söyleyen bir müttefik yaratmaktır.

73
00:05:59,610 --> 00:06:05,870
Şimdi geri dönelim ve eşit ifadeye ihtiyacımız olmadığı cümleleri ekleyelim veya bunun sadece mantık için olduğunu unutmayalım.

74
00:06:06,280 --> 00:06:09,800
Bu iki çizgide bir şeyin ortaya çıkmasını istemiyoruz.

75
00:06:09,970 --> 00:06:16,330
Bu işi yaptık ve eğer kaydetmek ve yenilemek kaydıyla, listedeki her arkadaşım için bir arkadaşım

76
00:06:16,330 --> 00:06:21,640
olduğunu söyleyen bir müttefiki görmeliyiz ve bunu denemeliyiz, hata yapmadığımızdan emin olun.

77
00:06:21,880 --> 00:06:26,890
Sayfayı yenileyin ve bir arkadaşım olduğunu söyleyen 5 liste öğesi edinin.

78
00:06:27,530 --> 00:06:32,130
Şimdi tekrar tekrar geri döneceğiz ve sadece bir arkadaşımın arkadaşınızın adını yazdıracağımızı söylemektense

79
00:06:32,140 --> 00:06:32,690
izin vereceğiz.

80
00:06:32,950 --> 00:06:39,110
işarete ihtiyacımız var çünkü bu kez değerlendirilen değerin takımın kendisine eklenmesi isteniyor.

81
00:06:39,250 --> 00:06:40,620
Bu sefer eşit

82
00:06:40,750 --> 00:06:47,570
Bunun yerine her birimiz için gelen bir arkadaşın değeriyle değiştirilmesini istiyoruz.

83
00:06:47,740 --> 00:06:49,140
Yine bu her şey olabilir.

84
00:06:49,140 --> 00:06:50,620
İstediğimiz her şeyi x olarak yaz.

85
00:06:50,720 --> 00:06:54,010
Ve X koyarsa işe yarayacaktır.

86
00:06:54,430 --> 00:07:01,300
Bu yüzden yenilemeyi göstereceğim ve beş arkadaşımızı alacağız ve X çok kötü bir değişken

87
00:07:01,300 --> 00:07:07,090
adı olduğu için çok arkadaşına sadece sunucu yeniden başlatmak için geri dönüyorsun.

88
00:07:07,120 --> 00:07:10,690
Bir kez daha ve hiçbir şey değiştiğini göremezsin.

89
00:07:10,690 --> 00:07:12,910
Tamam bu yüzden bu arkadaş listemize sahibiz.

90
00:07:13,060 --> 00:07:16,880
Şimdi ne yapacağız, post route'u kurmaktan bahsediyoruz.

91
00:07:17,110 --> 00:07:22,840
Amaç sonunda bu sayfanın alt kısmında bir form olması ve bu forma

92
00:07:22,840 --> 00:07:27,760
bir ad yazıp gönder butonuna basarak listemize yeni bir arkadaş ekleyebiliriz.

93
00:07:27,790 --> 00:07:33,340
Bu yüzden, Friends dizisine yeni bir ad gönderiyoruz ve daha sonra bu şablonu yeniden oluşturuyoruz ve bu şablonu yeni

94
00:07:33,340 --> 00:07:37,250
eklenen arkadaşımız için yeni bir madde işareti noktası ve yeni liste öğesi ekleyeceğiz.

95
00:07:37,390 --> 00:07:43,000
yapmamıza izin verip vermediğimizi hatırlamamız gerekir. kullanıcı ya da yeni bir yorum oluşturuyor ya

96
00:07:43,000 --> 00:07:47,770
da yeni bir posta ya da bu durumda yeni bir arkadaş oluyoruz.

97
00:07:47,770 --> 00:07:53,800
Bir post-road kurarak başlamamız gerekir; verileri gönderirken veri eklerken Strout'u postayla kullanmamız gerektiğini ve veritabanına

98
00:07:54,540 --> 00:07:55,400
veri girişi

99
00:07:55,420 --> 00:07:59,390
Tek seçenek olmasa da, en mantıklı şey nedir?

100
00:07:59,530 --> 00:08:02,120
Şimdilik, sanki tek seçenekmiş gibi davranacağız.

101
00:08:02,140 --> 00:08:08,260
Yani sadece bilgi almak için olsun ve bir yazı eklenecek veya sunucu tarafında bir şekilde

102
00:08:08,260 --> 00:08:10,810
kullanılmak üzere yeni veri göndermek içindir.

103
00:08:11,140 --> 00:08:18,790
Ve yazmamız gereken tek şey postaya uygun ve yolun adı da bunun gibi arkadaş

104
00:08:18,790 --> 00:08:26,290
eklemeye çağıralım ve istek ve cevap ile aynı görünüyor ve şimdilik bunun gibi bırakacağız.

105
00:08:26,410 --> 00:08:31,770
Ve içeride sadece bir dinlenme yapacağız Şablon yapmayacağız RES dot gönder.

106
00:08:32,080 --> 00:08:41,040
Bu şekilde post güzergahına ulaştınız.

107
00:08:41,080 --> 00:08:46,930
Şimdi, postman'ı kullanarak arkadaş isteğini postalama isteğinde bulabilirsek bunu tetikleyip tetikleyemeyeceğimizi görelim.

108
00:08:47,950 --> 00:08:55,090
Bu yüzden bu URL'yi alıp postacıya ve nerede istekte bulunacağımıza kopyalayacağım.

109
00:08:55,090 --> 00:09:00,880
Sadece bir istek olsun diye sosh arkadaşlar ederek başlayabiliriz ve her takımın beş arkadaşıyla

110
00:09:00,880 --> 00:09:02,270
geri döndüğümüzü görürsün.

111
00:09:02,270 --> 00:09:08,970
Ancak şimdi bir sonrası talep yapalım ve arkadaş ekleme çizgi haline getiriyoruz.

112
00:09:09,550 --> 00:09:15,130
Ve şimdi bir posta isteği gönderirsek bir ileti alırsın, arkadaş ekleyemezsin ve bu saçma bir nedenle.

113
00:09:15,400 --> 00:09:18,490
Yeni bir rota eklediğimizde sunucuyu yeniden başlatmamız gerekiyor.

114
00:09:18,850 --> 00:09:22,770
Ve şimdi gidip isteği tekrar gönderirsek bir mesaj alırsak.

115
00:09:22,930 --> 00:09:24,740
Posta güzergahına ulaştınız.

116
00:09:24,820 --> 00:09:29,380
Bu nedenle, post isteği gönderiyoruz ve bir form kullanmamak yerine postacı vasıtasıyla

117
00:09:29,380 --> 00:09:31,010
yapıyoruz ancak aynı fikir.

118
00:09:31,030 --> 00:09:32,130
Aynı şekilde çalışır.

119
00:09:32,170 --> 00:09:36,650
Bir posta talebi gönderiyoruz ve bu kod burada çalıştırılıyor.

120
00:09:36,710 --> 00:09:42,300
Tamam, böylece yapmak istediğimiz şey, gönderme isteğini göndermek için bir form kullanmaktır.

121
00:09:42,430 --> 00:09:48,960
Bu yüzden her sayfayı arkadaşlara inceleyeceğim ve alt kısmında birçok form var ve

122
00:09:48,970 --> 00:09:51,320
bu form bu rotaya gidecek.

123
00:09:51,670 --> 00:09:54,390
Dolayısıyla iki önemli nitelik olduğunu unutmayın.

124
00:09:54,440 --> 00:09:57,900
Eylem ve sonra yöntem var.

125
00:09:58,540 --> 00:09:59,790
O zaman yöntemle başlayalım.

126
00:09:59,920 --> 00:10:06,780
Bir gönderme isteği göndermek istiyor ve eylem, tümüyle eğik çizgi ve arkadaş olan bir eylem.

127
00:10:07,420 --> 00:10:10,700
Ve yine bu oran burada eşleşmelidir.

128
00:10:10,990 --> 00:10:13,440
Arkadaşınızı bir yazı olarak ekleyin.

129
00:10:13,910 --> 00:10:14,620
Tamam.

130
00:10:14,620 --> 00:10:22,330
Ve bunun yerine, tek bir giriş türünün metne eşit olacağız ve sonra da adını veya oraya ne koymak

131
00:10:22,330 --> 00:10:25,880
istediğimizi belirten bir yer tutucuya sahip olmak istiyoruz.

132
00:10:25,900 --> 00:10:31,540
Bu sadece yer tutucu metin ve ardından da sonunda bir düğme ekleyeceğiz

133
00:10:32,260 --> 00:10:37,180
ve bu sadece yeni bir arkadaş edindiğimizi ve kaydettiğimiz anlamına gelecek.

134
00:10:37,890 --> 00:10:40,320
Ve şimdi bu bizim için bir biçim yaratacak.

135
00:10:40,690 --> 00:10:46,930
yeniden başlatıp geri döndüğümde sayfayı yenilediğimde şu anda bir formum var ve incelemek

136
00:10:46,930 --> 00:10:54,430
durumunda olduğum eylemin bulunduğu iki öznitelik var ADD arkadaş yöntemi post ve tek bir girdi içeriyor.

137
00:10:54,430 --> 00:10:55,090
Sunucuyu

138
00:10:55,420 --> 00:11:00,150
Ve ben buraya bir şeyler yazarsam bugün Bob diye yeni bir arkadaş edindim ve tıklıyorlar.

139
00:11:00,160 --> 00:11:02,500
Yeni arkadaş edindim.

140
00:11:02,770 --> 00:11:04,560
Bu yanıtı alıyoruz görebilirsiniz.

141
00:11:04,570 --> 00:11:09,070
Posta güzergahına ulaştınız; bu, gönderme isteği gönderdiğimizi ve bunu doğru yere gönderdiğimiz

142
00:11:09,070 --> 00:11:09,980
anlamına geliyor.

143
00:11:10,030 --> 00:11:14,140
Slash arkadaş ekleyin ama biz bu rotada hiçbir şey yapmıyoruz.

144
00:11:14,140 --> 00:11:19,570
ve aslında yapmak istediğimiz şey, verileri Bob'dan almak istediğin formdan almak.

145
00:11:19,920 --> 00:11:21,240
Bu mesajı yanıtlamaktan

146
00:11:21,430 --> 00:11:25,990
Ardından, onu arkadaşlar dizisine eklemek istiyoruz ve sonra kullanıcının Bob'ı yeni madde işareti olarak

147
00:11:26,080 --> 00:11:28,060
görebilecekleri bu sayfaya geri dönmesini istiyoruz.