CURD Operation In Node

Setup Node On System

If you don't have node installed on your system then you can download it from here https://nodejs.org/en/.
After installing the node on system , open cmd and type node-v.
It will give node version like this,

If you don't have mongodb installed on your system then you can download it from here https://www.mongodb.com/download-center/community
Follow the installation instruction given there.

A little info about the packages,

express - It is a framework and all the applications will be built on it.
body-parser - This will fetch FormData from the request.
mongoose - this will be used for setting connections with a database.
ejs - This is a view engine. The view engine is responsible for creating HTML from your views.

Views are usually some kind of mixup of HTML and a programming language.
Now open the project in editor and you will see package.json which will be automatically generated
Then open package.json and write "start" : "app.js" this will be the starting point of the application.

Make 2 folders

*as mentioned above the views will contain .ejs files.which will contain HTML and databindings using ejs.

Here we import package mongoose,body-parser,express using require() function.
We also import the model we made in models folder. Using it we can access all mongodb functions for doing data manipulation.
mongoose.connect() is used for making connection with mongodb. The curdDemo in the connection here is the name of our database.
We will set the view engine using app.set(). The view engine will tell the express which engine we are using in our project for views.
app.use() is a middleware which checks every request and response. And the body-parser will look for the FormData in the request which will come.

home.ejs

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h2>Add Data</h2>
<form action="/add" method="POST">
<label for="unmae">Enter Name</label>
<input type="text" name="uname" required><br/>
<button type="submit">save</button>
</form>
<br><br>
<% if (data.length > 0) {%>
<table>
<thead>
<tr><th>Name</th>
<th>edit</th>
<th>delete</th>
</tr>
</thead>
<tbody>
<% data.forEach(function(data, index) { %>
<tr>
<td> <%= data.name %> </td>
<td><a href="/edit/<%= data._id %>">edit</a></td>
<td><a href="/delete/<%= data._id %>">delete</a></td>
</tr>
<% }) %>
</tbody>
</table>
<% } %>
</body>
</html>

edit.ejs