Bu videoda, bu dersin geri kalanında üzerinde çalışacağımız Yelp
kampı uygulamasına başlayacağız.
Başlarken, temel kurulumu hazırlayarak başlayacağız.
Ekspres başvuruyu alıp ilk birkaç rotamıza ve şablonlarımıza sahip olmak.
Ancak bunun hakkında konuşmaya başlamadan önce burada iş akışını ve bunun sürekli olarak farklı özellikler
ekledikçe bunun nasıl işe yarayacağını açıklamak istiyorum.
Kodu istediğiniz zaman görebilmenizi istiyorum, yalnızca son çözümü görmeni istemiyorum.
Bu yüzden yapacağım, farklı klasörler halinde çalışmak.
Bu yüzden bir yelp kamp dizinim var ve Yelp kampı yerine farklı sürümler ekleyeceğim.
Yani bunu yapmak zorunda değilsin.
Birlikte takip etmek ve farklı sürümler yapmak istiyorsanız, yalnızca kendiniz bir sürüme
sürekli ekleyebilirsiniz.
Her zaman hangi sürümde olduğumuza işaret edeceğim, ancak amaç, sürüm 2 ve
sürüm 3 arasında eklediğimlere geri dönüp bakmamak istiyorsa, sürüm 2 ve sürüm 3 dizinlerini açıp
bunları karşılaştırabilmenizdir.
Tamam, artık yolumuz yok, burada başlayalım.
Ne yapacağız temel app kuracağız kuracağız Express ve her Evet, views dizini alacağız
ve sonra iki farklı yol ekleyeceğiz.
Temelde Yelp kampına hoş geldiniz gibi bir ana sayfasına sahip olacağız.
İşte ne yaptığımız hakkında küçük bir cümle.
İşte kaydolma düğmesi.
İşte aslında henüz çalışmayan bir iletişim bağlantısı.
Sonra buradan, veritabanımızdaki tüm kampları listeleyecek ve henüz bir veri tabanımız
bulunmayan, uygulamanızın ana sayfası olacak olan kamp sayfasını oluşturacağız.
Dolayısıyla, bir dizi arkadaşımız olan arkadaşlarımızla son videoda yaptığımız gibi sadece bir
dizi kamp olacak.
Çok geçmeden şimdi yeni bir veritabanına geçeceğiz, çünkü kamp sadece iki farklı
bilgiye sahip olacak.
Kursun sonunda kampın 10 ila 15 farklı parçası olacaktır ancak şu an somonburnu
veya Dewey noktası veya kampımızın adı ne olursa olsun sadece bir isim ve ardından görüntüleyebileceğimiz
bir görüntüye sahip olacağız ve görüntü sadece aur l olacak.
O halde gidelim.
İçinde NPM çalıştırarak başlayacağım ve sonra buraya girerek tekrar gireceğiz.
Buna sadece cam v1 diyebiliriz.
Giriş noktam gibi hoş geldiniz yaparım.
Ve işte gidiyoruz.
Yazar ve isabet girmek.
Bir kere daha.
TAMAM.
Şimdi NPM kurulum Express'i çalıştıralım ve evet.
Çizgi çizgi kaydetmek.
Bunu size daha önce göstermedim ancak aynı anda birden fazla paketi
kurmak isterseniz bunları bir boşlukla ayırmak çok daha kolay bir yoldur.
Ve Jason paketine bakarsanız, SJS'ye sahip olduğunu ve açık olduğunu görebilirsiniz.
Şimdi uygulamayı oluşturalım.
Evet ve açık burada ve içte, şu anda Express'i gerektiren oldukça rahat olmanız gereken temel
ekspres ithalatımızı ekleyin.
ve sonra aşağı atlayacak ve şimdi de süreçle oldukça aşina olması gereken dinleme seçeneğini devre dışı bırakacaktır.
Ardından, uygulama değişkeni, yürütülmekte olan ifade işlevine eşittir
Iv VI port işlemi EMV IP ve geri arama
ve burada Yelp kampı başlatıldı diyor bir konsolosluk günlüğü yapacağım.
Kamp sunucusunu öyle yapın ve kaydedin.
Ve şimdi gidip açılış sayfamızı ekleyerek başlayalım.
Ve çoğu uygulama gibi açılış sayfası da doğru yoldadır.
ve kaydedeceğiz ve daha sonra başlayacağız sunucu, kamp
sunucusunun başlamış olduğuna emin olmalı ve daha sonra gidip sadece rota rotamızda yenilenmeliyiz.
Dolayısıyla, yalnızca flaş olan bir uygulama ekleyeceğiz ve işlerin düzgün çalışıp çalışmadığından emin olmak için yalnızca bir kırmızı başlangıç ​​gönderisi
ile başlayacağız ve bunu kısa bir süre içinde açılış sayfasında göndereceğiz
TAMAM.
Ve biz aradığımız yanıtı alıyoruz.
Şimdi devam edin ve şablonlarımızı ayarlayalım, böylece dizin görüntülemeleri yapan bir haber
dizini oluşturmamız gerekiyor ve her birinin görüntüleme dizini inişinde iniş denilen bir şablon yapacağız.
Evet gidiyoruz.
Ve sonra açacağımız eğik çizgileri açacağız ve burada çok basit bir biçimlendirme yapacağız.
Açılış Sayfası ve ardından burada bir paragraf koyabiliriz.
Oprah kampına hoş geldiniz.
Ve tabii ki bu her şey değişecek ve kursun sonunda çok farklı bir tarzda şekillenecek.
Ancak şu an sadece şeylerin çalıştığından emin olmak istiyoruz.
Sonra APT'ye geri dönelim.
Evet.
Ve yapacağımız ilk şey, bunu bir dinlenme iniş yapmak için değiştirmek ve biz nokta kapalı
bırakacağım.
Evet.
Ve bunu yapmak için uygulama seti görünüm motorunu J olarak eklemek gerekir. S. Ve sonra yazmak zorunda değiliz.
E. J. burada ve sunucuyu yeniden başlatmayı kaydedeceğiz.
James yenilendi ve açılış sayfası şablonunu edindik.
Harika.
Şimdi kamp yolunda çalışalım.
Bu yüzden almak için bir uygulamamız olacak ve
siz auroral kamplarınızı kestiğinizde olmalı ve bu, sahip olduğumuz tüm kampları göstermek zorundayız, şu anda elimizde bir şey yok.
Ancak kısa bir süre içinde bu kaydetme gibi istek ve yanıt vermeye devam edeceğiz.
Ve sonra hatırlayacağımız kamp dizisini yalnızca bir dizi geçici olarak tanımlamamız gerekir.
Yapacağınız bir sonraki büyük değişiklik, bir veri tabanı ekleyerek ve kamplarımızı şimdilik bir dizi
olarak veritabanına kaydettirmek ve her kampın bir adı ve bir resmi var.
Yani şöyle görünecek.
Veya bir dizimiz var ve sonra dizideki her madde bir nesne.
Ve her birinde bir isim var ve sonra da adının Salmon Creek olduğu bir yerde son
zamanlarda kampa gittikten sonra resim olduğunu ve daha sonra bu GWW görüntü dotcom'u ne olursa olsun, HTP gibi bir URL'nin bir URL olacağını söyleyelim.
Oraya gidiyoruz.
Ve sonra bunlardan bir dizi alacağız.
Dolayısıyla, kursun sonunda 10 farklı kamp alanı olabilir.
Ve her birinin bir adı ve resmi var ve
sonunda Latitude ve Longitude şehri ve eyalet adres kapasitesi
mevsimselliği gibi şeyleri bu farklı niteliklere sahip olacak, ancak basit bir ad ve resim başlatıyoruz.
Evet, Apter'e geri dönelim.
eşit olan kamp diyeceğiz.
Ve ne yapacağız o diziyi bulmak ve biz burada şimdiye kadar yaparak başlayabiliyoruz, bunu bir dizi ile
Ardından dizinin içinde ve sadece biraz
daha iyi biçimlendireceğiz, çünkü dizi içine girdiğimizde bazı başlangıç ​​nesnelerine sahip olacağız.
Ve birincisinin adı olacak ve ben sadece Semon deresi ile gideceğim.
Sadece bir şeyler hazırlayabilirsin ve imaja sahip olacaksın ve ben gelip resimleri dolduracağım.
Ve sonra bir sonraki bunu Granites tepesine
ve daha sonra bir devriyadan çağrı dağ keçi göğsüne çağıracağımız başka bir siteyi telafi edecektir.
Tamam.
Yani üç kamp yeri üç tamamen kurgusal isim ve görüntüler için.
Aslında bazı yaratıcı ortak fotoğraflar kullanacağım, böylece herhangi bir sorunla karşılaşmıyorum.
Bunlar, aslında ziyaret ettiğim kamp yerlerinden hiçbirine
karşılık gelmeyecek, ancak burada bazı resimler çekeceğim.
Başlamak için buna bir başlayalım.
Bu yüzden sana resim kopyalayacağım ya da buraya geri döneceğim ve bu dağ keçi dinlenmesi olacak.
Neden olmasın.
Ve sonra tekrar geri döneceğiz ve bunu burada alacağım.
Onu RL'ye kopyala ve bu Salmon Creek olacak.
Ve sonra bir tane daha lazım ve bunu sadece alacağım.
Elbette bu gerçekten bir kamp değil, ama işin aslı burası.
Bakarsanız, gerçek kamp yeri görüntülerinde gerçek bir kamp yeri isimleri kullanmanızı öneririm.
Değil eğer bir şey düşündüm bir şey bu kampanyadan nefret
ediyorum eğer bu bazıları yabancılaştırabilir endişelendim ama eğer sanırım
hangi kamping nefret düşünüyorsanız kolayca bu uygulamayı başka bir şey değiştirebilir.
karıştırılmamalıdır öneririz sahibiz.
Bir kere tamamladıktan sonra bir partinin uygulaması olan bir restoran inceleme sitesi böyle bir şey bir olay uygulaması haline getirebilir ama
bunu yapmak için Kursun sonuna kadar beklemek öneririz, böylece adlandırma ve farklı değişkenler ile
Yani kamp Günümüzün sahte kampları
ve kaydeder, dizideki farklı öğeler arasına eklediğinizden veya virgül koyduğumuzdan emin olun.
İşte biz gidiyoruz ve bir
şablon kırmızı başlangıç ​​resmi oluşturarak başlayacağız ve kamp olarak adlandırılacak ve veriyi henüz geçemeyeceğiz.
Şablonun doğru şekilde çalıştığından emin olacağız.
Şimdi sunucuyu durdurmamız gerekiyor Yeni bir dosya görünümü slash kamp up up the E. J. onu açacağız.
Bizi ve sonra
Öyle ve burada bir H1 ekleyeceğiz.
Bu kamp sayfasıdır ve kaydedin ve
sunucuyu başlattığımızda o sayfayı gördüğümüzden emin olalım, yenileyebiliriz ve kamp alanlarını kesip gidelim ve biz hallederiz.
Bu kamp sayfası.
Ve biz buradayken birkaç göz kırpması eklemek güzel olur.
bunu yapmak için ve ödünç şablonuna ve
ref özelliğinde bağlantılı bir etiketin altına gitmeniz ve ATF'nin olması gerekiyor. eğik çizgi kampı.
Bu nedenle, açılış sayfasına tüm kampları görüntüle ve bunu yapmak için bir bağlantı ekleyeceğim ve
Ve ben sadece size
bütün kampları söyleyeceğim ve sunucunun yenilenmesini yeniden kaydetmek kampın yerini yenilemek artık kamp sayfasına götürüyor.
Pekâlâ, şimdi gidelim ve
verileri kampımızın içinden render çağrısının geri kalanına ilettiğimizden emin ol ve sonra bunların
hepsinden geçip her görüntüyü gösterebiliriz ve şablonumuzdaki her isim bize güncellenmeye başlayarak başlayacaktır ve geçmek
istediğimiz tüm verilerin bir nesnesi olan bu ikinci argümana ekleyerek kamplar adı altında kamplara geçeceğiz.
Unutmayın ki bu veri geçmekte olduğumuz veriler ve vermek istediğimiz isim bu.
Bunu istedik bir şey diyebiliriz ancak aynı şeyi isimlendirdiklerini görmek çok yaygın.
Bu yüzden şimdi kaydedeceğiz ve şablonumuza geri
döneceğiz ve sadece bu kampları yaparak başlayacağız ve bir şey görürsek nesne nesnesine benzeyecektir.
Bunu doğru yapmış olsaydık, sunucuyu yeniden
başlatarak verileri geçtiğimizi veya içindeki üç nesne içeren bir diziyi Rigaud'u yenilediğimizi biliyoruz.
Bu yüzden şimdi dönelim ve her başlığı ya da her bir adı ve resmi görüntüleyelim.
Bu parantezleri burada tutacağım, ancak eşit işaretten kurtulacağım ve her biri için birer tane yapacağız.
ayraçlar ve sonra burada bunu her birimizle birlikte çevirmemiz gerekiyor.
Böylece, her biri için bir kamp olacak ve daha sonra bu isimsiz işleve geri çağrı gönderilecek ve kamp olarak adlandıracağız ve
burada girmeye başlayacağız ve sonra geri dönüp doğru kapanış Ejay bize eklediğimizden emin olalım köşeli
TAMAM.
Dolayısıyla, kamplar
arasında dolaşmalı ve sonra her biri için ne yapmak istediğimizi görmek için öncelikle adı görüntülemeliyiz.
Bu yüzden bir müttefiklerle başlayacağız.
Neden olmasın.
Ve biz sadece E. yapacağız. J. daha kolay oluyor.
Eşit işaretli olanların hepsi biraz boşluk kazanıyor ve böylece neler olduğunu görmek biraz
Ve biz sadece Y kampının içinde sergileyeceğiz.
Nokta atın ve boş olan yerden tasarruf edin.
Şimdi sayfayı yükleyelim ve bunu yenileyelim ve üç kamp yeri ismi edinin.
Yapmak istediğim son şey, resimlerin gösterildiğinden emin olmaktır.
Dolayısıyla burada geri döneceğiz ve bir
müttefik değil, bunu her kamp için bir div etiketine sahip olacak şekilde değiştirelim.
Ve div etiketi bir h görüntüleyecektir.
Kampanya adı ile 4'ü yapalım ve daha sonra bunun altında bir resim etiketi koyacağız.
Yapmamız gereken, görüntüyü bir kaynak haline getirmek ve tırnak içinde
kullanmaktır, bunun gibi ELAS ne olursa olsun, imajı kampdan
koyacak ve biz sadece bu resmi bir kamera sunamayız.
O Ejay'ý paranteze ihtiyacýmýz var.
Bu yüzden, bazı öğrencilerim için
biraz kafa karıştırıcı olan tırnak içinde yapmak zorundayız çünkü bu görüntü zaten bir dizedir kamp.
eklediğimizde, teklifler onunla birlikte gelmez.
Ve burada görebilirsiniz ancak şunu unutmayın ki şunu biz alıp şablona
Sadece metin olarak eklendi.
Dolayısıyla, bu HTP kolon ne olursa olsun alıntılar etrafında eğik çizgi gibi görünecektir.
Dolayısıyla Ejaz etiketlerini bunun gibi tırnak işaretlerinin içine eklediğimizden emin olmalıyız.
TAMAM.
Öyleyse yapmak istediğimiz kamp görüntüsü görüntü kullandığımızdan emin olmaktır.
Oraya gidiyoruz.
Ben A-G'miz ve burada aynen aynı şekilde hecelendiğini ve sunucuyu yeniden başlatmamayı durduracağım.
Gidip sayfayı yenileyelim ve üç resim içeren üç kampı alalım.
Pekala, tamam mı?
Bu videoda yapmak istediğim tek şey, iki rotamızın temel yapısını oluşturmaktı.
Geri dönüp, yapmamız gereken her şeyi yaptık.
Yani açılış sayfasında evet bunu tüm kampları listeleyen kamp sayfasında yaptık.
Ayrıca her kampın bir adı ve bir imajı olduğunu da yapmıştık.
Tamam