Odak modu
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 Programlar
Patika+ programlarımız ile 4-8 aylık yoğun yazılım kamplarına katıl, temel bilgilerden başlayarak kapsamlı bilgiler edin, yazılım kariyerine başla!
Yorum yapabilmek için derse kayıt olmalısın!