Tekrar hoş geldin.
Şimdi de geri kalan dinlendirici rotalarımızı alacağız.
İndeks yaptık ve mantık yapmaya biraz ara verdik. e. üstbilgi ve altbilgi Parshall's.
Şimdi yeni yapacağım ve yeni mesaja tıkladığımda bu videonun sonuna kadar bir form görmeliyiz
ve daha sonra bu formu doldurup daha sonra göndermek için gidebiliriz.
Beni dizine geri götürecek ve başka bir yazı görmeliyim.
Öyleyse başlayalım.
Yapmamız gereken ilk şey, yeni şovları bir form olarak hatırlayan yeni rotayı yaratmaktır.
Bu bir GET isteğidir eğik çizgi köpekler veya eğik çizgi bloglar yeni eğik çizgi ve sadece bir form gösterir.
O halde oradan başlayalım.
Bunu dizinimizden sonra yapacağız ve onu buraya ekleyelim.
İndeks yazdı.
Şimdi yeni rotayı yapalım ve create da ekleyeceğim.
Dolayısıyla yeni rotamız için ve eğik çizgi blog'ları yeni ve yeni olarak indirdikten sonra gerçekten basittir.
Gerçekten en kısa olan bu, yapmamız gereken her şey aynı formda her zaman oluşturulmasıdır.
Veritabanında bir şey aramak zorunda değiliz.
Forma veri göndermek zorunda değiliz.
Tek yapmamız gereken şey yeni sunmak.
Ve o dosyayı elbette yapmamız gerekiyor.
Bu nedenle, görüşlere dokunarak yeni Ejay Evet C-9 görünümleri yeni bir eğik çizgi oluşturuyor.
Tamam ve basit başlayalım.
Ve hepimiz burada biraz semantik UI kullanıyor.
Dolayısıyla bir div yapacağız ve bu cihaz basit olacak, yalnızca bir sınıf UI ana metin konteyneri segmenti var.
Yani bir sürü şey var.
Bir dakika içinde parçalayacağım.
Bunun yerine bunun yerine bir üstbilgi ekleyerek bir UI büyük bir başlık yapabiliriz
ve bu yeni günlüğü ararız.
Ve bunu görürsek başardığımızı bileceğiz.
Bu yüzden uygulamayı başlatın.
Oh ve aslında bizim paylarımızı da eklemeliyiz.
Aksi takdirde fark görürüz fakat semantik stillerden hiçbirini görmeyeceğiz.
Parshall'ın eğik çizgi başlığını, alt Parshall'ın eğik çizgisinde kaydetmek için aynı çizgiyi içermesine ihtiyacımız var.
Dolayısıyla, Ejay'ımıza, nokta çarpıntısı
Bu sayfayı yenileyin ve yeni blog başlığına geçin.
Ve iki problemimiz var.
İlki, aralıklı bir sorundur.
Bunu kolayca düzeltebiliriz, ancak doğru şablonu alıyoruz.
Ancak, biraz garip bir şey fark ettim. Bu da ikonumuzun ana sayfasında küçük olmasına yol açtı.
Bu sayfada küçük boyutlu.
Ve bir süre bunun için bir ot hatası olarak baktım.
Bunu anladım.
Gerçekten o sinir bozucu olanlardan biri, o anda ortaya çıkan şey, başlangıçta
çok açık olmayan bir şey, ancak fark ettiğim şeyleri kısaca anlatacağım.
Konsolda yazdığını görebilirsiniz.
Stil sayfasını C S S'yi devre dışı bırakmak yüklenemedi, ancak kesilmiş blogların altında çizgi stilindeki C
S S çizgisinde uygulama arıyordu ve nereye bakması gerekmiyordu.
Ve böylece üstbilgi dosyasında kurduğumuz bağlantıya baktım ve küçük bir şeyin eğik çizgi olduğunu unuttum
fark ettim.
Şimdi taze iseniz, şimdi onu bulduğunu göreceksiniz.
Ve burada bir hata yapmıyoruz.
Ve eğer Kaynaklar sekmesine baktıysanız, blogların içine bakmadığını görebilirsiniz; bu, daha önce
olduğu için stil sayfalarının dışındadır.
Ve şimdi de değil de daha büyük kod simgesiyle bitiyoruz.
Şimdi konunun üstesinden gelelim, şimdi içeriğimizin geri kalan kısmıyla çakışıyor ve bu stil sayfasını hazırladığımız için
neyse ki bunu düzeltmek çok kolay.
Tek yapmamız gereken konteyner öğesi olan bu öğenin üst kısmına biraz kenar boşluk eklemektir.
Yaptığımız her şey bu konteynırın içinde olacak.
Bu nedenle, değerlendirmeden sonra stil sayfamızda bunu seçeceğiz ve yalnızca konteyner yapacağız ve daha sonra yapmak istediğimiz tek şey,
piksel sayısına bakmak yerine kenar boşluğunun üstünde olmasıdır.
E-M'yi daha sık görmenizi sağlayacak şekilde de kullanacağım.
Gerçekten çok şey görmedik ve incelediğimiz konteynerin aynı zamanda nav çubuğunun içinde olduğu
başka bir sorunun olduğunu görüyoruz.
Unutmayın orada bir konteyner var.
aynı zamanda segmentin veya başka bir şey olan genel konteynırları hedeflemek istiyoruz.
Dolayısıyla, yalnızca ana veya konteyner olan ve
Bu başka kolay bir düzeltme.
Geri dönüp sadece yapacağız.
Yani bu bir anlam taşıyor.
Artık yenilediğim bu iki sınıfım vardı ve daha iyi görünüyor.
Bu yüzden onunla uğraşmadık.
Bu kaptaki kenar boşlukları Nav içinde. sadece burada ve şimdi stil için oynadığımız
menü.
Şimdi formu işe koyalım.
Yani yeni babamız evet yapmak isteriz ve formumuz böyle olur bu tür çizelgelere giderek,
dinlendirici rotalarımızı unuttuğumuzu unuttuysanız ve oluşturduğunuz flaş köpekleri dizininki
ile aynıdır. sonrası.
Dolayısıyla bu formun, metnin gönderildiği alanlara bölü çizelgesine gitmesi gerekiyor ve daha sonra bir formun içinde
bir kaç girdi isteyen ilk metin yalnızca metne eşit ve metin yazmak ve blog
başlığına eşit bir ad verecek ve daha sonra başlık eşittir bir yer tutucu.
Ve sonra o istisna, resim için bunu yapmak yerine tekrarlarız.
Ve bu, gitmesi gereken birkaç videodan gönderilen isteklerden sonra gözden geçirilmelidir ve
beden olarak adlandırdığımız içerik için de aynı
şeyi yapacağız ve yalnızca log yazısı koyarsak, buraya bir yer tutucu olarak gideriz.
Pekâlâ, bu işi bitirelim ve daha sonra göndermek için bir yola ihtiyacımız var, böylece giriş türünü uygulayacak
ve bunun gibi bir şekilde göndermek ve sonra ne elde ettiğimizi kaydetmek ve görmek.
İşte formumuz gerçekten tarzsız.
Buna yakında başlayacağız.
Ancak gönderirsek blog'ları kesmek için gönderemediğini söyleyen bir hata almamız iyi olur.
Bunun nedeni, oluşturma rotamızın bulunmaması.
Şimdi de bunu köpeklerle görevlendirme yapalım.
Dolayısıyla, Yol oluşturma rolünde aslında evet yerine, bir uygulama sonrası eğik yazı blogları veya Colback yapacağız.
Mükemmel ve burada aslında o yeni blogu yaratmamız gerekiyor.
Dolayısıyla iki adımla blog oluşturduktan sonra yeniden yönlendirme yapıyoruz ve şu anda dizine yönlendireceğiz.
Bu yüzden blog yaratmak için bir bloga ihtiyacımız var ve ilk şey veri.
Dolayısıyla bu henüz işe yaramaz.
Ve ikinci şey geri arama.
Yani geri aramamıza başlayabiliriz, bir hatamız var.
Ve işe yararsa, yeni bir bloga sahibiz ve geçmekte olduğumuz veriler, post isteklerindeki videodan hatırlanıyor; bu
taleplerin hepsi, istek dot body dot'un içinde ve formumuzda formumuzda adlandırdığımız her
şeyi içeriyor.
Her şey bir blogda, bir grupta ve birlikte.
Dolayısıyla, sadece vücut dökümü blogunu talep edersek, otomatik olarak bir başlık imajı ve gövdesi vardır.
Ona bir vücut darbe isteği veriyoruz Ağustos ilk argüman bu verileri alır bittiğinde yeni bir blog
oluşturur.
Çünkü bu geri arama.
Ve hata yaparsak standartlarımızı yaparız.
Günlük hakkında saymak yerine bir izin yapalım, yoksa yeni formu oluşturalım, aksi halde bölü çizelgelerine bir
rez
yönlendirme yapacağız ve yeni blogun burada gösterildiğini görmeliyiz.
İşe yarasa, bu yorumu değiştirelim ve bir şans verelim ne olacağını görelim.
Böylece biz kurtaracağız.
resim URL'sinin bir kopyasını oluşturmamız yeterlidir, böylece blog gönderisinin bir resmini veya başlığını almış oluruz.
Sunucuyu yeniden başlatmalı ve kök dizinine geri dönmeliyiz, bu
İşte blog yazımızdaki görüntü.
Gönder ve mükemmel çalışıyor.
Ve bir başlığa sahip olduğumuzu görebilirsiniz. Oluşturduğumuz tarihe kadar vücudumuzun çok kısa bir blog yazısı da
görüntülendiğini görüyoruz.
Olağanüstü.
Bütün bunları yeni yollara özetlemek ve yeni oluşturmak, modelin adı ne olursa olsun çizgi çizmektir.
Davamızdaki köpekler aslında blogların eğik çizgileri ve istekleri var.
Form oluşturmanın göstergesi, flaş köpeklerin yalnızca bir indeks talebi olması dışında olduğu gibi gösteriliyor.
Ve yeni formun veriyi buraya gönderdiği yer.
Veritabanına eklemek için yeni köpek oluşturun, daha sonra yeniden yönlendirecektir.
Çoğu zaman endeks olmak zorunda değildir, aslında bir sonraki videoda göreceğiniz sayfayı
göstermek için.
Uygulamamızı hızla şekillendirelim.
Formu yapalım.
olarak vermek ve daha sonra bu girdilerin her biri bir div'de olacak ve div alanlara eşit sınıfa sahip olacaktır.
Dolayısıyla, yapacağımız anlamsal ilk şey kullanmak için formumuzu bir sınıfı UI formuna eşit
Ve daha sonra henüz sahip olmadığımız etikete nasıl bakacağım.
Ve ilk etiket başlığa sahip olacak ve sonra başlığımızı alıp oraya koyacağız.
Mükemmel.
Ve bunu birkaç kez daha yapacağız.
Etiket görüntüsünü değiştiren görüntü değişikliği için bunlardan birine ihtiyacımız var ve daha sonra yapmak istediğim
bir değişiklik, blogumuzun böyle bir girdi oluşturmasını sağlamak yerine, bir kullanıcının bir miktar daha metin yazabileceği
bir metin alanı yapmak istiyorum Gerçek bir blog yazısı gibi.
Ve bunu bir girdi yapmaktanse düzeltmek için bir div Chrisfield'in hala etiketinde kalacağız
ve blog içeriği olarak adlandıracağız ancak bu girdiden ziyade görmüş olduğumuz bir metin alanı etiketi
ekleyeceğiz erken ama gerçekten fazla kullanmadık.
Ve girişlerden biraz farklı, yine de bir isim veriyoruz.
Dolayısıyla yine de blog gövdesi ve daha sonra kaydediyoruz ancak bir metin türü vermiyoruz çünkü bu bir girdi değil, kendi açma
ve kapama etiketine sahip belirlenmiş etiketi ve aynı şekilde biraz daha farklı davranıyor.
Onu eklediğimizde.
Dolayısıyla bunu bir an önce atlatacağımızı göreceğiz ve sonra düğmemizi biçimlendireceğiz.
Şimdi sahip olduğumuz şeylere bir göz atalım.
Düğme biraz daha güzel bir tasarıma sahip olmak dışında oldukça iyi görünüyor.
Ve anlamsal UI'yı çekip düğmeye gidersem, önyükleme desteğindekinden daha fazla semantik düğme vardır.
Çok farklı tipler var, aynı zamanda çok sayıda renkte temel düğmeler ve daha sonra ters düğmeler de var.
Dolayısıyla bunlardan birini seçin ve en sevdiğinizle giderseniz mor mor yapalım ve kaynak koda bir
göz atarsanız, ihtiyacınız olan şey sınıfa eşit olur.
Renkli basit düğme.
Bunu yaparken bunun neden anlamsal UI olarak adlandırıldığını açıklayacağım.
Ve asıl sebep, örneğin bootstrap'tan farklı olarak, bu tür garip jargonu ETN ETN çizgi LGBT'ye
ve çizgi varsayılana sahip olduğumuz, örneğin bootstrap'ı gerçekten çalıp atmadığı ancak
sematicin yaratılmasının nedeni bu tür biçimlendirmeye tepki vermenin olduğu yerde olduğu yerdir biz UI temel düğmesini ihlal olabilir veya
UI Violet ters düğmesini yapabilirsiniz.
Şu an için basit temel iyi.
Ve gereken tek şey bu.
Çok basit.
Daha az karakter olması değil.
Kısa olmak değil.
Nereye kolayca bakacağınıza ve bunun ne anlama geldiğini anlamak anlamlılıkla ilgilidir.
Şimdi dönüp yenilersek.
Bu düğmeye sahibim ve büyük yapmak istiyorsanız bu gerçekten kolay.
Tek yapmam gereken büyük yazmaktır.
Bu yüzden BT yapmak zorunda değilim ve Elgie'yi sadece yenilemekle yetinmeyelim ve daha büyük bir düğme alıyoruz ve hepsi bu kadar.
Bu yüzden tekrar deneyelim.
Yani aynı cesur tartışmayı kullanıyorum, buna yeni köpek derim.
Daha fazla blog Contac submit ve işe yarıyor.
Harika.
Tamam, bu yüzden Yeni'yi kapattık ve yarattığım endeksi kapattık ve sana biraz semantik
gösterdik Bir sonraki videoda formları ve düğmeleri alabilirsin.
Gösteri sayfasında çalışacağız