ejs
Sun Jul 23 2023 09:17:22 GMT+0000 (Coordinated Universal Time)
Saved by
@nelson22
app.set('view engine', 'ejs');
// default ejs view folder is 'views', to change
// app.set('views', 'newViewFolder');
// ejs routing
app.get('/', (req, res) => {
res.render('index', {'title': 'Home'});
});
app.get('/about', (req, res) => {
res.render('about', {'title': 'About'});
});
app.use((req, res) => {
res.status(404).render('404', {'title': '404'});
})
// sending blog array value to index page & looping in index page
// app.js
app.get('/', (req, res) => {
const blogs = [
{
'title': 'Change the Trend.',
'description': 'This is a new trend for lorum ipsum kolo donar. There are many variations of passages of Lorem Ipsum available.'
},
{
'title': 'Where does it come from.',
'description': 'Contrary to popular belief, Lorem Ipsum is not simply random text.'
}
]
res.render('index', {'title': 'Home', blogs: blogs});
});
// index.ejs
<div class="blogs">
<% blogs.forEach(blog => { %>
<h3></h4><%= blog.title %></h3>
<p><%= blog.description %></p>
<% }) %>
</div>
// EJS partials | we use minus sign while including file instead of equals because minus sign skips special characters
<%- include('./partials/nav.ejs') %>
content_copyCOPY
Comments