카페 후기정보 등록 API 작성

index.js comment 정보 입력 후 테이블 저장 구현

카페 후기정보 등록 API 작성
index.js comment 정보 입력 후 테이블 저장 구현
김대철
Commit 0e470a8774561a7048b5154c9637cedb241cbb14 0e470a87 1 parent 8dc87a62
Showing 4 changed files with 99 additions and 41 deletions
routes/index.js
sessions/DQNZIWa3VZ-4oZzo1fxBe5GnOMZPrKB-.json
sessions/wRlxwPEMAGNT6Ml-DrDM4E0r2eY9GPu5.json
views/map.ejs
--- a/routes/index.js
View file @0e470a8
+++ b/routes/index.js
View file @0e470a8
 var express = require("express");
 var router = express.Router();
-var request = require("request");
 var bodyParser = require("body-parser");
 var { OAuth2Client } = require("google-auth-library");
-var querystring = require("querystring");
 var CLIENT_ID =
   "94679084723-s5f0686p2porp9mkakrp1p89a48n24nj.apps.googleusercontent.com";
@@ -13,15 +11,18 @@ var client = new OAuth2Client(CLIENT_ID);
 var mysql = require("mysql");
 var session = require("express-session");
 var FileStore = require("session-file-store")(session);
+
 router.use(bodyParser.urlencoded({ extended: false })); //url인코딩 x
