Focus mode
Artık uygulamamıza dinamik özellikler verme zamanı geldi. İlk işlev olarak ne yapmak isteriz? Uygulamamızın Add Photo sayfasından yükleyeceğimiz fotoğraf bilgisini bir şekilde ana sayfamıza taşımak isteriz. Bunu yaparken "add photo" sayfamızda kullanacağız metot POST
ve action='/photos' olacak.
Burada "add photo" sayfadan gelen post metodunu yakalamamız için ilgili yönlendirmeyi yakalayıp, consolda request nesnesinden gelen body bilgisini yakalayalım.
app.post('/photos', (req, res) => {
console.log(req.body);
res.redirect('/')
});
add photo sayfasından bilgileri gönderdiğimizde consol da undefined
sonucunu görüyoruz. Bunun nedeni body ile saklanan verinin yakalanamıyor olması. Bu body bilgisini yakalamak için 2 adet middleware fonksiyonunu kullanmamız gerekir.
app.use(express.urlencoded({extended:true}))
app.use(express.json())
bunun sonucunda bilgileri tekrar gönderdiğimizde consolda body bilgisini bir nesne halinde yakalarız. Ayrıca res.redirect('/')
nedeniyle ana sayfaya yönlendirildi. { title: 'Photo Title 1', description: 'Photo description 1' }
Yazılım Kariyerinde İlerlemeni Hızlandıracak Eğitimler
Kendi kendine yazılım öğrenirken zorlanıyor, takıldığın noktalarda bir mentore mi ihtiyaç duyuyorsun? Patika+ programlarımız ile 4-8 aylık yoğun eğitim kamplarına katıl, proje tabanlı canlı dersler ve sana özel hazırlanmış eğitimlerle gereken tüm yetenekleri kazan, iş hayatına başla!
You need to enroll in the course to be able to comment!