Databases Course 2019-12-14

Example application for the databases course.

Outline

• Introduction
  • Document-based Databases
  • MongoDB installation
• MongoDB (Shell)
  • read
  • write
  • update
  • delete
• (MongoDB with Node)

Introduction

What is a database

• a software for saving data in an ordered way
• has a query language to retrieve data

Classification

Document-based Databases

What does document-based mean?

• Everything is stored in documents
• In the case of MongoDB: JSON

Example:

{
  "FirstName": "Stefan", 
  "Email": "[email protected]",
  "Address": "Hauptstr. 1, 22679 Hamburg"
}

Installation

You can already prepare for the course by downloading and installing MongoDB Community Server.
https://www.mongodb.com/download-center/community

If you are on a Mac and you already have homebrew installed, you can install it from the command line. That's a bit easier:
https://www.code2bits.com/how-to-install-mongodb-on-macos-using-homebrew/

For all others, here's the installation guide:
Mac: https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/
Windows: https://docs.mongodb.com/manual/tutorial/install-mongodb-on-windows/
Linux: https://docs.mongodb.com/manual/administration/install-on-linux/

We will also need node and npm. If you don't have it already, please install it. Here are the installation instructions:
Windows: https://blog.teamtreehouse.com/install-node-js-npm-windows
Mac: https://blog.teamtreehouse.com/install-node-js-npm-mac
Linux: https://blog.teamtreehouse.com/install-node-js-npm-linux

Install MongoDB on Mac via Homebrew:

brew tap mongodb/brew

brew install [email protected]

Run MongoDB:

mongod --config /usr/local/etc/mongod.conf

In new terminal:

mongo

Documentation

MongoDB: https://docs.mongodb.com/manual/introduction/

MongoDB (Shell)

Start the mongo shell:

mongo

• You'll see whether you are connected
• You are inside the Command Line Interface: >

Show the database you are on:

db

Switch to a new database:

use examples

Create Collections:

If the collection does not currently exist, insert operations will create the collection.

Create item:

db.students.insertOne(
  {
    "FirstName": "Stefan", 
    "Email": "[email protected]",
    "Address": "Hauptstr. 1, 22679 Hamburg"
  }
)

Automatically creates an ID for you:

{
	"acknowledged" : true,
	"insertedId" : ObjectId("5c90fa4267a2421b44abf4e8")
}

Create multiple items:

db.students.insertMany([
  {
    "FirstName": "Anna", 
    "Email": "[email protected]",
    "Address": "Rödingsmarkt 4, 22089 Hamburg"
  },
  {
    "FirstName": "Michael", 
    "Email": "[email protected]"
  }
])

Query all:

db.students.find({})

Query particular:

db.students.find({ "FirstName": "Anna" })

Query operators:

db.students.find( { "FirstName": { $in: [ "Anna", "Michael" ] } } )

Do more complex queries:
https://docs.mongodb.com/manual/tutorial/query-documents/

Update operators:

db.students.updateOne(
   { "FirstName": "Michael" },
   {
     $set: { "Address": "Borselstraße 7, 22765 Hamburg" }
   }
)

More complex operations:
https://docs.mongodb.com/manual/tutorial/update-documents/

Delete all documents matching operator:

db.students.deleteMany({ "FirstName": "Anna" })

Delete first document that matches:

db.students.deleteOne({ "FirstName": "Anna" })

Delete all:

db.students.deleteMany({})

Close the connection:

> exit
bye

Documentation:
Install: https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/
Insert: https://docs.mongodb.com/manual/tutorial/insert-documents/
Query: https://docs.mongodb.com/manual/tutorial/query-documents/
Update: https://docs.mongodb.com/manual/tutorial/update-documents/
Delete: https://docs.mongodb.com/manual/tutorial/remove-documents/

MongoDB with Node

Installation

Install Postman App: https://www.getpostman.com/

Postman is a tool that we will use to check the CRUD operations of the API that we are going to build.

Check if node is installed:

node -v

Check if npm is installed:

npm -v

Check if mongo is installed:

mongo --version

Install Turbo:
Turbo 360 https://www.turbo360.co/

sudo npm i -g turbo-cli

Verify installation:

turbo version

Create a new project with Turbo:

turbo new example

Do the first 2 steps in the tutorial.

cd example

npm install

Web Application with Database Tutorial

In app.js, we need the initialization of the express/vertex app with the configuration with the database in it. Remove line 4 and uncomment the setup below.

Replace the content of url with a mongodb url:

url: 'mongodb://localhost/mongo-example',

Run a local server:

turbo devserver

If it shows a message like DB Successfully Connected!, you did everything right.
If it shows an error message, we need to start mongo in a new tab with mongod.
See if you can see your app in your browser: http://localhost:3000/

Mongoose:
https://mongoosejs.com/

Create a model:

In your project folder, create a folder model.
Create a file Student.js.
Import mongoose:

const mongoose = require('mongoose')

Create a new Schema:

const Student = new mongoose.Schema({

})

Export it:

module.exports = mongoose.model('Student', Student)

In the Schema we define all attributes.
Add each one as empty JSON:

  firstName: {},
  lastName: {},
  email: {},
  address: {},
  number: {}

For each, we define the data type, either as type:String or type:Number.
For each, we can define a default value: default:'' or default:0.
For the string values, we can say it should trim it: trim:true.

Create routes:

We need routes, because we want to create a REST api.
We want to implement CRUD.
One route per operation: GET, POST, UPDATE, DELETE.
These are also called endpoints.

