Tamam, önümüzdeki birkaç video için geri döneceğiz.
Son videoda gösterdiğim blog uygulamasını yaratmaya odaklanacağız.
Ve birkaç video çekecek.
Bu dinlendirici rotaların bu ilk videoda ne denli önemli olduğuna göre, bir seferde tek bir
rota gideceğiz.
Dizine odaklanacağız ve sonra sırayla gideceğiz.
Yeni ve yaratmaya odaklanın ve ardından düzenleme ve güncelleme gösterin.
ve Javascript için önyükleme yapmaya benzeyen başka bir çerçeve olan semantik UI'yı tanıtacak.
Sonunda, yok olanağı gösteren bir video ve uygulamanın oluşturulması ve en çok ihtiyaç duyduğumuz
yedi rotada eklenmesi, CSSA
Son birkaç yılda tekrarlanan sözlerinde neden gerçekten gördüğümü beğendim.
Bunun bir nedeni var, ancak en önemlisi, sizi benzer şeylerin ne olduğunu görebilmeniz için sizi
başka bir çerçeveye sokmak istiyorum.
Sizi, tüm bu bilgilerle bombalamak için başka bir çerçeve göstermesinin benim için kötü bir fikir olduğunu
düşünüyor olabilirsiniz, ancak iyi haber şeylerin çok benzer olması olabilir.
oldukları birlikteliklerin ne kadar fazlasına sahip olduğunu görmeye başlıyorsunuz ve farklı olduklarından çok ortak noktalara sahip olduklarını görmeye başlıyorsunuz.
Bir iki veya üçünü gördükten sonra, sahip
Yani anlamsal olarak neden, ancak uygulamamızı oluşturarak başlayacağız.
Bu yüzden dinlendirici yönlendirme adlı bir dizinin içindeyim.
Ardından devam etmek isterseniz orada bir çözüm var demektir.
Referans yapmak isterseniz bunu yapmaktan çekinmeyin; indeksi yeni tanımak istemiyorsanız ve
öncesinde atlamadan önce onu gördüğünüzden uygulamayı yaratmak istemiyorsanız uygulamanın oluşturulmasını istemiyorsanız
.
Fakat benimle beraber tüm güzergâhları takip etmenizi öneririm.
Bu işi halletmemiz gerçekten önemli.
Gerçekten ekspres uygulamalarımızın ekmeği ve tereyağı.
TAMAM.
Bu yüzden, uygulamanızı oluşturacağız sadece ona blog uygulaması diyeceğim.
Aslında huzurlu blog uygulaması, daha sonra CD ve daha sonra en sevdiğim YKY olarak
adlandıralım ve aslında evet bizim giriş noktanız.
Harika.
Bu iyi.
TAMAM.
Şimdi ihtiyaç duyduğumuz bazı şeyleri kuralım; NPM kurulumu ve ilk ders elbette ifade ediliyor
ve sonra da mongoose'a eklenecek.
Ve biz buradayken vücut ayrıştırıcısı yapacağız.
Bu üç çizgi çizgi kaydetmek o vücut ayrıştırıcı olduğunu unutmayın böylece formu formun istek gövdesine gönderdiği
formdan nasıl çıkacağız ve gövde kişisini kullanarak istek gövdesini ayrıştırıyoruz.
Bu bir sonraki videoda olacaktır.
Şimdilik sadece dizin yapıyoruz.
Bu yüzden kurulumu yaptık veya aslında evet oluşturalım.
Şimdi aparatları açacağız ve dosyanın standart üst
kısmını yapacağız ve gerekli ekspres istiyoruz, sonra app'ı Express'e eşit yapacağız ve Vadide ayrıştırıcı ekleyeceğiz,
çünkü buradayız Vücudumuzun Dasch ayrıştırıcısı gerektirdiğinden.
Sonunda mongoose yapacağız
ve bunu temizlemekten hoşlanıyorum.
Onları da uzunluğa göre sipariş etmek isterim.
Bu nedenle, sözleşmemizi izlersek, vücut parçaları ya da ilk olarak sonuçlanır.
Ancak bu önemli değil, sadece hayır diyerek bunu yapmaktan hoşlanıyorum.
Vücut parçaları önce, sonra da elimizde mongoose var ve daha sonra ifade ediyoruz.
Ve bu onları uzunluğa göre sıralamak ve sonra gerçekten istediğimiz takdirde içeri girinti yapabiliriz ancak bu videonun
amacı bu değil, bu yüzden bunu yapmak için çok fazla zaman harcamayacağız.
Tamam, şimdi yaptık.
Her yarım kolondan emin olun.
Sıradaki mongoose'u kurmamız gerekiyor.
Blog modelimiz de öyle.
Arel blogunda bir resim olacak bir başlık olacak blog denilecek ve o zaman
sadece blog yazısı olacak yazı gövdesi olarak adlandıracağız.
Bu yüzden başlık görüntüsü ve beden ve hepsi dizelerdir ve ayrıca yeni bir
şey eklediğinizde göremediğiniz bir randevus tarihidir.
Yani o geldi.
Ve bunu yapmadan önce mongoose'u yapılandırmamız gerekiyor Bu yüzden
mongoose'u bağlamamız gerekiyor ve biz Mongo divi Cole'a
bağlanacağız ve yerel ana bilgisayarın uygulamanızın adını kesip, uygulamanıza huzurlu blog denilecek.
Ve yine önemli değil.
İlk defa oluşturuyoruz.
Gelecekte onu değiştirmediğimiz sürece, ilk kez dinlendirici yürüyüşe her zaman bağlanacaktır.
Yaratacak.
TAMAM.
Ve bu yüzden daha sonra bunu yapmak zorunda değiliz.
Ancak, veri kümesi görüntüleme altyapısını evet olarak ayarlayıp yüklememiz gerek.
edelim, özel stil sayfamıza hizmet edebilmemiz için bir statik ve genel dizini ifade eden bir uygulama kullanımı yapalım.
Ve bunu beklemeye devam
Herhangi bir ekspres uygulamasının başında yapmak için iyi bir uygulamaya ulaştığımızda ve ayrıca
vücut ayrıştırıcımız olan vücut ayrıştırıcıyı kullanmayan bir uygulama eklediğimizde.
Hepiniz gerçekte genişletilmiş arama ve gerçek bir lokma gibi kodlanmışsınız, ancak mevcut olan uygulamalardan da kopyalayabileceğiniz bu üç
satırı da yapabilirsiniz.
Dolayısıyla, en kısa sürede, hızlı uygulamanızın çalıştığından emin olmak için kurduk.
Diyelim ki, port işlemi env dot IP'de işlem babamız var, ve geri arama Konseyi yetişkin günlük
sunucusu eklendiğinde devre dışı bırak dersini yapalım.
Tamam.
Test yapalım.
Sorun yok.
Harika.
Şimdi de mongoose üzerinde çalışalım.
Yani mongoose bağlı.
Şimdi şemamızı ve modelimizi yaratmamız gerekiyor.
Dolayısıyla şemayla başlayacağız.
Biz sadece bir var log şeması yeni mongoose eşittir bu şema yapacağız ve bu bir dize
olduğu başlık bir dizge olduğu bir gövde de bir dize olması.
Ve sonra verilerimizin dolaşımını yaratarak aramamızı sağlıyoruz.
Ve elimizden gelen şey, bunun uygun olmadığını söylemek çünkü tarihi el ile belirtmek
zorunda kalacağız.
Tarihi kullanmak ya da yazmak istemiyoruz.
Bu kullanıcı, yayını oluşturduğunda veya blogu oluşturduğunda geçerli tarihi seçmek istedik.
Yeni bir şey için bir varsayılan değer ayarlayabilmemiz için bu tarihi kapmak yeterlidir.
Tarihe tarih türünü belirtiriz ancak varsayılan tarih nokta da belirlenir.
Şimdi, bu bizim için de iyi sonuç verecek.
Ve bu, oluşturulmuş bir rengin bir tarih ve varsayılan değer verisinin mevcut olduğunu söylüyor.
Varsayılan bir görüntü elde etmek isteseydik, aynı işi de görüntü için yapabilirdik.
Kullanıcı bir resim girmediyse, tür dizesi yapabilir ve ardından varsayılanları kullanabiliriz.
Yer tutucu görüntüsü ve benzeri gibi bir dizeye sahip olabiliriz ancak bunu yapmayacağız, ancak
isterse bunu kolayca yapabiliriz.
TAMAM.
Ve son bir notta, bunu bazen bunun gibi girintili olarak göreceksin.
Bu sadece bir nesnedir, çünkü kısadır.
Bunu yapmayacağım.
Çok fazla yer kaplıyor ya da aslında evet.
Olduğu gibi darmadağın olacak mı?
Yani ben böyle bırakıyorum.
Tamam başlık görüntü vücudu oluşturuldu ve bir sonraki adım.
Şu an bunlardan kurtulmak, onu bu modele derlemektir.
Şimdiye kadar blog mongoose nokta günlük log şeması nokta eşittir.
Oraya gidiyoruz.
Kaydet ve ben sadece burada mongoose slash modeli yapılandırma diyor bir yorum ekleyeceğiz.
Burada sadece bir başka yorum ekleyeceğim.
Buna uygulama yapılandırması denir ve buradan bir yorum ekleyeceğiz.
Rex için dinlenme diyelim.
Dolayısıyla şimdi buradan gideceğiz ve dizin rotamızı ekleyeceğiz veya gösteri rotası yeni yedi temsilcinin tümünü yaratacağız.
Ve evet, bu dosya biraz dağınık olacak.
Yine de bunun kırıklığına uğradım ama bu işi çok geçmeden ayrı şeylere ayıracağım.
Size, bir modelin birden çok model dosyasına nasıl sahip olabileceğimizi size göstereceğim, rota dosyalarımıza nasıl
sahip olabiliriz ve yapılandırma ve ara katman için dosyalara sahip olabiliriz.
Çok şey farklı ama basit tutmak için.
Başlangıçta sizi şaşırtmak istemiyorum ya da birinin dosyaları sürekli olarak değiştirip değiştirmeyeceğini izlemek çok zor düşünüyorum.
İzlemek zor.
Bu yüzden tek bir dosyada yapacağız.
Ancak bunun mutlaka en iyi uygulama olmadığını unutmayın.
Bu gerçekten büyük bir uygulama olsaydı ve özellikle üzerinde üzerinde çalışan birçok geliştirici olsaydı.
Şimdi de güreşi başladık.
Unutmayın ki dizin isimleri diziniyle başlıyoruz.
Bu yol blogları bir istek olsun diye kesmelidir ve tüm blogları listelemelidir.
O halde bunu yapmadan önce yapalım, işler emin olalım.
Uygulamamda hiç sorun çıkmazsa.
Ve aslında bir blogun tek bir yaratılışını yapalım, o yüzden bakmamız gereken bir şey var.
Bu yüzden gerçekten basit olacak.
Bu inceleme blogu oluşturuluyor ve ardından başlık için test blog resmi diyoruz ve bu siteden bir resim
alacağım ve splash dot com harika bir kaynaktır.
İstediğiniz her şeyi yapabileceğiniz bir dizi ücretsiz bedava görüntünün bulunduğu gelecek bir videoda
göstereceğim.
Ve bu yüzden bu bir köpek alıp, orada gerçekten de test edebilmek
istediğimiz şeyleri bildiğin herhangi bir şey olabilir ve bedenimizi alacağız ve bedenimiz sadece merhaba olacak.
Bu bir blog postası ve boş oluşturduk.
Tüm tecavüz.
O halde bunu deneyelim.
Geri arama olarak sadece bir şey yapmayacağız, sadece çalıştığını varsayacağız ve sonra Mongo
eksenlerinde test edeceğiz. Bu yüzden dosyayı çalıştırmasına izin verme.
Hiçbir şey olmuyor ya da hiçbir şey olmadı gibi görünüyor.
Ancak, Mangu'a giderseniz ve dinlenme
günlüğünü kullandığımız için, yalnızca iki kez kontrol etmek için çağırdığımız zaman, D-B nokta günlükleri yaparız ki orada ilk blogumuz var harika olur.
Bu iki şey bizim için.
olduğundan emin olmak istiyoruz.
Birimiz modelimizin doğru bir şekilde kurulduğunu kanıtlıyor ancak bir kez endeksi yükselttiğimizde, tüm blogları listelemesi gerektiği için görmek istediğimiz bir şey
Biraz underwhelming olduğunu görmek için
herhangi bir blogumuz yoksa ve çalışıp çalışmadığını söyleyemeyiz.
Yani oradan çıkıyorum.
Şimdi rotamıza odaklanalım.
Yani bu kurtulmak için her gün
yeni bir blog oluşturmak istemiyorum, bu uygulamayı özellikle aynı olanı tekrar tekrar çalıştırıyorum ama o köpek gerçekten sevimli olmasına rağmen.
Yapmak istediğimiz dizin rotamızı oluşturmak.
İsteğinizi aldıktan sonra blogları
eğik çizgilerle kırpma günlükleri standart istek yanıtı geri aramamıza eklemek gibi görünüyor ve ardından bir yeniden başlatma işi yapacağız ve işlenecek şablon
sadece dizin noktası Ejay olarak adlandırılacak ve biz bunu yapmayacağız Ejay Evet'e ihtiyacın var ya da sadece endeksleyin.
Ve yine bu çizgi nedeniyle bu Ejay bize ihtiyacımız yok ama
biz gereken bir şablon index adlı bir dizin olarak adlandırılan denir.
Bu yüzden şimdi yapacağız.
Dizin görünümleri görünümlerin eğik çizgi indeksine dokundurun.
Ve indekslenen küçük bir hata yaptım.
E. J. Evet.
Bu
yüzden biraz daha pratik yapmak veya kaldırmak için dosyayı kaldıracağım veya en azından Flash dizinini kullanacağım ve sonra yeniden oluşturacağım.
Kesikli çizgi endeks noktasına dokunun.
E. J. Evet.
Ve sonra açın ve biz sadece bu basit H-1 dizin sayfasını başlatıp kaydedeceğiz.
Bu indeks sayfasını aldığımızı görelim.
Şu anda dizin sayfası işlevselliğini yerine getirmiyor.
Şimdi, birkaç yoldan ulaşabileceğiniz bir önizlemeye gidersek, Web Dev Bootcamp
dot com çizgisine gidip kod nokta C9'u öğrenip bana öğrettiğiniz veya önizleme çalışan önizleme uygulamasına gidebilirsiniz.
Buraya açılır, ancak daha sonra tarayıcınızda görmek için
bu düğmeyi tıklayabilir veya isterseniz burada saklayabilirsiniz.
TAMAM.
Dolayısıyla
burada bir hata buluyoruz; bunun nedeni, bir rota rotamız olmadığı için eğik çizgi günlüklerine ihtiyacımız var ve dizin sayfası yolumuzu elde ettik.
gitmek için alışılageldik.
Rota sayfası için ana sayfa, Reddit veya Facebook'u düşündüğünüz bir şeyin dizinine
Örneğin reddit'te ana sayfaya gidiyorsunuz
ve tüm Reddit mesajlarının bir dizinini görüyorsunuz, tüm yayınların ve fotoğrafların bir dizinini ve başka herhangi bir şey var.
Şimdi bunu eğik çizgi işlev
isteği yanıtını aldıktan sonra yapalım ve blogları kesmek için doğrudan bir kırmızı başlangıç ​​okuması yapalım.
Şimdi yeniden başlamak için tazeliyoruz.
Hiçbir şey değişmeli.
Ancak eğik çizgiye gidersem, eğik çizgi blog'larda da sonuçlanırım.
TAMAM.
Şimdi dizin işlevselliğini ekledim.
Dolayısıyla tüm blogları veritabanından almalıyız.
Bu, her şeyi bulmak için bir blog olacak ve o zaman aramamız bir hatayla geri döndürülecektir.
Sonra veriler bloglarımızı arayacağım ve sonra bir F
hatası yapacağız ve bu sadece o günlüğe girmek için.
Başka hiç kimse redstart render dizinimize ekleyeceğiz, oysa böyle tutmak istemiyoruz.
Verileri dizinle oluşturmak istiyoruz.
Dolayısıyla verilerimize, bloglara ve
bloglara eşit şekilde diyelim.
Dolayısıyla, geri gelen ne olursa olsun, Dopp bulgularımızdan geri gelen verileri geri alıyoruz.
Daha sonra adı bloglar altında gönderiyoruz.
Evet biraz karışık ama bu
neredeyse aynı ismin nerde olduğunu görmek oldukça geleneksel.
Tamam şimdi bir şablona gidelim ve bazı kodları ekleyelim.
Sadece böyle başlatmak için bloglara bir göz atalım.
Oraya ulaştığından emin ol.
Sayfayı yenile.
Ve listemizi alıyoruz.
Şu anda bir blog var ama biz burada görüyoruz.
Harika.
Şimdi biraz daha güzel gösterelim.
Çılgınca bir şey yapmayacağız, ancak ne yapacağız,
tüm bloglar arasında dolaşmak, böylece her bir işlev günlüğü için bloglar oluşturmak ve sonra buraya ihtiyacımız var.
Ve buradan sonra kapanış ayraçları her seferinde başka etikete ihtiyaç duyuyoruz ve parantezlere de ihtiyacımız var.
Ve her biri için o div'de bir div yapacağız.
H 2 yapalım.
Ve bu başlık LUGG unvanı olurdu.
Unutmayın, orada eşit işarete ihtiyacımız var ama her parantez üzerinde değil.
Daha sonra bir görüntü gösterecek ve kaynak Ejaz parantezine eşittir.
Lagat imajı ve bunu söylemeyi unuttum.
çünkü bu değeri varsayılan değer olarak söyledik, bunu resmin hemen altında görüntüleyebiliriz.
Yaratılanlara bir göz atarsanız, otomatik olarak bizim için yaratılan bu güzel deli randevumuzu görebilirsiniz
Şu anda Lagat'ın yarattığı bir süreyi
yapın ve tabii ki vücudumuzun bir paragrafı olacak blog yazımıza ihtiyacımız
var.
Tamam.
Bir sürü içerik var.
Sayfayı yenileyin ve ilk mesajımızı burada görebilirsiniz.
Bunun şimdilik çalışmakta olduğuna güvenmek zorundasınız.
Evet bize bir tane gösteriyor.
Teknik olarak, hepsini bize
gösterip göstermediğini henüz bilmiyoruz çünkü yalnızca bir sonraki video veritabanından birine sahibiz.
Yeni çalışacağız ve yaratacağız