The web app client interface looks like follows: At the start of the web app (that is the page is loaded into the browser), all the data from the database is loaded into the table.
The add and delete operations are applied to the table as well as the database. There are text inputs to enter a person’s name and city details, and buttons to add or delete a person. All the data is shown in a HTML table as rows, one row for a person. The browser client is a HTML page to add and delete the person data. The server application starts the web server, connects to the database to perform the read and write operations. The server side application has two components - the first is the NodeJS web server application with the routes developed using the ExpressJS and the second is modules with the database connection and access calls.
This requires a local installation of MongoDB Server and NodeJS. The entire app runs on your local machine. The data is accessed from the database from web app routes called with the client JavaScript fetch API calls. The browser client is built using HTML, CSS and Plain (Old) JavaScript. The Web Server and the routes are defined using the ExpressJS web app framework.
#Npm install mongo shell driver
MongoDB NodeJS Driver APIs are used for the database server programming to read, add and delete data. The web browser’s user interface allows to load all the persons from the database, add new person and deleting a selected person. This post is about creating a simple web app which lets add or delete a person’s data (name and country) from the MongoDB database.
0 kommentar(er)
