Initial commit

README.md

@@ -0,0 +1 @@
+# mongodb-example

app.js

@@ -0,0 +1,55 @@
+var createError = require('http-errors');
+var express = require('express');
+var path = require('path');
+var cookieParser = require('cookie-parser');
+var logger = require('morgan');
+const Handlebars = require('handlebars')
+const hbs = require("express-handlebars")
+const {allowInsecurePrototypeAccess} = require('@handlebars/allow-prototype-access')
+
+//var ExpressValidator = require("express-validator")
+//var ExpressSession = require("express-session")
+
+var index_router = require('./routes/index');
+
+var app = express();
+
+// view engine setup
+app.engine("hbs", hbs({
+	extname: "hbs",
+	defaultLayout: "layout",
+	layoutsDir: __dirname + "/views/layouts/",
+	handlebars: allowInsecurePrototypeAccess(Handlebars)
+}))
+app.set('views', path.join(__dirname, 'views'));
+app.set('view engine', 'hbs');
+
+app.use(logger('dev'));
+app.use(express.json());
+app.use(express.urlencoded({ extended: false }));
+app.use(cookieParser());
+app.use(express.static(path.join(__dirname, 'public')));
+//app.use(ExpressSession({secret: "max", saveUninitialized: false, resave: false}))
+
+app.use('/', index_router);
+
+
+// catch 404 and forward to error handler
+app.use((req, res, next) => {
+	res.statusCode = 404
+	res.statusMessage = "Not Found"
+	next();
+});
+
+// error handler
+app.use((err, req, res, next) => {
+	// set locals, only providing error in development
+	res.locals.message = err.message;
+	res.locals.error = req.app.get('env') === 'development' ? err : {};
+	
+	// render the error page
+	res.status(err.status || 500);
+	res.render('error');
+});
+
+module.exports = app;

bin/www.js

@@ -0,0 +1,78 @@
+#!/usr/bin/env node
+
+/**
+* Module dependencies.
+*/
+
+var app = require('../app');
+var debug = require('debug')('tic-tac-toe:server');
+var http = require('http');
+
+/* Get port from environment and store in Express. */
+
+var port = normalizePort(process.env.PORT || '8000');
+app.set('port', port);
+
+/* Create HTTP server. */
+
+var server = http.createServer(app);
+
+/* Listen on provided port, on all network interfaces. */
+
+server.listen(port);
+server.on('error', onError);
+server.on('listening', onListening);
+
+/* Normalize a port into a number, string, or false. */
+
+function normalizePort(val) {
+	var port = parseInt(val, 10);
+	
+	if (isNaN(port)) {
+		// named pipe
+		return val;
+	}
+	
+	if (port >= 0) {
+		// port number
+		return port;
+	}
+	
+	return false;
+}
+
+/* Event listener for HTTP server "error" event. */
+
+function onError(error) {
+	if (error.syscall !== 'listen') {
+		throw error;
+	}
+	
+	var bind = typeof port === 'string'
+	? 'Pipe ' + port
+	: 'Port ' + port;
+	
+	// handle specific listen errors with friendly messages
+	switch (error.code) {
+		case 'EACCES':
+		console.error(bind + ' requires elevated privileges');
+		process.exit(1);
+		break;
+		case 'EADDRINUSE':
+		console.error(bind + ' is already in use');
+		process.exit(1);
+		break;
+		default:
+		throw error;
+	}
+}
+
+/* Event listener for HTTP server "listening" event. */
+
+function onListening() {
+	var addr = server.address();
+	var bind = typeof addr === 'string'
+	? 'pipe ' + addr
+	: 'port ' + addr.port;
+	debug('Listening on ' + bind);
+}

package.json

@@ -0,0 +1,24 @@
+{
+  "name": "mongodb-example",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "start": "node ./bin/www.js"
+  },
+  "dependencies": {
+    "@handlebars/allow-prototype-access": "^1.0.3",
+    "cookie-parser": "~1.4.4",
+    "debug": "~2.6.9",
+    "express": "~4.16.1",
+    "express-handlebars": "^5.1.0",
+    "express-session": "^1.17.1",
+    "express-validator": "^6.6.1",
+    "http-errors": "~1.6.3",
+    "mongodb": "^3.6.2",
+    "mongoose": "^5.10.4",
+    "morgan": "~1.9.1"
+  },
+  "devDependencies": {
+    "nodemon": "^2.0.4"
+  }
+}

public/stylesheets/style.css