-router.use(bodyParser.json()); //json방식으로 파
+router.use(bodyParser.json()); //json방식으로 파싱
 router.use(
   session({
     secret: "209", // 암호화
     resave: false,
     saveUninitialized: true,
     store: new FileStore(),
-  }))
+  })
+);
+
 var connection = mysql.createConnection({
   host: "localhost",
   user: "root",
@@ -29,6 +30,7 @@ var connection = mysql.createConnection({
   database: "caferecommend",
 });
 connection.connect();
+
 /* GET home page. */
 router.get("/", function (req, res, next) {
   res.render("index", {
@@ -49,7 +51,7 @@ router.post("/index", (req, res) => {
       audience: CLIENT_ID, // Specify the CLIENT_ID of the app that accesses the backend
     });
     const payload = ticket.getPayload();
-    const userid = payload['sub']
+    const userid = payload["sub"];
   }
   verify()
     .then(() => {
@@ -61,7 +63,7 @@ router.post("/index", (req, res) => {
 router.get("/login", checkAuthenticated, (req, res) => {
   let user = req.user;
-  req.session.user=user;
+  req.session.user = user;
   var sql = "SELECT * FROM USER WHERE EMAIL=?";
   var parameter = [req.session.user.email];
   connection.query(sql, parameter, function (err, row) {
@@ -111,7 +113,7 @@ router.post("/login", (req, res) => {
         req.session.user.age,
         req.session.user.gender,
       ];
-      connection.query(sql, parameter, function (err, row) {
+      connection.query(sql, parameter, function (err) {
         if (err) {
           console.log(err);
         } else {
@@ -123,8 +125,6 @@ router.post("/login", (req, res) => {
   });
 });
-module.exports = router;
-
 function checkAuthenticated(req, res, next) {
   let token = req.cookies["session-token"];
   let user = {};
@@ -158,3 +158,34 @@ router.get("/logout", function (req, res) {
   req.session.destroy(); //세션비우기
   res.redirect("/");
 });
+
+// 카페 후기 등록
+router.post("/comment", function (req, res) {
+  var cafeId = req.body.cafeId;
+  var price = req.body.price;
+  var kindness = req.body.kindness;
+  var noise = req.body.noise;
+  var accessibility = req.body.accessibility;
+
+  // 입력받지 않은 데이터가 하나라도 존재 (카페아이디는 후기작성시 자동으로 받아옴)
+  if (!price || !kindness || !noise || !accessibility) {
+    console.log("입력받지 않은 데이터 존재");
+    return; // 후기작성으로 다시 이동
+  }
+
+  var sql =
+    "INSERT INTO COMMENT(CAFE_ID, PRICE, KINDNESS, NOISE, ACCESSIBILITY) VALUES(?,?,?,?,?)";
+
+  var parameter = [cafeId, price, kindness, noise, accessibility];
+
+  connection.query(sql, parameter, function (err) {
+    if (err) {
+      console.log(err);
+    } else {
+      console.log("새로운 comment 데이터 입력");
+    }
+  });
+  return res.render("map");
+});
+
+module.exports = router;
--- a/sessions/DQNZIWa3VZ-4oZzo1fxBe5GnOMZPrKB-.json 0 → 100644
View file @0e470a8
+++ b/sessions/DQNZIWa3VZ-4oZzo1fxBe5GnOMZPrKB-.json 0 → 100644
View file @0e470a8
+{"cookie":{"originalMaxAge":null,"expires":null,"httpOnly":true,"path":"/"},"__lastAccess":1621766908867,"user":{"name":"‍김대철[학생](소프트웨어융합대학 컴퓨터공학과)","email":"kdc9619@khu.ac.kr","nickname":"Meerkat","age":"26","gender":"male"}}
\ No newline at end of file
--- a/sessions/wRlxwPEMAGNT6Ml-DrDM4E0r2eY9GPu5.json 0 → 100644
View file @0e470a8
+++ b/sessions/wRlxwPEMAGNT6Ml-DrDM4E0r2eY9GPu5.json 0 → 100644
View file @0e470a8
+{"cookie":{"originalMaxAge":null,"expires":null,"httpOnly":true,"path":"/"},"__lastAccess":1621952163379}
\ No newline at end of file
--- a/views/map.ejs
View file @0e470a8
+++ b/views/map.ejs
View file @0e470a8
 <!DOCTYPE html>
 <html>
-<head>
+  <head>
-  <link rel="stylesheet" href="stylesheets/bootstrap.css">
+    <link rel="stylesheet" href="stylesheets/bootstrap.css" />
     <title>Cafe Map</title>
     <style>
-    .navbar{
+      .navbar {
         background-color: #1d2124 !important;
       }
-    .btn-primary{
+      .btn-primary {
-      color : white !important;
+        color: white !important;
+      }
+      p {
+        font-family: "Noto Sans KR", sans-serif;
+      }
+      h1 {
+        font-family: "Noto Sans KR", sans-serif;
+      }
+      h4 {
+        font-family: "Noto Sans KR", sans-serif;
+      }
+      h2 {
+        font-family: "Noto Sans KR", sans-serif;
+      }
+      h3 {
+        font-family: "Noto Sans KR", sans-serif;
+      }
+      h5 {
+        font-family: "Noto Sans KR", sans-serif;
       }
-    p{font-family: 'Noto Sans KR', sans-serif;}
-    h1{font-family: 'Noto Sans KR', sans-serif;}
-    h4{font-family: 'Noto Sans KR', sans-serif;}
-    h2{font-family: 'Noto Sans KR', sans-serif;}
-    h3{font-family: 'Noto Sans KR', sans-serif;}
-    h5{font-family: 'Noto Sans KR', sans-serif;}
       .placeinfo_wrap {
         position: absolute;
         bottom: 28px;
@@ -83,35 +95,48 @@
         margin-top: 0;
       }
     </style>
-</head>
+  </head>
-<body>
+  <body>
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-  <a class="navbar-brand" href="/"><img src="images/home.png" width="40" height="40" alt="">
+      <a class="navbar-brand" href="/"
+        ><img src="images/home.png" width="40" height="40" alt="" />
       </a>
-  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+      <button
+        class="navbar-toggler"
+        type="button"
+        data-toggle="collapse"
+        data-target="#navbarSupportedContent"
+        aria-controls="navbarSupportedContent"
+        aria-expanded="false"
+        aria-label="Toggle navigation"
+      >
         <span class="navbar-toggler-icon"></span>
       </button>
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
-    <a class="navbar-brand" href="/" ><strong>Home</strong></a>
+        <a class="navbar-brand" href="/"><strong>Home</strong></a>
         <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
-
           <li class="nav-item active">
-        <a class="nav-link" style="color:#ffffff" href="/" onclick="signOut();">Logout<span class="sr-only">(current)</span></a>
+            <a
+              class="nav-link"
+              style="color: #ffffff"
+              href="/"
+              onclick="signOut();"
+              >Logout<span class="sr-only">(current)</span></a
+            >
           </li>
-
         </ul>
       </div>
-</nav>
+    </nav>
-<div class="pricing-header px-3 py-1 pt-md-3 pb-md-1 mx-auto text-center">
+    <div class="pricing-header px-3 py-1 pt-md-3 pb-md-1 mx-auto text-center">
-  <h3 class="display-6 font-weight-bold" >Map</h3>
+      <h3 class="display-6 font-weight-bold">Map</h3>
-</div>
+    </div>
-<div id="map" style="width: 100%; height: 575px"></div>
+    <div id="map" style="width: 100%; height: 575px"></div>
-<script
+    <script
       type="text/javascript"
       src="//dapi.kakao.com/v2/maps/sdk.js?appkey=68cbccbcd6f0fef0a213e62ad37393ee&libraries=services"
-></script>
+    ></script>
-<script>
+    <script>
       var lat = "";
       var lon = "";
       var placeOverlay = new kakao.maps.CustomOverlay({ zIndex: 1 });
@@ -241,8 +266,8 @@
         placeOverlay.setPosition(new kakao.maps.LatLng(place.y, place.x));
         placeOverlay.setMap(map);
       }
-</script>
+    </script>
-<script src="javascripts/bootstrap.js"></script>
+    <script src="javascripts/bootstrap.js"></script>
-<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
+    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
-</body>
+  </body>
 </html>