İçeriğe geç

Node.js ile Express + ejs kullanımı

Merhabalar bu yazımda Node.js express frameworkü ile ejs kullanarak html içine js kodu nasıl ekleriz bunu göstereceğim.

ejs bir html templete dir. Js kodlarınızı basit bir şekilde html içerisinde gömebilirsiniz. Aynı php kodlarını html içinde yazabildiğimiz gibi. Modül olduğu için kurulum yapmanız gerekir. Terminal üzerinden npm install ejs diyerek projenizin bulunduğu klasöre kurulumu gerçekleştirebilirsiniz.

Express üzerinde kodlama işlemi yaparken genel olarak .ejs uzantılı sayfalar Views klasöründe tutulur. Bende yazdığım örnekte bu şekilde işlemleri gerçekleştirdim.

index.html değilde index.ejs olarak dosyalarımızı yaratmamız gerekir. Piyasada bir çok templete bulunmaktadır ancak express normalde jade templete kullanmaktadır ancak bana göre ejs daha başarılı ve okunaklı bir templete dir.

Aşağıda yazdığım örneği inceleyebilirsiniz.

app.js

Views/index.ejs

Kullanımı gördüğünüz gibi oldukça basit. <%- include(‘header’) -%> şeklinde sayfaya diğer sayfaları çağırabilir ve modüler olarak sitenizi yazabilirsiniz. Dilerseniz açış ve kapanış işaretlerinide kendinize göre değiştirebilirsiniz.

Daha fazlası için ejs doc inceleyiniz.

 

Tarih:Node.js

Bu yazı yorumlara kapalı.