所有分类
  • 所有分类
  • 后端开发
Node.js+Mongoose轻松搞定增删改查!购物车数据管理新技能get

Node.js+Mongoose轻松搞定增删改查!购物车数据管理新技能get

①、增加数据:从集合中查询一条记录,并返回doc,对doc操作之后通过save()保存到集合后端获取到删除商品的id、用户的id,删除数据库中指定条目前端对不同的按钮点击,实现购物车数量的增、减、选中的改变,调用editCart(opt,i

你想知道怎么用Node.js和Mongoose在数据库里加买、删撤、改修、查问物品吗?那咱们今儿个就说这个事儿!

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

首先,咱们先来了解一下Mongoose是如何通过model操作数据库的。别着急,我们得先定义一个名为goods的模型,利用它就能管理各类集合。那接下来,就让我们聊聊如何新增数据?其实很简单,只需到相应的集合中找到一条记录,并返回其 doc 对象即可。再然后,你可以随意处理这个 doc 对象,等待保存时直接调用 save()方法就行了。

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

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

我们来聊聊怎么删东西,很容易!你只需要轻轻地点下那个“删除”按钮,就可以启动deleteCart()函数发出那个post请求了。搞定之后,购物车页面就会自动刷新。后台那边,它们接到你要删除的商品编号和用户编号后,就能顺利地在数据库里面删掉相关信息喽~

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

Node.js+Mongoose轻松搞定增删改查!购物车数据管理新技能get

大家还在不呀?我们聊聊如何调整购物车上的商品数量。是不是感觉动动手就能轻松完成加减甚至选好商品了?现在告诉大家一个方法,就是使用editCart(opt,item)这个小函数,只需给它之前的值和新的值即可。这样,当你提交新数据时,服务器就会自动替你修改数据库!

好嘞,让我跟你好好说说如何看看你的购物车!首先,上网页给服务器发送一个GET请求,搞清楚你买啥后,存进”catList”里面,再慢慢处理,把这些处理完成之后就可以显示在”cartList”上了。与此同时,服务器也会根据你的隐形账户,搜寻出你那个对应的购物篮

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

分享完最后一个事儿,咱们就看看购物车的总价跟全选功能。这事儿对于Vue来说小菜一碟,你看,只需要搞个计算属性 totalPrice 就行了,公式就是这个商品的价格*购买量。只要你买了新货,总价眨眼间就变成新的,而且还能在界面上看到!全选的话就更简单了,就看这商品有没有被你勾选上,是“与”运算的结果而已。选好后 allSelect 也会跟着变动,全选标记自然就亮了。

var express = require('express');
var router = express.Router();
const mongoose=require('mongoose');
var user=require('../models/userModel');
var goods=require('../models/productModel');
//连接数据库
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){    //若商品在购物车内,数量增加
      inCart=true;
      item.productNum++;
      saveDoc(userDoc,res);
     }
    });
    //所选商品不在购物车内,则从商品列表内查找并添加到购物车
    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数组内
       console.log(userDoc.cartList);
       saveDoc(userDoc,res);
      }
     });
    }
   }
  }
 })
});

搞定!是不是之前遇到的问题终于解决了呀?希望这些资料可以帮到你学得更快更好。如果还有哪里不懂或者你有什么新的想法,就来评论区随时告诉我们!别忘了关注、点赞和分享!今天我要分享的是用Node.js和Mongoose实现购物车功能的方法。比如怎么去添加、删减、修改购物车里的东西,怎么查探购物车、算总价、还包括全选的功能等等。希望这次的分享能让你们学到新鲜知识而且更舒服地实践运用。赶快来参与讨论,赞的话也记得点一下,分享出去更好!

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'
   })
  }
 })
}

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

原文链接:https://www.icz.com/technicalinformation/web/2024/03/11330.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?