Edit form in Node JS

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 SINGLE POST BY ID */
router.get('/edit/:id', function(req, res, next) {
  Post.findById(req.params.id, function (err, post) {
    if (err) {
      console.log(err);
    } else {
      res.render('post', { title: 'Post Details', postDetail: post });
    }
  });
});

module.exports = router;

var express = require('express');

var router = express.Router();

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

/* GET SINGLE POST BY ID */

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

Post.findById(req.params.id, function (err, post) {

if (err) {

console.log(err);

} else {

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

}

});

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.ejs

<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="<% if (typeof postDetail != 'undefined') { %><%= postDetail.name %><% } %>">
        </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="example@domain.com" value="<% if (typeof postDetail != 'undefined') { %><%= postDetail.email %><% } %>">
        </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"><% if (typeof postDetail != 'undefined') { %><%= postDetail.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>

</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>

Fetch data from MongoDB in Node Js | List data from MongoDB in Node JS

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) {
  Post.find({}, function(err, posts) {
    if (err) {
      console.log(err);
    } else {
      res.render('post', { title: 'Post', posts: posts });
    }
  }); 
  
});

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) {

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

if (err) {

console.log(err);

} else {

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

}

});

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.ejs

<table class="table table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Email</th>
        <th>Message</th>
        <th>Action</th>
      </tr>
    </thead>
<% 
if (typeof posts != 'undefined' && posts) { 
posts.forEach( function ( post ){ %>
<tr>
        <td><%= post.name %></td>
        <td><%= post.email %></td>
        <td><%= post.message %></td>
        <td>
            <a href="/post/edit/<%= post._id %>" title="Edit Post">Edit</a>
        <a href="/post/destroy/<%= post._id %>" title="Delete Post">Delete</a>
        </td>
      </tr>
<% });
}
 %>
</table>

<thead>

<tr>

<th>Email</th>

<th>Message</th>

<th>Action</th>

</tr>

</thead>

if (typeof posts != 'undefined' && posts) {

posts.forEach( function ( post ){ %>

<tr>

<td>

<a href="/post/edit/<%= post._id %>" title="Edit Post">Edit</a>

<a href="/post/destroy/<%= post._id %>" title="Delete Post">Delete</a>

</td>

</tr>

<% });

}

</table>

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

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>

Basic website in Node Js | Use of EJS in Express | Routing | Partials

How to use EJS in Express

express app
cd app
npm install
npm install ejs --save

express app

cd app

npm install

npm install ejs --save

set view engine in app.js

app.set('view engine', 'ejs');

1	app.set('view engine', 'ejs');

Create first node js project and change view template engine jade to ejs

express app
cd app
sudo npm install
DEBUG=app:* npm start

express app

cd app

sudo npm install

DEBUG=app:* npm start

by default node server Listening on port 3000

open http://localhost:3000 and you are in node js world now.

To change the view template engine jade to ejs:

sudo npm install ejs --save

1	sudo npm install ejs --save

change view engine name jade to ejs in app.js

app.set('view engine', 'ejs');

change all jade view files to ejs.

Upgrading or downgrading node js version

sudo npm cache clean -f
sudo npm install -g n
sudo n 5.11.1

sudo npm cache clean -f

sudo npm install -g n

sudo n 5.11.1

To check the current version of node use following command:

node -v

node -v

Upgrade the latest node js version

sudo npm cache clean -f
sudo npm install -g n
sudo n stable

sudo npm cache clean -f

sudo npm install -g n

sudo n stable

* To check the latest version use following command:

node -v

node -v

Coding 4 Developers

Running Code Website

Category: Node.js

Edit form in Node JS

Fetch data from MongoDB in Node Js | List data from MongoDB in Node JS

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

Basic website in Node Js | Use of EJS in Express | Routing | Partials

Create first node js project and change view template engine jade to ejs

Upgrading or downgrading node js version

Upgrade the latest node js version

Share This:

Share This:

Share This:

Share This:

Share This:

Share This:

Share This: