node.js使用mongoose操作數(shù)據(jù)庫實現(xiàn)購物車的增、刪、改、查功能示例

更新時間：2019年12月23日 09:02:41 作者：theVicTory

這篇文章主要介紹了node.js使用mongoose操作數(shù)據(jù)庫實現(xiàn)購物車的增、刪、改、查功能,結(jié)合實例形式詳細分析了node.js使用mongoose框架操作MongoDB數(shù)據(jù)實現(xiàn)購物車增刪改查相關技巧與使用注意事項,需要的朋友可以參考下

本文實例講述了node.js使用mongoose操作數(shù)據(jù)庫實現(xiàn)購物車的增、刪、改、查功能。分享給大家供大家參考，具體如下：

1、數(shù)據(jù)庫操作語句

Mongoose通過model實現(xiàn)對每個集合的操作，在使用前需要先定義model:goods。

①、增加數(shù)據(jù)：從集合中查詢一條記錄，并返回doc，對doc操作之后通過save()保存到集合

goods.findOne({productId},(err,goodsDoc)=>{
   goodsDoc.productNum=1;
   goodsDoc.save(err,doc);
});

②、刪除數(shù)據(jù)：

model.remove(conditions,callback(){})

③、修改數(shù)據(jù)：

model.update(conditions,updates,callback(){})

④、查詢數(shù)據(jù)：

model.find(conditions,callback(){})

2、添加購物車

在mongodb中新建用戶user集合，user中有cartList數(shù)組，用戶點擊添加購物車時在前端發(fā)出post請求包括用戶、商品的id。然后在后端查詢到對應的用戶，將其cartList中的商品id進行比對，如果在其中，則把商品數(shù)量+1，否則從商品集合中查詢商品信息，插入到cartList數(shù)組中。

前端添加購物車請求：

  addCart(productId){//加入購物車
   axios.post('./users/addCart',{
    userId:"100000077",
    productId:productId
   }).then((response)=>{
    let res=response.data;
    console.log(res.msg);
   });
  }

后端處理：

var express = require('express');
var router = express.Router();
const mongoose=require('mongoose');
var user=require('../models/userModel');
var goods=require('../models/productModel');
//連接數(shù)據(jù)庫
mongoose.connect('mongodb://localhost:27017/mall');
mongoose.connection.on('connected',()=>{
 console.log("mongoDB連接成功");
});
//處理添加購物車請求
router.post('/addCart',(req,res,next)=>{
 let userId=req.body.userId;
 let productId=req.body.productId;
 let params={
  userId
 };
 user.findOne(params,(err,userDoc)=>{//查詢對應用戶信息
  if (err){
   res.json({
    status:1,
    msg:err.message
   });
  }else{
   if(userDoc){
    let inCart=false;
    userDoc.cartList.forEach(function(item){//遍歷cartList比對商品id
     if (item.productId==productId){    //若商品在購物車內(nèi)，數(shù)量增加
      inCart=true;
      item.productNum++;
      saveDoc(userDoc,res);
     }
    });
    //所選商品不在購物車內(nèi)，則從商品列表內(nèi)查找并添加到購物車
    if(!inCart){
     goods.findOne({productId},(err,goodsDoc)=>{
      if(err){
       res.json({
        status:1,
        msg:err.message
       })
      }else{
       goodsDoc.checked=true;
       goodsDoc.productNum=1;
       userDoc.cartList.push(goodsDoc);//將商品插入到用戶cartList數(shù)組內(nèi)
       console.log(userDoc.cartList);
       saveDoc(userDoc,res);
      }
     });
    }
   }
  }
 })
});

利用doc.save將修改后的文檔保存到數(shù)據(jù)庫

function saveDoc(doc,res) {
 //保存操作
 doc.save((err,doc)=>{
  if (err){
   res.json({
    status:1,
    msg:err.message
   })
  }else {
   res.json({
    status:0,
    msg:"添加購物車成功",
    result:'success'
   })
  }
 })
}

3、從購物車刪除數(shù)據(jù)

前端點擊刪除按鈕，調(diào)用deleteCart()發(fā)出post請求，刪除成功重新加載購物車列表

   deleteCart(){
    axios.post('users/deleteCart',{
     productId:this.productId
    }).then((response,err)=>{
     let res=response.data;
     if(res.status===0){
      this.getCart();
      this.modalShow=false;
     }
    })
   },

后端獲取到刪除商品的id、用戶的id，刪除數(shù)據(jù)庫中指定條目

router.post('/deleteCart',(req,res)=>{
 "use strict";
 let productId=req.body.productId;
 let userId=req.cookies.userId;
 user.update({userId:userId},{
  $pull:{
   cartList:{productId:productId}
  }
 },(err,doc)=>{
  if(err){
   res.json({
    status:1,
    msg:'數(shù)據(jù)庫刪除失敗'
   })
  }else{
   if(doc){
    res.json({
     status:0,
     msg:'購物車刪除成功'
    })
   }
  }
 })
});

4、修改購物車

前端對不同的按鈕點擊，實現(xiàn)購物車數(shù)量的增、減、選中的改變，調(diào)用editCart(opt,item)，然后將修改的數(shù)據(jù)以post發(fā)送

editCart(flag,item){
    if(flag==='check'){
     item.checked=!item.checked;
    }else if(flag==='add'){
     item.productNum++;
    }else if(flag==='sub'){
     item.productNum<=0 ? item.productNum=0 : item.productNum++ ;
    }
    axios.post('users/editCart',{
     productId:item.productId,
     checked:item.checked,
     productNum:item.productNum
    }).then((response,err)=>{
     let res=response.data;
     if(res.status===0){
      this.getCart();
     }else{
      console.log(res.msg);
     }
    })
}

