express app-[201420997]

.gitignore

+/node_modules

app.js

+var createError = require('http-errors');
+var express = require('express');
+var path = require('path');
+var cookieParser = require('cookie-parser');
+var logger = require('morgan');
+
+var indexRouter = require('./routes/index');
+var resultRouter = require('./routes/result');
+
+var app = express();
+
+// view engine setup
+app.set('views', path.join(__dirname, 'views'));
+app.set('view engine', 'pug');
+
+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('/', indexRouter);
+app.use('/result', resultRouter);
+
+// catch 404 and forward to error handler
+app.use(function(req, res, next) {
+  next(createError(404));
+});
+
+// error handler
+app.use(function(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

+#!/usr/bin/env node
+
+/**
+ * Module dependencies.
+ */
+
+var app = require('../app');
+var debug = require('debug')('myapp:server');
+var http = require('http');
+
+/**
+ * Get port from environment and store in Express.
+ */
+
+var port = normalizePort(process.env.PORT || '3000');
+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

+{
+  "name": "myapp",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "start": "node ./bin/www"
+  },
+  "dependencies": {
+    "body-parser": "^1.19.0",
+    "cookie-parser": "~1.4.4",
+    "debug": "~2.6.9",
+    "express": "~4.16.1",
+    "http-errors": "~1.6.3",
+    "morgan": "~1.9.1",
+    "pug": "2.0.0-beta11"
+  }
+}

public/images/star.svg

+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 53.867 53.867" style="enable-background:new 0 0 53.867 53.867;" xml:space="preserve">
+<polygon style="fill:#EFCE4A;" points="26.934,1.318 35.256,18.182 53.867,20.887 40.4,34.013 43.579,52.549 26.934,43.798 
+	10.288,52.549 13.467,34.013 0,20.887 18.611,18.182 "/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

public/stylesheets/style.css

+body {
+  padding: 50px;
+  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
+  text-align: center;
+  justify-content: center;
+}
+
+a {
+  color: #00B7FF;
+}

routes/index.js

+var express = require('express');
+var router = express.Router();
+
+/* GET home page. */
+router.get('/', function(req, res, next) {
+  res.render('index', { title: 'Express' });
+});
+
+module.exports = router;

routes/result.js

+var express = require('express');
+var router = express.Router();
+
+
+router.post('/',function(req,res){
+  const movie = req.body.movie;
+  const actor = req.body.actor;
+  const genre = req.body.genre;
+  const path = req.body.path;
+  const ratings = req.body.ratings;
+
+  res.render('result',
+    {title:"Express",
+    movie:movie,
+    actor:actor,
+    genre:genre,
+    path:path,
+    ratings:ratings})
+})
+
+module.exports = router;

views/error.pug

+extends layout
+
+block content
+  h1= message
+  h2= error.status
+  pre #{error.stack}

views/index.pug

+extends layout
+
+block content
+  h1 Ajou Movie Information
+  br
+  h2 Register Movie
+  br
+  h3 Please enter the movie information to add a review.
+  
+  form(action='/result', method='POST')
+    p
+      input(type = 'text' name='movie')
+    p
+      input(type = 'text' name='actor')
+    p
+      input(type = 'text' name='genre')
+    p 
+      input(type = 'text' name='path')
+
+    h3 Movie Ratings
+    label(for='0') 0
+    input(type = 'radio' name='ratings' id='0' value=0) 
+    label(for='1') 1
+    input(type = 'radio' name='ratings' id='1' value=1) 
+    label(for='2') 2
+    input(type = 'radio' name='ratings' id='2' value=2) 
+    label(for='3') 3
+    input(type = 'radio' name='ratings' id='3' value=3) 
+    label(for='4') 4
+    input(type = 'radio' name='ratings' id='4' value=4) 
+    label(for='5') 5
+    input(type = 'radio' name='ratings' id='5' value=5)
+
+    p
+      input(type = 'submit' value='submit')
\ No newline at end of file

views/layout.pug

+doctype html
+html
+  head
+    title= title
+    link(rel='stylesheet', href='/stylesheets/style.css')
+  body
+    block content

views/result.pug

+extends layout
+
+block content
+    img(src=`${path}` width="165px" height="600px")
+    h1 #{movie}
+
+    hr
+
+    h3 #{actor}
+    h3 #{genre}
+    hr
+
+    -for(let i=0; i < `${ratings}`; i++)
+        img(id='star_img' src='/images/star.svg' height="50px" width="50px")
+    hr
+
+    input(type='button' value='GoHome' onclick="location.href='../'")
\ No newline at end of file