댓글삭제,유효성체크 추가

devwon · devwon · commit ef87f1c14e6f · 2018-01-24T22:41:00.000+09:00
diff --git a/models/ProductsModel.js b/models/ProductsModel.js
@@ -4,7 +4,10 @@ var autoIncrement = require('mongoose-auto-increment');
 
 //생성될 필드명을 정한다.
 var ProductsSchema = new Schema({
-    name: String, //제품명
+    name: {//제품명
+        type: String,
+        required: [true, '제목을 입력해주세요']
+    },
     price: Number, //가격
     description: String, //설명
     created_at: { //작성일
diff --git a/routes/admin.js b/routes/admin.js
@@ -24,26 +24,36 @@ router.get('/products/write', function (req, res) {
 });
     
 router.post('/products/write', function (req, res) {
-    var product = new ProductsModel({//mongoose에서 insert하는 방식:key field 일치 시켜주기
+    var product = new ProductsModel({
         name: req.body.name,
         price: req.body.price,
         description: req.body.description,
     });
-    product.save(function (err) {//DB에 저장, 
-        res.redirect('/admin/products');//새로고침시 다시 저장될 수 있으니 save button 클릭시 list페이지로 이동
-    });
+    var validationError = product.validateSync();
+    if (validationError) {
+        res.send(validationError);
+    } else {
+        product.save(function (err) {
+            res.redirect('/admin/products');
+        });
+    }
 });
 
-//제품 상세 페이지
+//제품 상세 페이지//콜백 3개
 router.get('/products/detail/:id', function(req, res){
     //url 에서 변수 값을 받아올떈 req.params.id 로 받아온다
     ProductsModel.findOne({'id': req.params.id},function(err, product){//findOne(조건,콜백함수)는 한 줄의 데이터만 가져와
-        res.render('admin/productsDetail', {product:product});
+        //res.render('admin/productsDetail', {product:product});
+        CommentsModel.find({ product_id: req.params.id }, function (err, comments) {
+            res.render('admin/productsDetail',
+                {product : product, comments : comments });
+        });
     });
 });
 
 //제품 수정 페이지
 router.get('/products/edit/:id',function(req,res){
+    //기존에 폼에 value안에 값을 셋팅하기 위해서 만든다.
     ProductsModel.findOne({'id': req.params.id},function(err, product){//
         res.render('admin/form',{product:product});
     });
@@ -71,6 +81,26 @@ router.get('/products/delete/:id',function(req,res){
     });
 });//require로 따로 뺄 수 있어
 
+//댓글 기능
+router.post('/products/ajax_comment/insert',function(req,res){
+    var comment = new CommentsModel({
+        content: req.body.content,
+        product_id: parseInt(req.body.product_id)
+    });
+    comment.save(function(err,comment){
+        res.json({
+            id : comment.id,
+            content : comment.content,
+            message : "success"
+        });
+    });
+});
 
+//댓글 삭제 기능
+router.post('/products/ajax_comment/delete', function (req, res) {
+    CommentsModel.remove({ id: req.body.comment_id }, function (err) {
+        res.json({ message: "success" });
+    });
+});
 
 module.exports = router;
diff --git a/views/admin/productsDetail.ejs b/views/admin/productsDetail.ejs
@@ -13,20 +13,32 @@
                 <%=product.getDate.month%>월 
                 <%=product.getDate.day%>일 
             </div>
-
+            
             <%=product.description%>
 
+            <!-- 댓글영역  -->
+            <hr />
+            <div id="comment_area">
+            <% comments.forEach( function(comment){ %>
+            <div>
+                <%=comment.content%>
+                [<a class='comment_delete' comment_id='<%=comment.id%>'>삭제</a>]
+            </div>
+            <%});%>
+            </div>
 
-        </div>
+        
         <div>
-            댓글작성하기
+            <br><b>댓글작성하기</b>
             <form id="commentForm" action="" method="post">
                 <input type="hidden" name="product_id" value="<%=product.id%>" />
                 <textarea class="form-control" name="content"></textarea>
                 <button class="btn btn-primary" style="margin-top: 10px">댓글작성</button>
             </form>
         </div>
-    <!-- 댓글영역  -->
+        </div>
+    
+    
     </div>
 
     <!-- 댓글영역  -->
@@ -35,7 +47,7 @@
     <a href="/admin/products" class="btn btn-default">목록으로</a>
     <a href="/admin/products/edit/<%=product.id%>" class="btn btn-primary">수정</a>
 
-    
+<!--ajax client부분-->
 <script>
     $(document).ready(function(){
        $('#commentForm').submit(function(){
@@ -49,18 +61,44 @@
                     data: $(this).serialize(),//serialize: 각 데이터들을 mapping을 해주는 함수
                 })
                 .done(function(args){
-                    console.log(args);
+                    if(args.message==="success"){
+                        $('#comment_area').append(
+                            //댓글추가시 삭제버튼도 같이 생기도록
+                            '<div>'+args.content+
+                            "[<a class='comment_delete' comment_id='"+ args.id+"'>삭제</a>] </div>"
+                        );
+                        $('#commentForm textarea[name=content]').val("");
+                    }
+                    //console.log(args);//message 하나만 출력
                 })
                 .fail(function(args){
                     console.log(args);
                 });
-            }
-            else{
+            }else{
                 alert("댓글 내용을 입력해주세요.");
             }
             return false;
-       }); 
+       });
+    });
+    
+    $(document).on('click','.comment_delete',function(){
+        if(confirm('삭제하시겠습니까?')){
+            var $self =$(this); //여기서 this는 해당 댓글의 <a>태그를 뜻함
+            $.ajax({
+                url: '/admin/products/ajax_comment/delete',
+                type: 'POST',
+                data: {comment_id : $self.attr('comment_id')},//변수의 attribute로 접근
+            });
+            .done(function(){
+                $self.parent().remove();//<a>태그의 parent니까 <div>
+                alert("삭제가 완료되었습니다.");
+            })
+            .fail(function(args){
+                console.log(args);
+            });
+        }
     });
+
 </script>
         
 
