Ejs | Coding 4 Developers

Some time we need to print a message after the redirection of page.
Like when you delete a post and will show “Post deleted successfully!” after reloading or redirecting the page.
I’m going to explain how we can redirect to another page in node js along with message.
First you need to install express-session using below command if you have not installed:

sudo npm install express-session --save

1	sudo npm install express-session --save

Now you need to install req-flash using below command. It flash the message but this library is dependent on session.

sudo npm install req-flash --save

1	sudo npm install req-flash --save

Now in app.js include following:

var session = require('express-session');
var flash = require('req-flash');

1 2	var session = require('express-session'); var flash = require('req-flash');

If you are using express js might be you don’t need to put this line because this is already there.

app.use(cookieParser());

1	app.use(cookieParser());

Now you need to use session if you have not used it in app.js yet:

app.use(session({
secret: 'djhxcvxfgshajfgjhgsjhfgsakjeauytsdfy',
resave: false,
saveUninitialized: true
}));

app.use(session({

secret: 'djhxcvxfgshajfgjhgsjhfgsakjeauytsdfy',

resave: false,

saveUninitialized: true

}));

Now use flash in app.js file:

app.use(flash());

1	app.use(flash());

Now you can put your message in following way :

router.get('/destroy/:id', function(req, res) {
Post.findByIdAndRemove(req.params.id, function (err, project) {
if (err) {
req.flash('deletePostErrorMsg', 'Something went wrong while deleting post!');
res.redirect('/posts');
} else {
req.flash('deletePostSuccessMsg', 'Post deleted successfully!');
res.redirect('/posts');
}
});
});

router.get('/destroy/:id', function(req, res) {

Post.findByIdAndRemove(req.params.id, function (err, project) {

if (err) {

req.flash('deletePostErrorMsg', 'Something went wrong while deleting post!');

res.redirect('/posts');

} else {

req.flash('deletePostSuccessMsg', 'Post deleted successfully!');

res.redirect('/posts');

}

});

and you can achieve the message by following code.

req.flash('deletePostSuccessMsg');

1	req.flash('deletePostSuccessMsg');

so you can render your messages to view like this

router.get('/', function(req, res) {
Post.find({}, function(err, projects) {
if (err) {
console.log(err);
} else {
res.render('posts', { deleteProjectSuccessMsg: req.flash('deletePostSuccessMsg'),deleteProjectErrorMsg: req.flash('deletePostErrorMsg'), posts: posts });
}
});
});

router.get('/', function(req, res) {

Post.find({}, function(err, projects) {

if (err) {

console.log(err);

} else {

res.render('posts', { deleteProjectSuccessMsg: req.flash('deletePostSuccessMsg'),deleteProjectErrorMsg: req.flash('deletePostErrorMsg'), posts: posts });

}

});

Now on view you can print the message like :

<% if (typeof deletePostSuccessMsg != 'undefined' && deletePostSuccessMsg) { %>
<div class="alert alert-success"><%- deletePostSuccessMsg %></div>
<% } else if(typeof deletePostErrorMsg != 'undefined' && deletePostErrorMsg) { %>
<div class="alert alert-danger"><%- deletePostErrorMsg %></div>
<% } %>

<% if (typeof deletePostSuccessMsg != 'undefined' && deletePostSuccessMsg) { %>

<% } else if(typeof deletePostErrorMsg != 'undefined' && deletePostErrorMsg) { %>

<% } %>

Here I’m using ejs template engine. ... Read More

To install the mongoose:

npm install mongoose

1	npm install mongoose

routes/post.js

var express = require('express');
var router = express.Router();
var Post = require('../schema/post');

/* GET post page. */
router.get('/', function(req, res, next) {
res.render('post', { title:'Post' });
});


/* POST Data. */
router.post('/', function(req, res, next) {
console.log(req.body);
var data = newPost(req.body);
data.save(function(err){
if(err){
res.render('post', { title:'Hey', message:'Invalid request!' });
} else {
res.render('post', { title:'Hey', message:'Request received!' });
}
})
});

module.exports = router;

var express = require('express');

var router = express.Router();

var Post = require('../schema/post');

/* GET post page. */

router.get('/', function(req, res, next) {

res.render('post', { title:'Post' });

});

/* POST Data. */

router.post('/', function(req, res, next) {

console.log(req.body);

var data = newPost(req.body);

data.save(function(err){

if(err){

res.render('post', { title:'Hey', message:'Invalid request!' });

} else {

res.render('post', { title:'Hey', message:'Request received!' });

}

})

});

module.exports = router;

MongoDB connection using mongoose with node JS: Write the following code in app.js

// DB connection
var mongoose = require('mongoose');
mongoose.Promise = global.Promise;
mongoose.connect('mongodb://localhost/my_database')
.then(() => console.log('connection succesful'))
.catch((err) => console.error(err));
// DB connection end

// DB connection

var mongoose = require('mongoose');

mongoose.Promise = global.Promise;

mongoose.connect('mongodb://localhost/my_database')

.then(() => console.log('connection succesful'))

.catch((err) => console.error(err));

// DB connection end

Create schema for blog post: schema/post.js

var mongoose = require('mongoose');
var Schema = mongoose.Schema,
ObjectId = Schema.ObjectId;
var BlogPost = new Schema({
name :String,
email :String,
message :String
});
module.exports = mongoose.model('Post', BlogPost);

var mongoose = require('mongoose');

var Schema = mongoose.Schema,

ObjectId = Schema.ObjectId;

var BlogPost = new Schema({

name :String,

email :String,

message :String

});

module.exports = mongoose.model('Post', BlogPost);

View : views/post.js

<% if (typeof message != 'undefined' && message) { %>
<h2><%= message %></h2>
<% } %>
<form class="form-horizontal" role="form" style="width: 50%;" method="post" action="">
<div class="form-group">
<label for="name"class="col-sm-2 control-label">Name</label>
<div class="col-sm-10">
<input type="text"class="form-control"id="name"name="name"placeholder="First & Last Name"value="">
</div>
</div>
<div class="form-group">
<label for="email"class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email"class="form-control"id="email"name="email"placeholder="info@www.coding4developers.com"value="">
</div>
</div>
<div class="form-group">
<label for="message"class="col-sm-2 control-label">Message</label>
<div class="col-sm-10">
<textarea class="form-control"rows="4"name="message"></textarea>
</div>
</div>
 
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<input id="submit"name="submit"type="submit"value="Send"class="btn btn-primary">
</div>
</div>
 
</form>

<% if (typeof message != 'undefined' && message) { %>

<% } %>

</div>

<label for="email"class="col-sm-2 control-label">Email</label>

</div>

<label for="message"class="col-sm-2 control-label">Message</label>

</div>

</div>

</form>

Coding 4 Developers

Running Code Website

Tag: ejs

Send message on redirect in node js | redirect with message node js | Flash message in node js

Node JS with mongoose | Create schema | Save data to mongodb in node js

Share This:

Share This: