商城网站物品添加到喜欢代码
时间: 2024-01-17 19:04:37 浏览: 53
好的,对于商城网站物品添加到喜欢的功能,一般可以采用以下的代码实现:
1. 首先,在前端页面上添加“添加到喜欢”按钮,并绑定点击事件。
2. 点击“添加到喜欢”按钮后,通过 Ajax 技术将商品的 ID 发送到后端。
3. 在后端,将用户 ID 和商品 ID 存储到数据库中,表示该用户喜欢了这个商品。
4. 在用户个人中心页面中,可以显示用户喜欢的商品列表,通过查询数据库获取用户喜欢的商品信息并展示。
下面是一个简单的示例代码:
前端页面代码:
```
<button class="add-to-favorites" data-product-id="123">添加到喜欢</button>
<script>
$('.add-to-favorites').click(function() {
var productId = $(this).data('product-id');
$.ajax({
url: '/add-to-favorites',
type: 'POST',
data: { productId: productId },
success: function(response) {
alert('添加成功');
},
error: function() {
alert('添加失败');
}
});
});
</script>
```
后端代码(假设使用 Node.js 和 MongoDB):
```
app.post('/add-to-favorites', function(req, res) {
var userId = req.session.userId;
var productId = req.body.productId;
db.collection('favorites').insertOne({ userId: userId, productId: productId }, function(err, result) {
if (err) {
res.status(500).send('添加失败');
return;
}
res.send('添加成功');
});
});
```
用户个人中心页面代码:
```
app.get('/favorites', function(req, res) {
var userId = req.session.userId;
db.collection('favorites').find({ userId: userId }).toArray(function(err, results) {
if (err) {
res.status(500).send('查询失败');
return;
}
var productIds = results.map(function(item) { return item.productId; });
db.collection('products').find({ _id: { $in: productIds } }).toArray(function(err, results) {
if (err) {
res.status(500).send('查询失败');
return;
}
res.render('favorites', { products: results });
});
});
});
```