ejs

PHOTO EMBED

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