#35 게시글 UPDATE 기능 일부 구현

HiAlcohol · Dec 18, 2021 · 7f05b3a · 7f05b3a
1 parent 83b342f
commit 7f05b3a
Show file tree

Hide file tree

Showing 6 changed files with 141 additions and 23 deletions.
diff --git a/main.js b/main.js
@@ -15,6 +15,7 @@ const search_listRouter = require('./routes/search_listRouter.js');
 const mapRouter = require('./routes/mapRouter');
 const passportConfig = require('./passport');
 const boardProcessRouter = require('./routes/boardProcessRouter.js');
+const boardUpdateProcessRouter = require('./routes/boardUpdateProcessRouter.js');
 const myboardRouter = require('./routes/myboardRouter.js');
 const env = require('./config/env.js');
 
@@ -58,6 +59,8 @@ app.use('/map', mapRouter);
 
 app.use('/board_process', boardProcessRouter);
 
+app.use('/board_update_process', boardUpdateProcessRouter);
+
 app.use('/likes', likeRouter);
 
 app.use('/myboard', myboardRouter);

diff --git a/routes/boardProcessRouter.js b/routes/boardProcessRouter.js
@@ -13,7 +13,6 @@ router.post('/', function(request, response) {
         const body = request.body;
         let title = body.title;
         let content = body.content;
-        var today = new Date()
         var userID = request.user.kakaoid;
 
 

diff --git a/routes/boardRouter.js b/routes/boardRouter.js
@@ -4,6 +4,7 @@ const router = express.Router();
 const board = require('../template/board.js');
 const board_write = require('../template/board_write.js');
 const board_view = require('../template/board_view.js');
+const board_edit = require('../template/board_edit.js');
 const mysql = require('mysql');
 const { post } = require('./indexRouter.js');
 const db = require('../config/db.js');
@@ -20,10 +21,6 @@ function dateFormat(date) {
 	return newdate.getFullYear() + '.' + month + '.' + day + ' ';
 }; 
 
-// router.get('/write', function(request, response) {
-// 		const body = board_write.HTML();
-// 		response.send(board_write.HTML(body));
-// });
 
 router.get('/write', function(request, response) {
 	if(!request.isAuthenticated()){
@@ -74,7 +71,41 @@ router.get('/view', function(request, response){
 
 				var user_id = result3[0].nickname;
 
-				var html = board_view.HTML(title, user_id, date, like_num, content)
+				var html = board_view.HTML(title, user_id, date, like_num, content, result2[0].id);
+				response.send(html);
+			})	
+
+		});
+
+
+	});
+
+
+});
+
+router.get('/edit', function(request, response){
+
+
+	db.query(`SELECT * from post`, function(err, result){
+
+		queryData = request.query;
+
+		if (err) throw err;
+		db.query(`SELECT * from post WHERE id=?`, [queryData.id], function(err2, result2){
+
+			if (err2) throw err2;
+
+			var title = result2[0].title;
+			var userId = result2[0].userId;
+			// var date = result2[0].createdate;
+			// var like_num = 10000; // 좋아요 연결 후 반영하기
+			var content = result2[0].content;
+
+			db.query(`SELECT nickname FROM user WHERE kakaoid = ?;`, [userId], function(err3, result3){
+
+				var user_id = result3[0].nickname;
+
+				var html = board_edit.HTML(title, content, queryData.id)
 				response.send(html);
 			})	
 

diff --git a/routes/boardUpdateProcessRouter.js b/routes/boardUpdateProcessRouter.js
@@ -0,0 +1,29 @@
+const { request } = require('express');
+const express = require('express');
+const res = require('express/lib/response');
+const { fstat } = require('fs');
+const router = express.Router();
+const mysql = require('mysql');
+const passport = require('passport');
+const db = require('../config/db.js');
+
+
+router.post('/', function(request, response) {
+
+        const body = request.body;
+        queryData = request.query;
+
+        let title = body.title;
+        let content = body.content;
+
+
+        db.query(`UPDATE post SET title=?, content=?, updatedate=? WHERE id=?`, [title, content, null, queryData.id], function(err, result){
+            if (err) console.error("err : " + err);
+            response.redirect('/');
+        })
+
+
+});
+
+
+module.exports = router;
diff --git a/template/board_edit.js b/template/board_edit.js
@@ -0,0 +1,70 @@
+module.exports = {
+	HTML: function(title, content, id) {
+
+		return `
+        <!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>글 작성 페이지</title>
+    <link rel="stylesheet" href="/public/css/board_write_css.css">
+</head>
+<style>
+    @import url("https://fonts.googleapis.com/css2?family=Pattaya&display=swap");
+      p {
+        font-family: "Pattaya", sans-serif;
+        color: white;
+      }
+      @font-face {
+        font-family: "GmarketSansMedium";
+        src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/GmarketSansMedium.woff")
+          format("woff");
+        font-weight: normal;
+        font-style: normal;
+      }
+      *:not(i) {
+        font-family: GmarketSansMedium;
+      }
+      
+</style>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>공지사항</title>
+    <link rel="stylesheet" href="/public/css/board_write_css.css">
+</head>
+<body>
+		<div class="board_wrap">
+        <form action="/board_update_process?id=${id}" method="post" >
+        <div class="main_title">
+            <div class="exit">
+                <a href="/board"><img class="x_icon" src="/public/img/x_icon.png"></a>
+            </div>
+            <div class="hi_alcohol">
+                <a href="/" style="font-family: 'Pattaya', sans-serif; color: #0bf3bc">Hi Alcohol</a>
+            </div>
+            <div class="completion">
+                <input type="submit" value= "완료" style="background-color: #242424; color: #0BF3BC; font-size: 15px; border: 0;
+                outline: 0;">
+            </div>
+            
+        </div>
+        <div class ="container" >
+            <div class="title">
+                <input type="text" name="title" placeholder=" 제목" value ="${title}">
+            </div>
+            <div class="Contents">
+                <textarea name="content" placeholder="    
+ 내용 입력">${content}</textarea>
+            </div>
+        
+        </div>
+        </form>
+	</nav>
+	</body>
+</html>
+		`
+	}
+
+};
diff --git a/template/board_view.js b/template/board_view.js
@@ -1,5 +1,5 @@
 module.exports = {
-	HTML: function(title, user_id, date, like_num, content ) {
+	HTML: function(title, user_id, date, like_num, content,post_id ) {
 
 		return `
 
@@ -91,7 +91,7 @@ module.exports = {
             </div>
             <div class="content">${content}</div>
             <div class="option">
-                <a href="#">수정</a>
+                <a href="/board/edit?id=${post_id}">수정</a>
                 <p>  |  </p>
                 <a href="#">삭제</a>
             </div>
@@ -103,20 +103,6 @@ module.exports = {
 		
 		`
 	}
-    // ,
-    // list:function(topics){
-    //     // 인자 topics에 main.js template.list(topics)의 topics이 들어옴
-
-    //         var list = '<ul>';
-    //           var i = 0;
-
-    //           while(i < topics.length){
-    //             list = list + `<li><a href="/?id=${topics[i].id}">${topics[i].title}</a></li>`;
-    //             // topics 각 id와 title 값이 링크 주소와 이름이 됨
-    //             i = i + 1;
-    //           }
-    //           list = list+'</ul>';
-    //          return list;
-    //     }
+
 };