@@ -0,0 +1,78 @@
+body {
+  padding: 50px;
+  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
+}
+
+a {
+  color: #00B7FF;
+}
+
+section {
+  float: left;
+  background: #bdc3c7;
+  padding: 10px;
+  margin: 30px;
+  width: 300px;
+  box-shadow: 3px 3px 1px #34495e;
+  min-height: 400px;
+}
+
+section:first-of-type {
+  margin-left: 0;
+}
+
+section:last-of-type {
+  margin-right: 0;
+}
+
+section h3 {
+  border-bottom: 1px solid black;
+  padding-bottom: 5px;
+}
+
+.insert {
+  background: #2ecc71;
+}
+
+.get {
+  background: #ecf0f1;
+}
+
+.update {
+  background: #3498db;
+}
+
+.delete {
+  background: #e74c3c;
+}
+
+.input label {
+  display: block;
+  font-weight: bold;
+  padding: 2px 0;
+}
+
+input,
+button {
+  font: inherit;
+}
+
+button {
+  margin-top: 10px;
+  border: none;
+  box-shadow: 1px 1px 1px #34495e;
+  border-radius: 0;
+  background: #ecf0f1;
+  cursor: pointer;
+}
+
+button:hover {
+  background: #bdc3c7;
+}
+
+.item {
+  margin: 10px 0;
+  padding: 5px;
+  background: #95a5a6;
+  border: 1px solid black;
+}

routes/index.js

@@ -0,0 +1,60 @@
+const { Router } = require('express');
+const mongoose = require("mongoose")
+const { MongoClient, ObjectID } = require("mongodb")
+const assert = require("assert");
+const { error } = require('console');
+var router = Router();
+mongoose.connect("mongodb://localhost:27017/test", { useUnifiedTopology: true })
+var Schema = mongoose.Schema
+
+const userDataSchema = new Schema({
+	title: {type: String, required: true},
+	content: String,
+	author: String
+}, {collation: "user_data"})
+
+const UserData = mongoose.model("UserData", userDataSchema)
+
+router.get('/', (req, res, next) => {
+	res.render('index');
+});
+
+router.get("/get-data", (req, res, next) => {
+	UserData.find()
+		.then(doc => {
+			console.log(doc)
+			res.render("index", {items: doc})
+		})
+})
+
+router.post("/insert", (req, res, next) => {
+	let data = new UserData({
+		title: req.body.title,
+		content: req.body.content,
+		author: req.body.author
+	})
+	data.save()
+
+	res.redirect("/")
+})
+
+router.post("/update", (req, res, next) => {
+	let id = req.body.id
+	UserData.findById(id, (err, doc) => {
+		if (err) {
+			console.error("No entry found!")
+		}
+		doc.title = req.body.title
+		doc.content = req.body.content
+		doc.author = req.body.author
+	})
+	res.redirect("/")
+})
+
+
+router.post("/delete", (req, res, next) => {
+	let id = req.body.id
+	UserData.findByIdAndRemove(id).exec()
+	res.redirect("/")
+})
+module.exports = router;

views/error.hbs

@@ -0,0 +1,3 @@
+<h1>{{ message }}</h1>
+<h2>{{ error.status }}</h2>
+<pre>{{ error.stack }}</pre>

views/index.hbs

@@ -0,0 +1,66 @@
+<h1>MONGODB - EXERCISE</h1>
+<section class="insert">
+    <h3>Insert Data</h3>
+    <form action="/insert" method="post">
+        <div class="input">
+            <label for="title">Title</label>
+            <input type="text" id="title" name="title">
+        </div>
+        <div class="input">
+            <label for="content">Content</label>
+            <input type="text" id="content" name="content">
+        </div>
+        <div class="input">
+            <label for="author">Author</label>
+            <input type="text" id="author" name="author">
+        </div>
+        <button type="submit">INSERT</button>
+    </form>
+</section>
+<section class="get">
+    <h3>Get Data</h3>
+    <a href="/get-data">LOAD DATA</a>
+    <div>
+        {{# each items }}
+            <article class="item">
+                <div>Title: {{ this.title }}</div>
+                <div>Content: {{ this.content }}</div>
+                <div>Author: {{ this.author }}</div>
+                <div>ID: {{ this._id }}</div>
+            </article>
+        {{/each}}
+    </div>
+</section>
+<section class="update">
+    <h3>Update Data</h3>
+    <form action="/update" method="post">
+        <div class="input">
+            <label for="id">ID</label>
+            <input type="text" id="id" name="id">
+        </div>
+        <div class="input">
+            <label for="title">Title</label>
+            <input type="text" id="title" name="title">
+        </div>
+        <div class="input">
+            <label for="content">Content</label>
+            <input type="text" id="content" name="content">
+        </div>
+        <div class="input">
+            <label for="author">Author</label>
+            <input type="text" id="author" name="author">
+        </div>
+        <button type="submit">UPDATE</button>
+    </form>
+</section>
+</section>
+<section class="delete">
+    <h3>Delete Data</h3>
+    <form action="/delete" method="post">
+        <div class="input">
+            <label for="id">ID</label>
+            <input type="text" id="id" name="id">
+        </div>
+        <button type="submit">DELETE</button>
+    </form>
+</section>

views/layouts/layout.hbs

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<link rel="stylesheet", href="/stylesheets/style.css">
+	<title>{{ title }}</title>
+</head>
+<body>
+	{{{ body }}}
+</body>
+</html>