제품 삭제 기능 추가

devwon · devwon · commit 60f387bf0a5b · 2018-01-24T20:30:31.000+09:00
diff --git a/app.js b/app.js
@@ -2,7 +2,7 @@
 var express = require('express');
 var path = require('path'); //미들웨어의 윗부분에 적혀있어야함!
 var logger = require('morgan');
-var bodyParser = require('body-parser');
+var bodyParser = require('body-parser');//javascript 객체로 편하게 사용하기 위해 bodyparser 이용
 
 //MongoDB 접속 express아래에 위치해야함!
 var mongoose = require('mongoose');
@@ -32,7 +32,7 @@ app.set('view engine', 'ejs');
 
 
 //미들웨어는 항상 라우팅 오기 전에
-//미들웨어 셋팅(request객체에 변수를 추가)
+//미들웨어 셋팅(request객체에 변수를 추가), POST는 body의 데이터를 가져옴
 app.use(logger('dev'));
 app.use(bodyParser.json());
 app.use(bodyParser.urlencoded({ extended: false}));
diff --git a/models/CommentsModel.js b/models/CommentsModel.js
diff --git a/models/contactsModel.js b/models/contactsModel.js
@@ -6,7 +6,17 @@ var autoIncrement = require('mongoose-auto-increment');
 var ContactsSchema = new Schema({
     id: String, //id
     phoneNumber: Number, //연락처
-    joined_at: Date //회원가입일
+    joined_at: Date//회원가입일
+});
+
+ContactsSchema.virtual('getDate').get(function(){//virtual 변수
+    var date = new Date(this.joined_at);
+    return {
+        year: date.getFullYear(),
+        month: date.getMonth()+1,
+        day: date.getDay()
+
+    };
 });
 
 //db로 보내기
diff --git a/routes/admin.js b/routes/admin.js
@@ -43,7 +43,7 @@ router.get('/products/detail/:id', function(req, res){
 
 //제품 수정 페이지
 router.get('/products/edit/:id',function(req,res){
-    ProductsModel.findOne({'id': req.params.id},function(err, product){
+    ProductsModel.findOne({'id': req.params.id},function(err, product){//
         res.render('admin/form',{product:product});
     });
 });
@@ -63,4 +63,11 @@ router.post('/products/edit/:id', function (req, res) {
     });
 });
 
+//제품 삭제 페이지
+router.get('/products/delete/:id',function(req,res){
+    ProductsModel.remove({ id: req.params.id }, function (err) {//params<-parameter
+        res.redirect('/admin/products');//절대 경로로 써줘
+    });
+});//require로 따로 뺄 수 있어
+
 module.exports = router;
diff --git a/routes/contacts.js b/routes/contacts.js
@@ -10,12 +10,13 @@ router.get('/',function(req,res){
 //contacts/이후의 url을 적는다.
 router.get('/list',function(req,res){
     ContactsModel.find(function(err,contacts){
-        res.render('contacts/',
+        res.render('contacts/list',
             {contacts : contacts}
         );
     });
 });
 
+//작성 페이지
 router.get('/write',function(req,res){
     res.render('contacts/form',{contacts:""});
 });
@@ -31,4 +32,11 @@ router.post('/write',function(req,res){
     });
 });
 
+//상세 페이지
+router.get('/detail/:id',function(req,res){
+    ContactsModel.findOne({'id':req.params.id},function(err,contacts){
+        res.render('contacts/contactsDetail',{contacts: contacts});
+    });
+});
+
 module.exports = router;
diff --git a/views/admin/form.ejs b/views/admin/form.ejs
@@ -1,5 +1,5 @@
 <% include ../header.ejs %>
-    <form action="" method="post">
+    <form action="" method="post"><!--form 재사용을 위해 action을 비워둬-->
         <table class="table table-bordered">
             <tr>
                 <th>제품명</th>
diff --git a/views/admin/products.ejs b/views/admin/products.ejs
@@ -5,7 +5,7 @@
             <th>상품명</th>
             <th>작성일</th>
             <th>가격(원)</th>
-            <th>삭제</th>
+            <th></th>
         </tr>
         <% products.forEach( function(product){ %>
         <tr>
@@ -23,7 +23,7 @@
                 <%=product.price%>
             </td>
             <td>
-                <a href="#" class="btn btn-danger">삭제</a>
+                <a href="/admin/products/delete/<%=product.id%>" class="btn btn-danger" onclick="return confirm('삭제하시겠습니까?')">삭제</a>
             </td>
         </tr>
         <% }); %>
diff --git a/views/contacts/contactsDetail.ejs b/views/contacts/contactsDetail.ejs
@@ -0,0 +1,30 @@
+<% include ../header.ejs %>
+    
+
+
+    <div class="panel panel-default">
+        <div class="panel-heading">
+            ID: <%=contacts.id%>
+           
+        </div>
+        <div class="panel-body">
+            <div style="padding-bottom: 10px">
+                가입일 : 
+                <%=contacts.getDate.year%>년 
+                <%=contacts.getDate.month%>월 
+                <%=contacts.getDate.day%>일 
+                <br>
+                연락처 : <%=contacts.phoneNumber%>
+            </div>
+        </div>
+    </div>
+
+    <a href="/contacts" class="btn btn-default">목록으로</a>
+    <a href="/contacts/edit/<%=contacts.id%>" class="btn btn-primary">수정</a>
+
+    
+
+        
+
+
+<% include ../footer.ejs %>
diff --git a/views/contacts/form.ejs b/views/contacts/form.ejs
@@ -6,12 +6,12 @@
                 <td><input type="text" name="id" class="form-control" value="<%=contacts.id%>"/></td>
             </tr>
             <tr>
-                <th>연락처</th>
+                <th>연락처<br>(010-0000-0000)</th>
                 <td><input type="Number" name="phoneNumber" class="form-control" value="<%=contacts.phoneNumber%>"/></td>
             </tr>
             <tr>
                 <th>가입일</th>
-                <td><input type="text" name="joined_at" class="form-control" value="<%=contacts.joined_at%>"/></td>
+                <td><input type="Date" name="joined_at" class="form-control" value="<%=contacts.joined_at%>"/></td>
             </tr>
         </table>
         <button class="btn btn-primary">작성하기</button>
diff --git a/views/contacts/list.ejs b/views/contacts/list.ejs
@@ -5,22 +5,28 @@
             <th>id</th>
             <th>연락처</th>
             <th>가입일</th>
+            <th></th>
         </tr>
-        <% products.forEach( function(product){ %>
+        <% contacts.forEach( function(contacts){ %>
         <tr>
             <td>
-                아이디입니다.
+                <a href="/contacts/detail/<%=contacts.id%>">
+                    <%=contacts.id%>
+                </a>
             </td>
             <td>
-                연락처입니다.
+                <%=contacts.phoneNumber%>
             </td>
             <td>
-                가입일 입니다.
+                <%=contacts.getDate.year%>년
+                <%=contacts.getDate.month%>월
+                <%=contacts.getDate.day%>일
             </td>
+            <td><a href="/contacts/delete" class="btn btn-danger">삭제</a></td>
         </tr>
         <% }); %>
     </table>
 
     <a href="/contacts/write" class="btn btn-default">작성하기</a>
-
+    
 <% include ../footer.ejs %>
