node.js使用mongoose操作數(shù)據(jù)庫實現(xiàn)購物車的增、刪、改、查功能示例
更新時間：2019年12月23日 09:02:41 作者：theVicTory
這篇文章主要介紹了node.js使用mongoose操作數(shù)據(jù)庫實現(xiàn)購物車的增、刪、改、查功能,結合實例形式詳細分析了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請求，將結果數(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程序設計有所幫助。
相關文章
本文詳細講解了Node.js進程管理之子進程，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07
NodeJs內(nèi)存占用過高的排查實戰(zhàn)記錄
這篇文章主要給大家介紹了關于NodeJs內(nèi)存占用過高的排查實戰(zhàn)記錄，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-05-05
在本篇文章里小編給大家分享的是一篇關于node.js事件輪詢機制的相關知識點文章，有興趣的朋友們可以參考下。2019-12-12
在項目開發(fā)過程中,使用到vue框架技術,需要安裝node下載項目依賴,本文主要介紹了nodejs版本管理工具nvm的安裝與使用小結,具有一定的參考價值,感興趣的可以了解一下2024-01-01
這篇文章主要介紹了node制作一個視頻幀長圖生成器操作分享，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下2022-08-08
本篇文章主要介紹了利用NODE.JS搭建簡單的聊天室的代碼，有需要的可以了解一下。2016-11-11
本篇文章主要介紹了EJS 模板快速入門學習，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
Thinkjs 是一個快速、簡單的基于MVC和面向?qū)ο蟮妮p量級Node.js開發(fā)框架，下面這篇文章主要給大家介紹了關于Thinkjs3新手入門之添加一個新的頁面的相關資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下。2017-12-12
Node.js用Socket.IO做聊天軟件的實現(xiàn)示例
本文主要介紹了Node.js用Socket.IO做聊天軟件的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-05-05
這篇文章主要介紹了node.js去水印方法,結合實例形式分析了node.js基于第三方平臺實現(xiàn)去水印的相關交互與操作技巧,需要的朋友可以參考下2023-04-04