Create route for students:
Go to /routes/api.js.
Delete routes that are there.
Add a route for /student:

router.get('/student', (req, res) => {
  res.json({
    confirmation: 'success',
    data: 'this is the student endpoint'
  })
})

In your browser, go to http://localhost:3000/api/student

Problem: Error: listen EADDRINUSE: address already in use :::3000
control + C
killall node

Get data from database using mongoose:
Import your model: const Student = require('../model/Student').
Edit the endpoint to return all:

router.get('/student', (req, res) => {
Student.find()
  .then(students => {
    res.json({
      confirmation: 'success',
      data: students
    })
  })
  .catch(err => {
    res.json({
      confirmation: 'fail',
      data: err.message
    })
  })
})

Create students seed data:

• create a folder initial and in there a file students.json
• what we will create needs to be consistent with the schema that we created
• fill file with some dummy data
• odd: we will not use commas between objects, and no array ([])
• VS Code will mark it as invalid, but that's ok

Create a database for students:

• cd into our folder initial
• we will use a tool called mongoimport
• recall the name of the database, what we put into app.js? e.g. mongo-example - we need that now
• collection: that is a new collection in the database, we can pick the name (students)
• file: our json file that we just wrote (students.json)
• mongoimport --db mongo-example --collection students --file students.json
• output something like:

2019-03-22T13:32:03.138+0100	connected to: localhost
2019-03-22T13:32:03.264+0100	imported 4 documents

Test it:

• run turbo devserver if it's not already running
• in your browser, go to http://localhost:3000/api/student
• we see data! :)
• _id: is created automatically by mongo

Create routes for queries

• this is done in api.js, in the .find(...) method of mongoose
• example: Students.find({ number:3 })
• we want to take the parameter from the url: http://localhost:3000/api/student?number=3
• in api.js get this from the request: const query = req.query
• this is already in json format, thanks to mongoose
• so we can pass it to Students: Stundents.find(query)
• we can do that with anything!

Query for ids:

• we want to get a certain student
• like: http://localhost:3000/api/student/1
• in api.js create a new route:

router.get('/student/:id', (req, res) => {
	
})

• we can get the id by req.params.id: const id = req.params.id
• for now, let's just return the id:

res.json({
  confirmation: 'success',
  data: id
})

With mongoose, we can use findById():

Student.findById(id)
  .then(student => {

  })
  .catch(err => {

  })

Task: return data like in the call before

Create new data with POST requests:

router.post('/student', (req, res) => {
	
})

As the response, we first return a hardcoded response, with the request body

res.json({
  confirmation: 'success',
  data: req.body
})

Postman: try post http://localhost:3000/api/student with some body

Usually, you create a website with a form to submit the data.

• go to /views/index.mustache
• mustache is a templating engine, installed by default with turbo
• delete everything except the first <div> under "Welcome to Turbo"
• create a <form> with one <input> for every field in our students JSON

<form>
  <input type="text" name="firstName" /><br/>
  <input type="text" name="lastName" /><br/>
  <input type="text" name="email" /><br/>
  <input type="text" name="adress" /><br/>
  <input type="text" name="number" /><br/>
</form>

• add placeholders to see what is what: <input type="text" name="firstName" placeholder="First Name" /><br/>
• add a submit button: <input type="submit" value="Add Student" />
• right now it points to nothing, but we want to submit our student data and save it into the database
• edit form tag: <form action="/api/student" method="post">
• method is corresponding to our router.post() method
• action points to our endpoint that we specified there

We can use mongoose for that:

Student.create(req.body)
  .then(student => {
    res.json({
      confirmation: 'success',
      data: student
    })
  })
  .catch(err => {
    res.json({
      confirmation: 'fail',
      data: err.message
    })
  })

Updating a student object:

router.update('/student', (req, res) => {
	
})

First, hard-code response and try it out:

res.json({
  confirmation: 'success',
  data: 'this is the update endpoint'
})

We want to update something like this:
http://localhost:3000/api/student/update?id=5c94d5c328e7635dc9b61e56&lastName=Lehmann

Get the id from the query:

const query = req.query
const id = query.id

Then we can use mongoose's findByIdAndUpdate():

Student.findByIdAndUpdate(id, query, {new:true})
  .then(student => {
    res.json({
      confirmation: 'success',
      data: students
    })
  })
  .catch(err => {
    res.json({
      confirmation: 'fail',
      data: err.message
    })
  })

{new:true} says that mongoose returns the changed object rather than the original one

Deleting Students:

router.delete('/student/remove', (req, res) => {
	
})

The remove path is not really necessary, but we use it here to make sure we don't delete by mistake.

We again use the id from the query:

const query = req.query
const studentId = query.id

And then it's in a similar form:

Student.findByIdAndRemove(studentId)
  .then(data => {
    res.json({
      confirmation: 'success',
      data: 'Student '+studentId+' successfully removed.'
    })
  })
  .catch(err => {
    res.json({
      confirmation: 'fail',
      data: err.message
    })
  })

Conclusions, Discussion

What makes it so different from relational databases?

• no Schema needed
• objects can all be different from another
• no empty fields

Why do we choose it over SQL databases?

• much faster for most operations
• more scalable
• we can process JSON directly in JavaScript 😏
• good for: dealing with a huge load of data
• not so good for: dealing with a lot of relations

Resources

MongoDB Cheat Sheet: https://gist.github.com/bradtraversy/f407d642bdc3b31681bc7e56d95485b6

Turbo Project Tutorial: https://www.youtube.com/watch?v=4yqu8YF29cU