Bu derste tekrar hoş geldiniz, size nasıl yazabildiğimizi göstereceğim.
Hm
Ayrı bir dosyada ve biz redstart göndererek şimdiye kadar yaptığımız yerine
o dosyayı yanıtta geri gönderebiliriz.
Burada üç ana hedef vardır.
Birincisi, onu her dosyadan bir dosya geri göndermek için render etmek için redstart render'ı kullanmak ve her
birimiz hakkında konuştuktan sonra daha mantıklı olacak.
Ve bir sonraki hedef budur.
Ejaz'ın ne olduğunu ve onu neden kullandığımızı açıklayın.
Ve son olarak, değişkenleri Ejay'e şablon olarak geçirirler.
Buradan başlamak için yeni bir Express uygulamasına ihtiyacım olacak ve temel ekspres
uygulamasını her videoda yapmaya devam etmeyeceğim ama yine de kursta oldukça erken başlayacak olan sıfırdan
yaratacağım. .
Ve sadece bunu görmeye alıştığınızdan ve bunu yapmaya alıştığınızdan emin olmak istiyorum
çünkü bunu yapacağınız şey kesintisiz.
ve içinde yeni bir dizin yapacağım ve biz sadece bu Ejay demo olarak adlandıracağız.
Bu yüzden daha fazla ifade olarak adlandırılan bir dizinim var bu birim için çalışacağım
Sonra Ejaz demosu yerine NPM'yi çalıştıracağız ve bunu sadece hızlandıracağız.
Böylece ad gayet iyi.
Versiyon güzel açıklamalar boş.
Bunu her zaman uygulamaya değiştirmek isterim.
Evet.
Sadece bir kişisel tercih.
Birkaç kez daha vurun Hit.
Onların hiçbirini doldurmanız gerekmiyor ve oraya gidiyoruz.
Ve şimdi bize izin verirsek, Jason'ın J hareketimizi yaratmasına izin veren bir paketimiz
var ve NPM kurulumunu ek çizgi tire çizgi kaydetmek de yapacağız.
Oraya gidiyoruz.
Şimdi caz dosyasını açalım ve orada bazı kodlar eklemeye başlayalım.
Ve sadece ls yapmaktan ve daha sonra J.'yi tıklamaktan ziyade. S. ve son zamanlarda açık bir şekilde tıklayarak bunu yapmanın
başka bir yolunu buldum.
Bulut 9 son zamanlarda C9 boşluğunu yazıp yazıp eklediğiniz dosyayı veya dosyanın adını ekledi.
Bu
Yani C9 taban uygulaması.
J Evet, bunu sizin için editörde açılacaktır.
Ls yazıp daha sonra dosyayı tıklatıp Aç'ı tıklamaktan daha hızlıdır.
Şimdi temel ekspres kodunu şimdiye kadar elde edelim, ekspres eşitlikleri ekspres gerekiyor ve var app ekspres eşittir,
onu bir işlev olarak yürütelim.
Bazen göreceğiniz bir şey, birisinin Savar uygulamasının açık ifade etmeye eşit derecede eşit olduğunu söylediği ve daha
sonra hemen bir işlev olarak çalıştırmasıdır.
Çoğu insan bunu iki ayrı adımda yapacak ve en sık Xpress'i ve uygulamanın
bir şey olabileceğini göreceksiniz.
Şimdi, harekete geçelim.
Sunucuyu başlatacak en alttan dinleyin, böylece EMV bağlantı noktasını işleyen ve
ardından D-NV IP'yi işleyen bağlantı noktasına ihtiyaç duyarız ve bunlar, bulut 9'un limana girdiğimizi
ayarladığı çevre değişkenleridir ve IP adresi.
Ve sonra, sunucu dinlendikten sonra kurulduktan sonra çalışacak olan geriçağırımımı ekledim ve yalnızca
günlügün hakkında ne olacağını göreceğiz.
Sunucu sadece böyle dinliyor ve kurtaracak.
Şimdi ilk rotamızı ekleyelim ve rota rotasını yapacağız.
Her zaman orada olmayı severim ve bu bazı öğrencilerime kafa karıştırıcı bir
deyimdir, çünkü bazıları telaffuz ettiğim bu kelime kök olarak telaffuz edecektir.
Kökleri söylediğimde çok netleştirmeye çalışıyorum.
Ben sadece R O T'den bahsediyorum.
Kök yolu.
nesnenin yanıt olarak isteğini alacak ve biz de ilerleyip sadece rez gönder ve biz sadece basit bir şey yapacağız.
Tamam o halde apt'a kök ya da eğik çizgi ekleyelim ve sonra geri çağırma
işlevi, isteklerin alınması için bir istek yapıldığında çalıştırılacak ve sonra bu iki
Ana sayfaya hoşgeldiniz.
Tıpkı herkesin bu noktada gözden geçirmesi gerekiyor.
Sunucuya, yani düğüm j'ye başlayalım.
Her şey yolunda gidiyor gibi görünüyor.
Şimdi kök sayfaya gidip yenileyelim.
Ana sayfaya hoşgeldiniz.
Açıkçası bu tür içerik tek satırlık bir metin oldukça sıkıcıdır.
Biraz daha serpiştirmek için ne yapabiliriz, buraya geri dönüp bunu bazı H-2A Mel yapabiliriz.
Buna benzer bir şey istediysek, bunun altında ve H-2 de ekleyebiliriz.
Aynen böyle.
Oraya gidiyoruz.
Ve biz bunu kaydedip sunucuyu yeniden başlatırsak.
Ve sonra buraya geri dönüp tazeliyoruz.
verilen HVM albümleri olsun, ancak tüm sayfayı gerçekten yazmanız inanılmaz acı vericidir.
Bize
Teknik olarak mümkündür, ancak bu çok zor olurdu.
Bu iyi bir fikir değil.
Bu yüzden şans eseri, tüm kodlarımızı ayrı bir dosyada yazabilmemiz için daha kolay bir
yol var, tüm C Ss'leri istediğimiz her zaman ve evet, kullanıcıya geri göndermek istediğimiz tüm ön uç
javascripti var, böylece bir yöntem kullanabiliriz çağırılan render ve render yöntemi çağırdığımız ne olursa olsun yanıt nesnesinde
yaşar.
Bizim durumumuzda revs, böylece dinlenme olmaz.
Ve sonra ona ev sayfası gibi bir dosyanın adını veriyoruz ya da evde yaşadığı nokta ya da Dogstar onu yaşlandırdı ya
da öyle bir şey.
Ve elbette ki dosyanın yaratılmasına ihtiyaç duyuyoruz ve içeriğinde bir şeyler olması gerekiyor.
Ancak bunu yapmadan önce küçük bir sorun var, bu çizgiden kurtulacağım ve Express'i
kullandığımızda düz h m l dosyası yazmadığımız bir sorun var.
Bunu yapmanın yolları var.
Biraz daha fazla kurulum gerektirir, ancak web uygulamalarımızın çoğu geri gönderilen standart statik
statik dosyalar olmayacak.
Aradığımız şey, şablonlar adı verilen dinamik html dosyalarıdır ve bu videonun
ikinci yarısında bunları tanıtacağız.
Ama şu an için buraya gideceğim ve bunu E.'e değiştireceğim. J. s ve E hakkında söyleyeceğim her şey. J. gömülü javascript'in yanında
olması ve kodumuzu kesmek için istekte bulunulduğunda yaklaşık beş dakika içinde
Dogstar adlı bir dosya oluşturacağına dair daha fazla bilgi edineceğinizdir.
Evet.
Ve gidelim, çünkü bu yol rotasıyla daha mantıklı oluyor.
yüzden bu dosyayı oluşturmamız gerekir ve biz aslında bizimle aynı dizinde oluşturmuyoruz.
Ve bu
Yapmamız gereken şey, views adında yeni bir dizin oluşturmak ve bunun, ifade edilecek bir dizin olan
keyfi bir ad değil.
Dolayısıyla, ne olursa olsun bir dosyayı oluşturduğumuzda, ilk önce views dizinine bakıp bu
tam dosyayı bir sigorta içinde bulmaya çalışacağız.
Şimdi onu yaratalım.
Bu yüzden Ejay'mizin hoşuna gittiği bir dokunuşla bakmak istiyorum.
Ve sonra yapmak istediğim bir sonraki şey biraz içerik eklemek.
Bu dosyayı C-9 görünümleri yeni bir C9 komutu ile açalım eve.
E. J. Evet ve bir şeyler burada ekleyelim.
Bu ana sayfadır.
Bunu düzeltelim.
Ve ayrıca bir resim ekleyelim ve burada kullanmak istediğim bir resmim var.
Bu palmiye kayağı denilen bir şey.
Bu bir Pomeranya ve kaba bir karışım.
İddiaya göre bu tam yetişen bir Köpekçik, bu doğruysa oldukça delidir.
Minyatür kokuşmuş ya da yalnızca kalıcı bir kabadayı köpek gibi görünüyor.
Her neyse, bu URL'yi kopyalayacağız ve geri döneceğiz.
Ve elbette istediğiniz herhangi bir resmi yapabilirsiniz.
Bunu bulmaya gitmek zorunda değilsiniz ya da tipsiz Ellaby sizsiniz ve kendiniz de kurtulacaksınız.
Şimdi de bundan kurtulacağız ve gitmemiz iyi olacak.
Bir şeyi kaçırmamak ve aslında ne eksik olduğumuzu ifade etmesine izin vereceğim.
Bir hata mesajı alacağız.
Bu yüzden sana biraz daha yer açmak için bunu temizleyeceğim.
Ve şimdi sunucuya başlayacağım.
Ve güzergah rotasına gidince, ev arayacak render yöntemini çağıracağız.
Evet.
Görünümler adlı bir dizininin içinde.
Ve sonra onu bulduğunda içeriği alıp yanıtta
geri göndereceğiz, böylece uygulamamıza geri dönüp yenileneceğiz ve burada Montreuil'i bulamayacağımıza dair bir hata mesajı alacağız.
E. J. Evet.
arıyor olması.
Bunun anlamı, ifade Ejay olarak adlandırılan ve Ejaz dosyası oluşturmak için kullanması gereken bir paket
Dolayısıyla NPM'ye Ejay'ımızı kurmamız gerekiyor ve bu, neden sadece birkaç dakika içinde Ejaz'ı kullandığımıza mantıklı gelecektir.
Fakat şimdilik NPM'nin bize Ejay'ı kurduğuna güven ve çizgi çizgi kaydetmek için elimizden geleni yapacağız.
Ve iş bittikten sonra düğüm yapabiliriz.
J. S. tekrar sayfayı yenileyin ve bunun ana sayfa olduğunu ve sevimli
yavrularımızın son yetişen Tomsky olduğunu öğreniyoruz.
Şimdi kullanıcıya geri gönderdiğimiz ve tarayıcıda görüntülenmekte olduğunu
yazdığımız bir dosyamız var.
Ve bu harika ama bu hala web uygulamaları için sınırlı.
Bu, her seferinde
aynı sayfayı ve yalnızca istemediğimiz çoğu web uygulamasını geri gönderir.
Belki ana sayfa aynıdır veya oturum açma sayfası aynıdır.
Fakat kullanıcı bir
kez giriş yaptıktan sonra genellikle hoş geldiniz geri aramaları söyleyen bir mesaj var ya da geri hoş geldiniz diyor.
Sevimli Parsky köpek yavrusu yetişkin.
Size hızlı bir örnekle ne demek istediğimi göstereceğim.
Bu yüzden geri dönüp yeni bir rota ekleyeceğim ve rota Slash gibi bir şey olacak.
Aşık ve sonra Rustie gibi bir şeyle düşüp, palmiye kayağına aşık olabiliyoruz.
Bence o böyle hecelendi.
Ve biz, bize yol parametresinden gelen değişkeni içeren bir mesaj gösterecek bir HMO
dosyası istiyoruz.
Bu yüzden paslı aşık bir şey söyleyebilirim, böylece Slash şey ile aşık sonbahar tanımlamak veya almak
gerekir yapmak.
Ona böyle diyoruz.
Ardından, geri arama içinde istek ve yanıtımıza ihtiyaç duyuyoruz.
Tıpkı son
egzersiz VAR'ın şeyinin harams şeyini talep etmesi gibi bir
şey yakalaması gibi, sonra da hayvan konuşan alıştırmada yaptığımız gibi bu basit kırmızı noktadan başlayabiliriz.
Domuz cilalı diyor.
İnek, moo'nun aynı şeyi burada yapabileceğini söylüyor.
Dolayısıyla yalnızca artı bir âşık olduğunuzu söyleyeceğiz.
Tamam.
Dolayısıyla bu bir incelemedir ve şimdi sunucuyu yeniden başlatıp geri dönersem ve şimdi Slash ske'ye aşık olan
eğik
çizgiye giderseniz, sizi tam olarak gramatik olarak doğru olmayan Tomsky'ye aşık olurum, ancak o zaman yine de pomps sözcüğü yoktur.
Bu yüzden geri döneceğim ve şimdi yapmak istediğim şey ona nasıl bir H gönderebileceğimizi bulmak. Ona bir H gönderebileceğimizi anlamaya çalışıyorum,
dosyayı artıya çevirdiğini söylüyor; artı
aşık ve daha sonra dosyayı oluşturarak başlayabileceğimiz bir şey var Bu dosyayı görüntüler
dizininin içinden çağırıp, tabii ki ne istersen onu ararım, fakat sadece aşk E ile gideceğim. J. kısa tutmak için, sonra bunu dolduracağız.
Dolayısıyla C-9 görünümüne eğik çizgiye ihtiyacımız var.
Bunu sevdim.
Evet, açık alanımız var ve başlayalım sadece eklemeyle başlayalım size aşık oluyor ve daha sonra
boşluğu doldurmamız gerekiyor.
Fakat burada ne yazacağımızı bilmiyoruz, öylece bırakacağız ve burada P yazan bir not
yazalım. S. Ejaz dosyasından geldiğini bildiğiniz için Ejay'ın dosyaladığı aşk budur.
Şu an sahip olduğumuz kırmızı başlangıç ​​hareketi değil.
Aslında ondan kurtulmak için.
Yani yapmak istediğimiz, o dosyayı okunur hale getirmek değil hale getirmektir.
Dosyanın adı da E. aşktı. J. Evet, otomatik olarak orada bulunan görünümler dizinine bakar.
İşte iki dosyamız var, sunucuyu Düğüm başlayalım.
Evet, yeniden başlatılacak ve yenilenecek.
TAMAM.
Dosyamız burada.
Aşık oldunuz ve boşluğu burada doldurmamız gerekiyor.
geri gelen verilerle
bir şablon doldurabildiğimizde önemlidir. bir kullanıcının statik öldürme dosyası olmadığı yerlerde sağlamış olması.
Ve bunun gerçekten basit bir örnek olduğunu biliyorum ki bu sizi henüz deli bir şeyle karıştırmak istemiyorum ama bu tür bir mantık gerçekten bir veritabanından veya verilerden
Her zaman aynı şey budur.
Temelde HTL'ye değişken eklemek istiyoruz ve her Evet'in yapmamıza izin verdiği şey budur.
Yani E. J. S gömülü javascript'in kısaltmasıdır.
İfadeler H Timo'nun içinde dönerse javascript kod değişkenlerini yerleştirmemizi sağlar.
Bu şekilde böyle bir şey yapabiliriz.
Aşık olmuştun
ve daha sonra işe yaramayacaktı, ama bizim değişkene "şey" denilen şeyi koyalım, bunu sadece tüm değişkenlerin değişkenine yapalım.
Ancak bu işe yaramayacak
çünkü sadece düzenli HMO olarak değerlendirilecek ve bize sadece kelime değişkeni göstereceğiz.
Her birimize şunu söylemek için bir şeyler
yapmamız gerekiyor: Bu javascript kodunun kendisine öğretilmediğini söylerken buna javascript gibi davranacağım.
Neyse ki, bize bunu yapmanın bir yolunu sunuyor.
İlk kez gördüğünüzde biraz tuhaf.
Öyle görünüyor.
buluyoruz ve burada bu iki parantez arasına giren her şey Javascript olarak değerlendirilecektir.
Böylece parantezlerimiz, ardından yüzdelik işaretlerimiz var ve ardından açılış parantezinde eşit işareti
Dolayısıyla ne demek istediğimi
göstereceğim, normalde H M L'de beş artı beş gibi bir şey kullanabiliriz ve bunu size aslında beş artı göstermek için yapacağız.
Bu Ejay Olmazsa, parantezler beş artı
beş sayı basacak, ancak bunu burada yaparsak, aslında 10'u yazdırılacaktır.
Bu yüzden bu şablonu bırakacağım veya J'den sonra
sunucuyu tekrar başlatıp sayfayı yenileyeceğim ve beş artı beş onla aşık olmanızı sağlayacağız.
Ve ben tamamen anlıyorum.
Beş duraklatırsam tam bir av alırsınız.
Böylece geri döneceğiz.
Dolayısıyla, orada beş artı beş tane yazdırılmasını istemiyoruz.
Ancak aslında bir şey değişkeni istiyoruz.
Buna sadece VAR olayı diyeceğiz ya da uzaktaki bir şeyi yapalım.
Ve bunun bizim kodumuzdan gelmesi gerekiyor.
Bu yüzden, yapmamız gereken şey bu değerli şeyi E'nin sevgisine geçirmek. J. şablon olarak kullanırız ve onu basmak isteriz ve
biz burada olunca da beş artı beşten kurtulun.
Bu yüzden sizi sevgiye uđrattýrdýktan sonra ţeyi uzak bir ţekilde tanýmlamamýz gerekiyor
ve sadece bu var olan ţeyi yapabileceđimizi düţünebilirsin.
Var eşittir yuvası şey talep.
Ve ifade edilen kişilerin bu değişkenleri bir şekilde bu şablona otomatik olarak gönderdiğini umuyor olabilirsiniz.
Ve sadece var olanı biliyor.
Ne yazık ki böyle çalışmıyor.
Ve sana sunucuyu yeniden başlatacağım göstereceğim bir hata mesajı alacağım ve var tanımlı
hiçbir şey olmadığını söylüyor.
Şimdi geri dönüp bir şey çubuğu tanımam lazım.
Ve bunu yapmamın yolu aslında onu sevdiğim E'ye geçirmektir. J. s şablonu oluştururken bunu bir nesne olarak geçirdikten sonra nokta çizgi çizgi üzerinde
yaparım.
Ve bu nesnede şablonuma sahip olmak istediğim çok sayıda veri koyabilirim.
Bunun yerine, işler daha çok bunun netleştirilmesi için bir
şey diyeceğim ve sonra burada veri geçireceğim ve şablonda söyleyeceğim şey var eşit olması gereken şey.
Bunun ne yapılması bir şeyin değerini alıp onu burada soplamaktır.
Bu yüzden Rusty'ye eşit bir şeymiş gibi görünüyor.
Ve sonra burada var değişecek.
Bunların hepsinin yerine paslı olurdu.
Tamam, o halde bırakacağız.
Geri dönün ve neden sadece resti gibi sabit kodlarla başlayalım ve
sunucuyu yeniden başlatacağız ve sayfayı yenileyeceğim ve sizi Rusty'ye aşık yapacağım.
Bir dize yapmaktan ziyade bir sonraki
adım sadece sahip olduğumuza geri dönmek ve böylece tüm değişkenleri kaydetmek
ve bunu isim barıyla geçmek ve daha sonra burada oraya sunmaktır.
E. J. Bu hantal görünüşlü şeyi etiketledi.
Sunucuyu yeniden başlatın tekrar geri dönün.
Şimdi seni Parsky'ye aşık kılmaya başlıyorum.
Ve eğer sana gideceksem, burada da yansıtılan Tater Tots'a aşık oluyorsun.
Bu, kullanacağımız çok güçlü bir konsepttir.
Dediğim gibi ve bu dinamik sayfalara
sahip olmaktan neredeyse her uygulama, kullanıcının talep üzerine verilerin belirli bölümlerinde sorduklarına göre
değişebilen tüm yanıtları altüst etti.
Göstereceğim diğer şey bunun normal bir Javascript olması.
Yani burada, büyük harf gibi şeyleri yapabilirim ve bu önce çalıştırılacak ve daha sonra paslı gibi basılacak olan
bir şeyi döndürecektir.
Yani sadece normal javascript ve burada ne girmeli ve ne olmaması gerektiği konusunda daha fazla konuşacağız.
Çünkü bazı kurallar var ki, yaşınızı onu Ejaz şablonunuzun tamamına, tonlarca ve
ton javascript'le karmaşıklaştırmak istemiyorsunuz.
Minimumda tutmak istersiniz, ancak şu an bunu yapacağım ve kurtaracağım.
Ve bu yaptığımız son şey olacak.
Sunucuyu yenilemeyi yeniden başlatın.
Ve şimdi büyük harflerle yazılmış bir sürüm elde ediyorum.
Pekâlâ, şimdi konuştuğumuz herşeyi tekrar edelim.
Bu derste biraz var.
Birincisi, burada ve burada yaptığımız gibi redstart işleyişini kullanarak bir dosyanın içeriğini
geri gönderebilmemiz ve bu şablonların, otomatik olarak oraya bakan görünümler dizininde olması gerekir.
Gömülü javascript'in yer aldığı Ejaz
hakkında konuştuğumuz bir sonraki şey ve sağladığımız bazı verilere bağlı olarak değişecek olan HDMI dinamik şablonlarının olmasını sağlayan şey.
Her birini evet yapmamız gerektiğini gördük ve dosyamıza DOD Ejay Yes diye bir şey çağrılmasını istedik.
Ve sonra da NPM kurulumunu Ejay'i çalıştırmak zorundaydık ve sonuncusu,
ilk başta tuhaf olan Ejay bize parantezlerini kullanabilmemiz.
Muhtemelen klavyenin bu bölümünü kullanmaya alışkın değilsiniz, ancak parantez içinde yüzde işareti ve eşittir
ve sonra diğer tarafta yalnızca yüzdendir ve içeriye giren her şey JavaScript kodu olarak
kabul edilir ve daha sonra bu kod
döndürürse ne olursa olsun, HMO'ya yazdırılır ve üzerinden veri aktarılır.
Anahtar nokta çiftlerine sahip olduğumuz kırmızı nokta oluşturma çağrısında bir nesne geçirebiliriz.
Sadece normal bir javascript nesnesi.
Ve şablonda nesnenin özelliklerini tanımladığımız değişkenlere erişebiliyoruz.
Bu durumda, şey, her zaman değişen şeyin değeri ne olursa olsun eşittir.
Ve burada, için bir şey kullanabiliriz.
Tamam, bu videoda sindirilebilecek çok şey olduğunu çok iyi biliyorum.
Özellikle bu kavramlarla daha fazla uygulama alacağız.
E. J. Evet ve o E. J. köşeli ayraçlara sahipse ve verileri bir şablona
iletmek, buradan her videoda yapacağımız bir şeydir