Tekrar hoş geldin.
Bu yüzden bıraktığımız yerden devam edeceğiz.
İndeks yeni yaratmayı kapsamaktaydık.
Şimdi göstermek için ilerliyoruz.
Gösterinin bu noktasında bir başka nokta da, belirli bir öğe hakkında dizindeki tüm bilgileri
veya daha fazla bilgiyi gösteriyor olması ve yolun içinde bir fikir olduğunu gösteriyor olması.
Dolayısıyla bizimkiler blogcuların önüne geçecek. D. Kimliği ilk başta istekte bulunur.
ve bunu gösteri sayfasına götürecek bir düğme görebiliriz ve daha sonra gösteriyi stil haline getireceğiz şablon birazcık.
Şablonda gösteri rotasında birkaç gol kalmıştık, daha sonra bağlantıları görmek istedik, böylece
dizin sayfasında daha fazla oku yazan
Rotayı tanımlayarak başlayalım.
Dolayısıyla, oluşturduktan sonra başka bir yoruma ekleyeceğiz ve bunun bir eğitici olması ve eğik çizgi
blogların eğik çizgi üst üste koyma (ID) isteği ve yanıtı kaydetme ve kaydettirmesi gerekiyor ve şov sayfasını başlatmak için göndermek kadar basit yapabilirsiniz.
Sadece bunun işe yaradığından emin olun.
Böylece sunucuyu yeniden
başlatalım ve blog yazısı ekip herhangi bir şeye paralel olarak gidip şov sayfasını görebiliriz.
Tabii ki fikirler öyle görünen uzun moğolcu düşünceler olacak ve bunları yazmayacağız ancak onları görmek
için bağlantıları tıklıyor olacak.
Öyleyse artık gidelim ve indeksin şov sayfasına bir bağlantı ekleyelim, böylece direktifin yanında
kendiniz için Devam oku yazan bir düğme alalım.
Bu bizi şov sayfasına götürecek.
Görünüm yerine onu açmak istersek dizin şablonumuzda yapacak ilk iş, blog
gövdesinin bir çapa etiketi eklemesinin hemen ardından ve daha fazla oku ve H ref'in eğik çizgi günlükleri olacağı anlamına gelir.
Ancak bu kimlik, her bir blog aracılığıyla değişken.
Yani her birimize ihtiyacımız var.
Ve bu bir blog nokta olması gerekiyor underscore kimliği yeniden kazanacağız.
Şimdi bir bağlantı var ve eğer üzerine tıklarsak hepiniz giriş yazısı bulacaksınız.
5 6 3 vesaire vesaire.
Aynı şey farklı bir kimlik numarasıyla.
Pekala şimdi, rota mantığını doldurmamız gereken bu Id'yi alıp ilgili blogu
bulmalı ve ardından şov şablonunu oluşturmalıyız. Bu rota içindeki doğru kaydı
bularak başlayalım.
Yani kullanmakta olduğumuz manglers metni, kimliğiyle bulut bulma noktası olup, bunun kimliği ve geri arama iki
argümanı gerektirir.
O halde kimliği burada, kimliği ve bizim geri arama oranımızda bir hata olacak hareketsiz nokta istekleri
istiyoruz ve sonra onu kilit bulacağız diyeceğiz.
Oraya gidiyoruz.
Hatayı tekrar kontrol edeceğiz.
Ve basit bir şeyler yapalım.
İndeks sayfasına geri yönlendirme yapacağız.
Sonuçta, size günlük bulunamadığını bildiren bir mesaj gösterebileceğim çok güzel bir hata işleme gösteriyor
olacağım veya üzgünüm bu blogu bulamıyorum ve az önce bulunduğunuz sayfaya geri döneceğim.
Ancak şu an için her zaman Smashbox'a geri döneceğiz ancak farelerde bir hataya neden olan herhangi bir şey
olmamalı.
Veritabanımız tamamen kapalıymış gibi bir şey.
Dolayısıyla bu gerçekten bizim için önemli değil bu noktada Reds şov şablonunu oluşturuyor ve biz sesli
blog'a geçmemiz gerekiyor ve biz sadece blog diyeceğiz.
Dolayısıyla, şablonun içinde bulunan bloga Blog adı verilecek.
Şimdi şov şablonuna ihtiyacımız var.
O halde şimdi yapalım.
Dokunuş görünümleri, Aegeus'un bunu açtığını gösteriyor ve burada,
sahip olduğum şeyleri bir form olan Kopyalamaya kopyalamaya başlayacağım ve bunlardan hiçbirini
istemeyiz.
İstediğimiz şey şu an bunu saklayacağımız üstbilgi UI ana metin kapsayıcıları segmenti
gibi temel şeylerden bazıları.
bunun yerine büyük hetter yerine yazı başlığına ekleyelim ve başlık blog başlığı olmalı.
Ancak
Haydi kurtaralım.
Ve işe yarayıp yaramayacağına bakalım.
Tekrar blog, şovun içinde burada bulduğumuz her şey.
Gösterilen şablondaki şov şablonuna ad günlüğü altında tıkanmış bir hata geçtiğini
tespit edersek, Kimliğini bulma işlemiyle Kimliğiyle Kimliğiyle araştırdık.
Blog kullanıyoruz.
Tamam.
Moment of
Truth, bu bağlantılardan birine hızlı bir şekilde geçelim, ilk önce mesaj atalım.
Bu yüzden eğer bunu tıklarsam yeni köpeğimi görmelisin.
Ve biz yaparız.
Harika.
Temel özelliklere sahibiz.
Zor kısmı gerçekten bitti.
Şimdi sadece görüntülemek istediğimiz bilgileri görüntüleme meselesi.
Böylece geri döneceğiz ve kesinlikle görüntüyü göstermek isteyeceğiz.
Biz de içeriği görüntülemek istiyoruz.
Bu yüzden bazılarını indeksten çalacağım.
Zaten bütün bunları şimdi yazmış bulunuyoruz ve burada biraz farklı bir şekilde stil edeceğiz.
Oraya gidiyoruz.
Sadece bununla başlayacağız.
Ancak bu görünümü daha güzel yapacağız.
Bakalım yenilersek neye kavuşacağız.
Bizim görevimiz var.
İşte şov sayfamız.
Dikkat çeken bir nokta şu ki bu, şu anda dizinde görmediğimiz bir şey göstermemektedir;
bunun nedeni, dizinimiz her şeyi göstermektedir.
Ancak blogların çoğu, yazının bir bölümünü gösterdikleri bir şeydir.
Dolayısıyla 10000 Satırlı bir blog yayınımıza sahip olsaydık, burada 10000 satıra çıkmasını istemeyiz.
Daha ziyade bir paragrafın önizlemesine sahip olabilirsiniz ve daha sonra okumak için daha fazla tıklarsanız, bunu bir
dakika içinde yapacağız.
Ancak bunu biraz stilize ederek başlayalım.
Elimizde olan ilk şey ana metin konteynerimizdir.
Büyük bir başlığa sahibiz.
Ve sonra bunun içindeki her şeyi nereye koyacağımız başka bir div
ekleyebiliriz ve ona UI üst ekli segmente eşit bir sınıf verelim.
Hangi bölüm yapar, şeylerin etrafına küçük bir sınır koyar; böylece,
öğeye eşit bir div sınıfı ekleyeceğiniz yerine, tüm içeriğimizi koyduğumuz öğenin yerine benzediğini görürsünüz.
sınıf ekleyebileceğimize ne dersiniz? Dört sınıf olan görüntüyü merkezlendim.
Yani resimle başlayacak ve sadece resmin tamamını görüntülemeden ziyade, sizin gibi adlı semantik bir
Bu yüzden resim bize hoş semantik bir kullanıcı arayüzü görüntüsü verecek, ancak ortalanmış olarak verirsek, o
konteynerdeki görüntüyü, yuvarlak köşede yuvarlatılmış köşeler halinde ortalayacak.
Dairesel olmayacak.
Bunu, daire görüntüsünü veya dairesel görüntüyü düşünüyorum ama yuvarlak yaparak sadece
köşeleri biraz değiştiririm.
Şimdi bunu başlamak için kontrol edelim.
Oraya gidiyoruz.
Yaklaşıyoruz ve sonra buraya gideceğiz ve başka bir cihaz ekleyeceğiz.
Bunu nereden bulacağımı öğrenmek istersen, sınıfa eşit olacaksın.
Semantik kullanıcı arayüzünde öğe görüntüleme öğesine geçerseniz, buradan alıyorum.
Dolayısıyla bir öğe yerine bir div öğesi var, daha sonra içeriğimize tam olarak ne yaptığımız bir resim
verebiliyoruz.
Dolayısıyla içerideki içeriğe sahip bir öğemiz var ve bu gerçekten amaç değildir.
Bundan sonra semantik kullanıcı arayüzü konusunda uzman olmayacaksınız.
bir çerçeve göstermek için semantik bir uzman olarak tanımak için değil.
Yine size sadece başka
Pekâlâ, bunun yerine onun yerine, ne gibi oluşturduklarını ekledik ve küçük bir değişiklikten kurtarmaya
çalışacağız, ancak bir kullanıcı için yapabileceğimiz şeyin gerçekten çok kolay değiştirildiğini görmesi gerçekten
ideal değil. daha okunaklı bir tarihe kadar.
Ve javascript tarihleri ​​içeren birkaç yöntem var.
İki dize adı verilen var.
İstediğimiz şey olan bugüne kadar çağrılmış bir dize var ve bunun neye benzediğini size göstereceğim.
çağırırsam ve yenilemem şu an yenilendiğimi ve insanın okuması güzel bir sürümünü alabilirim.
Burayı hemen
1 Kasım 2015 Pazar.
Mükemmel.
O zaman onu kurtaracağız.
Biraz burada çalışmaya devam edelim.
div'a açıklamayı da ekleyelim ve bu,
bunun
yerine başka bir semantik sınıf ve bunun gibi paragrafımızda ve sayfayı yenileyelim.
Başka bir
Ve şu an için nispeten bitmiş bir blog yazımız var.
İçindeki çizgiyle bu div'den kurtulacağım.
Bu çizgiye ihtiyacımız yok.
Ve bu, burada sahip olduğumuz segmentten.
Bu yüzden ondan kurtulursak ve dış segmenti tutarsak, bununla biteriz ya da dışa doğru gidebiliriz
ve dıştaki parçadan kurtulabiliriz ve içteki parçayı şu şekilde tutabiliriz.
Hangisini daha iyi göründüğünden hangisini seçersin.
Sanırım geri dönüp dışa bakacağım.
Tamamen sen.
Tamam.
Şimdi, bazı lorem ipsum'u görüntülemek veya kopyalamak için biraz daha uzun metne sahip olduğumuzu veritabanımızdan alalım.
Bunun gibi.
Ve bu sefer yeni yazı defterine geri dönersek farklı bir imaja sahibiz, yanılıyorsun.
Ben şaşkına çevireceğim.
Ve ben sadece bu metni daha uzun metinlerle arayacağım.
Korkunç unvan.
Gönderin ve bu dev görüntü elde edelim, biz onu şekillendirmiyoruz.
Ve sonra bir sürü metin alıyoruz.
Açıkçası, bu metnin tümü dizin sayfasında bunun üzerinde çalışmasını istemiyoruz.
Ve eğer okumaya devam edersem tıkla ve şimdi güzel blog yazılarımı buraya getiririm, ancak her şeyin yoğundur.
İstediğimiz paragraf çizgilerine sahip değilsin.
Arasında mola ekleyemezsiniz.
varyantları için bugün blog yazan veya Wordpress gibi bir şey yazarsanız veya orta gibi bir şey kullanırsanız.
Bu yüzden biraz daha kullanışlı bir blog yapmak için, kullanıcıların HVM'ye girmesine izin vermeliyiz, muhtemelen gördüğünüz
HVM'ye, eğer HVM'nin bazı
Her T yazmazsın. M. kendiniz ama cesur şeyler yaparsanız
resimler ekleyebilirsiniz, paragraflar italik metin içerebilir.
Eğer şimdi denersek yeni bir yayın yaparsak yaparsak yine aynı görüntüyü koruyacağım.
Ve yine Lorem Ipsum'u çalalım.
Bunun bir parçası, bunun bir kısmında güçlü bir etiket gibi açık bir şey yapalım.
İşe yararsa, cesur bir metin göreceğiz ve teslim ettik ve sıkmayı unuttum.
Bu iyi.
Ve içeriğimizin görüntülendiğini ancak çalıştırılmadığını göreceksiniz.
Bir zaman aşımı olarak gösterilmiyor ve bunun için iyi bir neden var, ki bu da kullanıcıların kendi
HVM'sine kendi kodlarını girmesine ve sadece onu yürütmesine izin vermek her zaman güvenli değil.
Ve bunun olabilecek en kötü yanı ne diye düşünüyorsun olabilir.
Az önce ortadan kaldırıldı.
Peki, birisinin Javascript çalıştırırken birisinin aslında bir script etiketi girebileceği de olabilir.
Bu yüzden size daha sonra göstereceğim.
Doğru olsa da, çünkü HD miktarını gerçekten göstermiyoruz.
İsteseydik aslında bir karakter aslında basit bir değişiklikti.
İşte şov şablonu.
Şu anda şov şablonuna bakarsak, blog nokta gövdesi görüntüleriz.
Bu eşit işareti çizgiyle değiştirirsem, aslında yapacak olan şey, cesedin döndüğü her blogun alınması
ve bunu değerlendirmektir.
Sadece dize görüntülemeden kodu olarak çalıştırın.
Sayfayı yenilersem, şu anda güçlü etiketimizi alırsın.
Ve eğer bunu beklersem bunun gerçek bir güçlü etiket olduğunu göreceksin.
Yani eşit işaretten çizgiye değiştirme gerçekten çok güçlüdür.
Daha sonra kodu gerçekten değerlendirir.
Aynı görüntüyü başka bir yayın yapmak ve bu sefer biz ilk paragraf ve kapanış paragraf yapmak
ve daha sonra bunu çoğaltmak ve sonra bir kez bazı larm ipsum almak ve sadece bu satırları çalmak.
Sadece iki basit paragrafa sahip olacağız.
Dev görüntülerimizin
ardından iki paragrafla sonuçlandığımızı görürsünüz.
Bu harika, çünkü bir kullanıcı aslında içeriğe girebilir ve stili belirleyebilir.
Ama bir problem var.
Bu yüzden burada rasgele bir şey girersem bu betiği yapabilirim ve sadece burada
bir kod yazabilirim ve sana istediğim gibi aptalca bir şey yapabilirim.
Emin.
Bunların hepsi yanlış yazılmış.
Ve şimdi şunu girersem, bu HDMI'yı çalıştırmak olacak ve bu, bir iş betiği
çalıştırılacağı anlamına gelen bir komut dosyası etiketi.
Bu sayfaya gittiğimde şu an uyarı aldım.
Belli ki tek bir uyarı o kadar da kötü değildir, ancak muhtemelen şeylerin
oradan yükselebileceğini düşünebilirsiniz.
Herhangi bir senaryo etiketinden kurtulma meselesini önlemenin yolları var.
Sonunda bunu nasıl yapacağınızı size göstereceğim bu serideki isteğe bağlı bir video.
Buna girdileri sanitize etme deniyor.
Hızlı sanitasyon cihazı adı verilen, bizim için bunu yapacak bir paket varsa.
Sadece, içerideki herhangi bir betik etiketinden kurtulacak mülkü dezenfekte etmesini söyledik.
Bu kodu yazmak zorunda değiliz.
TAMAM.
Birkaç konuya sahibiz ancak geri dönelim.
Bunlardan biri.
Evet, bunları şekillendirmeye geri döneceğiz.
Ancak tüm bu içeriği dizin sayfasında görememek için bu yayınları keserek başlayalım.
İlk 100 karaktere bırakıp daha sonra bir elips koyalım.
Bir dize ayırın.
Gerçekten çok basit.
Javascript hakkında konuşurken, substring yöntemini kullandığımızı erken gördük.
Dolayısıyla tüm blog gövdesinden ziyade dizin sayfamızda gövde alt dizgesini sıfır ilk karaktere kadar tıkanmış
olacaksınız.
Ve şu an için yüzlerce karakter istiyoruz.
Ve ben hep yanlış anlarım.
Küçük harfli bir alt dize.
İki kelimeymiş gibi deve kılıfı gibi görünüyor ama değil.
Tamam.
Şimdi bunu denersek, şimdi bu kesilmiş yazıları aldığımızı görüyor ve şimdi bu basit
elipsi ekleyelim.
Bu nedenle, alt dizge ve ardından evet nokta nokta nokta ve daha sonra yeniden bağlama bağlantısımız var.
Şimdi şov sayfamız biraz görmek istediğimiz bir amaca hizmet ediyor.
Ardından, daha fazla okumayı tıklayıp tüm postayı görebilirsiniz.
Harika.
Bu yüzden bu videoda çok şey kapladık.
Rotadan kimliği nasıl isteyeceğiniz hakkında konuştuğunuz hakkında konuştunuz.
Kimliğini aldığımız rotayı kurduk ve ilgili blog'u bir şablon oluşturduğunu bulduk.
Bununla birlikte, show şablonunda, çizgiyi kullanarak, kodu çalıştırmak ve sonucu vermek için aslında bir kod üreten eşit
bir işaret olmak yerine burada bulunan bazı yeni şeyler hakkında da konuştuk.
Ve daha sonra bir tarihe daha iyi bir biçimde dönüştürebilmenin güzel bir yolu olan tarihe dikkat ettik.
Hala esnek değil.
İstediğiniz kesin biçimi belirtmenizi sağlayan Moment Jap's adlı harika kütüphaneler
var.
Ayın gün çizgisini çizdiğimiz aya benzeyen bir şey isteyebiliriz ve ayın kısaltılmış bir yerini
isteyebiliriz veya bütün ayı ve Kasım'ın güneşi yerine
haftanın tüm gününü isteyebiliriz.
İstediğiniz formatta çok açık olmak istiyorsanız, anı J ile işlemek çok daha iyi bir
şekilde yapılabilir.
Sadece basit bir kütüphane, Jay Querrey ya da diğer herhangi bir istemci tarafı kütüphanesi gibi yükleyebilirsiniz,
ancak şimdilik bununla birlikte gideceğiz.
Javascript içine yerleştirildi.
Burada tek bir satırdan başka herhangi bir ek kodu istemiyoruz.
Harika.
Ve daha sonra bir iz için daha fazla olan bir dizin yerine alt dizgeyi kullanmanın
son işi, bunu bir süre görmedik ama erken gördük.
Birinci argüman, ikinci kesimi yapmak istediğimiz yerde, ikinci kesmeyi yapmak istediğimiz
yerdir.
Aralarındaki herşeyi alıyoruz.
Harika.
Tamam.
Gelecekteki video, güncelleme ve düzenleme üzerinde çalışacak mı?