后端接收要修改的數(shù)據(jù)，并對數(shù)據(jù)庫進行更新：

router.post('/editCart',(req,res)=>{
 "use strict";
 let productId=req.body.productId;
 let checked=req.body.checked;
 let productNum=req.body.productNum;
 let userId=req.cookies.userId;
 user.update({userId:userId,'cartList.productId':productId},{
  $set:{"cartList.$.checked":checked,"cartList.$.productNum":productNum}
 },(err,doc)=>{
  if(err){
   res.json({
    status:1,
    msg:err.message
   })
  }else {
   res.json({
    status:0,
    msg:'購物車更新成功'
   })
  }
 })
});

5、查詢購物車

前端發(fā)送查詢購物車get請求，將結(jié)果數(shù)據(jù)賦予catList，頁面遍歷cartList渲染數(shù)據(jù)

   getCart(){
    axios.get('users/getCart').then((response,err)=>{
     let res=response.data;
     if(res.status===0){
      this.cartList=res.result.list;
     }else{
      console.log(res.msg);
     }
    })
   },

后端根據(jù)用戶的cookie，查詢指定的用戶的購物車

router.get('/getCart',(req,res)=>{
 "use strict";
 user.findOne({userId:req.cookies.userId},(err,doc)=>{
  if(doc){
   res.json({
    status:0,
    msg:'',
    result:{
     list:doc.cartList
    }
   })
  }else{
   res.json({
    status:1,
    msg:"購物車列表查詢失敗"
   })
  }
 })
});

6、購物車的總價與全選

利用vue的計算屬性可以實現(xiàn)屬性的隨時變化，計算屬性只有在相關數(shù)據(jù)發(fā)送改變時才會隨之改變，計算屬性的實現(xiàn)像函數(shù)，但使用類似于一般屬性，例如總價totalPrice與判斷是否全部選中allSelected：

  computed:{
   totalPrice(){
    let total=0;
    this.cartList.forEach((item)=>{
     if(item.checked)
      total+=parseFloat(item.salePrice)*parseInt(item.productNum);
    });
    return total;
   },
   allSelected(){
    let selected=true;
    this.cartList.forEach((item)=>{
     selected=selected&&item.checked;
    });
    console.log(selected);
    return selected;
   }
  },

計算屬性totalPrice由每個商品單價*數(shù)量而來，當其中有一個改變時，總價會立即改變，顯示在頁面中。

allSelected由每個商品是否選中作‘與'運算而來，當有其中一個的選中狀態(tài)發(fā)送改變，allSelected也會改變，并改變購物車的全選標志。

希望本文所述對大家node.js程序設計有所幫助。

您可能感興趣的文章:

關于express與koa的使用對比詳解
很多人都在問到底該用Koa還是express，所以下面這篇文章就來給大家再次的對比了關于express與koa的相關資料，通過對比大家可以更好的進行選擇，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面隨著小編來一起學習學習吧。
2018-01-01
14款NodeJS Web框架推薦
這篇文章主要介紹了14款NodeJS Web框架推薦,其中大多數(shù)框架都是基于node.js的Express實現(xiàn),需要的朋友可以參考下
2014-07-07
node.js中的http.response.writeHead方法使用說明
這篇文章主要介紹了node.js中的http.response.writeHead方法使用說明,本文介紹了http.response.writeHead的方法說明、語法、接收參數(shù)、使用實例和實現(xiàn)源碼,需要的朋友可以參考下
2014-12-12
Node?ORM項目中使用Sequelize實例詳解
這篇文章主要為大家介紹了Node?ORM項目中使用Sequelize實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-04-04
node.js中EJS 模板快速入門教程
本篇文章主要介紹了EJS 模板快速入門學習，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
Node.js 緩沖區(qū)（Buffer）模塊的方法及實例分析
在本篇文章里小編給大家整理了一篇關于Node.js 緩沖區(qū)（Buffer）模塊的方法及實例分析，對此有興趣的朋友們可以跟著學習下。
2022-01-01
Node.js實現(xiàn)下載文件的兩種實用方式
最近優(yōu)化了幾個新人寫出的動態(tài)表格文件下載接口的性能瓶頸,感覺非常有必要總結(jié)一篇文章作為文檔來拋磚引玉,這篇文章主要給大家介紹了關于Node.js實現(xiàn)下載文件的兩種實用方式,需要的朋友可以參考下
2022-09-09
使用node.js實現(xiàn)微信小程序?qū)崟r聊天功能
在微信這個聊天工具里的小程序上實現(xiàn)聊天功能，總覺得很詫異，今天小編給大家?guī)砹耸褂胣ode.js實現(xiàn)微信小程序?qū)崟r聊天功能，感興趣的朋友一起看看吧
2018-08-08
基于uniapp與node.js實現(xiàn)的微信授權(quán)登錄功能實例
前端一直是一塊充滿驚喜的土地,不僅是那些富有創(chuàng)造性的頁面,還有那些驚贊的效果及不斷推出的新技術,下面這篇文章主要給大家介紹了關于如何基于uniapp與node.js實現(xiàn)的微信授權(quán)登錄功能的相關資料,需要的朋友可以參考下
2023-05-05
npm?工具庫?yenv使用簡介
這篇文章主要為大家介紹了npm?工具庫?yenv使用簡介，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-05-05