收藏

最新收藏列表:    (4) [{…}, {…}, {…}, {…}] 取消收藏的参数:    {contentid: "craft-001", type: "craft", _openid: "o9I9A1-D1fVtSzy7Emrx4cduPZfU"} 最新收藏列表:    (4) [{…}, {…}, {…}, {…}]// cloudfunctions/getCraftData/index.js // 支持:轮播图/热门非遗手作(城市+类型筛选)/非遗知识库/知识答题/手作地图/用户分享作品/收藏/点赞/记录保存 等操作 const cloud = require('wx-server-sdk') cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV }) const db = cloud.database() const _ = db.command; // 引入数据库操作符(自增/自减) // 云函数入口函数 exports.main = async (event, context) => { // 解构所有参数 const { queryType, city, craftType, _id, keyword,num, topicId, openid, workId, content, userName, userAvatar, type: recordType, contentId, title, learnTime, imgUrl, isCorrect, userAnswer, correctAnswer, score, totalScore, totalNum, correctNum, type: collectType, isCollect, _openid } = event; const wxContext = cloud.getWXContext();//获取当前用户的 _openid(云函数自动获取,数据库存储用) const currentOpenid = wxContext.OPENID; // 这是数据库里存储的 _openid 字段 const userOpenid = _openid || currentOpenid; // 优先用传入的openid,否则用当前用户 try { // ========== 1. 轮播图查询 ========== if (queryType === 'banner') { const res = await db.collection('banner') .where({ isActive: true // 只查有效轮播图 }) .get(); return { success: true, data: res.data };// 返回轮播图数据(含 images 数组) } // ========== 2. 热门非遗手作 ========== // 2.1 查询热门非遗手作列表 else if (queryType === 'hotCraft') { let query = {}; // 基础查询条件(可根据需求加,比如只查热门:isHot: true) // 地域筛选:前端传"全部"则忽略,否则匹配city字段 if (city && city !== '全部') query.region = city; // 工艺类型筛选:同理 if (craftType && craftType !== '全部') query.type = craftType; // 关键词搜索:匹配标题/描述 if (keyword) { query.$or = [ { title: db.RegExp({ regexp: keyword, options: 'i' }) }, { desc: db.RegExp({ regexp: keyword, options: 'i' }) } ]; } // 查询craft集合(热门手作所在集合) const res = await db.collection('craft') .where(query) .orderBy('viewCount', 'desc') // 按浏览量倒序,体现“热门” .get(); return { success: true, data: res.data }; } //2.2查询单条热门非遗手作的详情 else if (queryType === 'hotCraftDetail') { if (!_id) return { success: false, errMsg: '缺少手作ID' }; // 查询 craft 集合的单条详情 const res = await db.collection('craft').doc(_id).get(); return { success: true, data: res.data }; } // ========== 3. 科普知识库 ========== // 3.1 查询科普知识库 else if (queryType === 'science') { const res = await db.collection('science') .where({ isActive: true }) .orderBy('createTime', 'desc') // 按时间倒序排列 .get(); return { success: true, data: res.data }; } // 3.2.查询科普详情 else if (queryType === 'scienceDetail') { if (!_id) return { success: false, errMsg: '缺少科普_id' }; const res = await db.collection('science').doc(_id).get(); return { success: true, data: res.data || {} }; } // ========== 4. 答题相关 ========== // 4.1 查询答题题库总数 else if (queryType === 'examCount') { const res = await db.collection('examQuestion') .where({ isActive: true }) .count(); // 统计有效题目总数 return { success: true, data: res.total }; } // 4.1. 查询单道答题 else if (queryType === 'exam') { if (!num) return { success: false, errMsg: '缺少题目序号' }; const res = await db.collection('examQuestion') .where({ isActive: true, questionNum: num + '' // 匹配题目序号(数据库存字符串,需转义) }) .get(); if (res.data.length === 0) { return { success: false, errMsg: `第${num}题不存在` }; } // 组装选项数组(前端需要数组格式渲染选项) const question = res.data[0]; const options = [ question.optionA || '', // 兼容字段缺失的情况 question.optionB || '', question.optionC || '', question.optionD || '' ]; return { success: true, data: { ...question, options: options } // 合并原字段+新增options数组 }; } // ========== 5. 手作地图 ========== else if (queryType === 'craftMap') { const res = await db.collection('craftMap').get(); return { success: true, data: res.data }; } // ========== 6. 用户分享作品 ========== // 6.1 所有用户分享列表(广场) else if (queryType === 'shareList') { let query = {}; // 话题筛选:如果topicId不是all,就筛选对应话题 if (topicId && topicId !== 'all') { query.topicId = topicId; } const res = await db.collection('share') .where(query) // 新增:应用话题筛选条件 .orderBy('createTime', 'desc') .get(); console.log('share集合查询结果:', res.data); // 云开发控制台会显示这行日志 return { success: true, data: res.data }; } // 6.2 我的分享作品列表(个人中心) else if (queryType === 'myShareList') { const targetOpenid = openid || currentOpenid; if (!targetOpenid) return { success: false, errMsg: '无法获取用户信息' }; const res = await db.collection('share') .where({ _openid: targetOpenid }) .orderBy('createTime', 'desc') .get(); return { success: true, data: res.data }; } // 6.3 分享作品总数 else if (queryType === 'shareCount') { const res = await db.collection('share').count(); return { success: true, data: res.total }; } // 6.4 单篇用户作品详情(userWorkDetail) else if (queryType === 'userWorkDetail') { // 必须传递作品的_id才能查询 if (!_id) { return { success: false, errMsg: '缺少作品_id' }; } // 从share集合中查询对应_id的作品详情 const res = await db.collection('share').doc(_id).get(); // 如果查询结果为空(作品不存在或已删除) if (!res.data) { return { success: false, errMsg: '该作品不存在或已删除' }; } // 查询该作品的评论列表 const commentRes = await db.collection('comment') .where({ workId: _id }) // 关联作品ID(评论集合的workId对应作品_id) .orderBy('createTime', 'desc') // 按评论时间倒序排列 .get(); //把评论列表合并到返回数据中 const workData = { ...res.data, commentList: commentRes.data || [] // 新增commentList字段 }; // 返回包含评论列表的作品数据 return { success: true, data: workData }; } // ========== 7. 发布评论(addComment) ========== else if (queryType === 'addComment') { // 校验必要参数 if (!workId || !content || !currentOpenid) { return { success: false, errMsg: '缺少评论必要参数' }; } // 向comment集合添加评论 await db.collection('comment').add({ data: { workId: workId, // 关联的作品ID content: content, // 评论内容 userName: userName || '非遗爱好者', // 评论者昵称(默认值) userAvatar: userAvatar || '', // 评论者头像(默认空) _openid: currentOpenid, // 评论者OpenID createTime: db.serverDate() // 服务器时间(自动生成) } }); // 同步更新share集合的评论数(+1) await db.collection('share').doc(workId).update({ data: { commentNum: db.command.inc(1) // 评论数自增1 } }); return { success: true }; } // ========== 8. 保存各类记录(saveAllRecord) ========== else if (queryType === 'saveAllRecord') { // 校验用户身份 if (!currentOpenid) return { success: false, errMsg: '请登录后操作' }; // 8.1 保存【学习记录】(craft/science) if (recordType === 'learn_craft' || recordType === 'learn_science') { // 校验学习记录必填参数 if (!contentId || !title || learnTime === undefined) { return { success: false, errMsg: '学习记录缺少必填参数(内容ID/标题/时长)' }; } // 存到learningRecord集合,contentType区分craft/science await db.collection('learningRecord').add({ data: { _openid: currentOpenid, contentId, title, learnTime, contentType: recordType === 'learn_craft' ? 'craft' : 'science', // 关键:标记类型 imgUrl: imgUrl || '', createTime: db.serverDate() } }); return { success: true, errMsg: recordType === 'learn_craft' ? '手作学习记录保存成功' : '知识库学习记录保存成功' }; } // 8.2 保存【答题记录】(单题/总分) else if (recordType === 'exam') { if (!contentId || isCorrect === undefined || !userAnswer || !correctAnswer || score === undefined) { return { success: false, errMsg: '单题记录缺少必填参数' }; } // 存到examRecord集合 await db.collection('examRecord').add({ data: { _openid: currentOpenid, contentId, isCorrect, userAnswer, correctAnswer, score, createTime: db.serverDate() } }); return { success: true, errMsg: '单题答题记录保存成功' }; } else if (recordType === 'examTotal') { if (!totalScore || !totalNum || !correctNum) { return { success: false, errMsg: '总分记录缺少必填参数' }; } // 存到examTotalRecord集合 await db.collection('examTotalRecord').add({ data: { _openid: currentOpenid, totalScore, totalNum, correctNum, accuracy: (correctNum / totalNum * 100).toFixed(1) + '%', createTime: db.serverDate() } }); return { success: true, errMsg: '答题总分记录保存成功' }; } else { return { success: false, errMsg: '无效的记录类型' }; } } // ========== 9. 收藏/取消收藏(collect) ========== else if (queryType === 'collect') { // 9.1 仅查询收藏状态 if (!isCollect && event.action !== 'operate') { if (!collectType || !userOpenid || !['craft', 'share'].includes(collectType)) { return { success: false, errMsg: '查询参数缺失/类型无效' }; } try { const relateField = collectType === 'craft' ? 'craftId' : 'shareId'; const targetCollection = collectType; // 步骤1:先查询用户该类型的所有收藏(初始化allCollect) const allCollect = await db.collection('collect') .where({ _openid: userOpenid, type: collectType }) .get(); // 步骤2:再查询当前作品是否被收藏 const collectRes = await db.collection('collect') .where({ [relateField]: _id, // 匹配存储的craftId/shareId _openid: userOpenid }) .get(); console.log('匹配到的收藏记录:', collectRes.data); // 新增日志 // 遍历收藏记录,关联查询原内容的标题/图片 const allCollectWithDetail = await Promise.all( allCollect.data.map(async (item) => { const contentRes = await db.collection(targetCollection).doc(item[relateField]).get(); const contentData = contentRes.data || {}; return { ...item, title: contentData.title || '未命名', // 补充标题 imgUrl: contentData.imgUrl || (contentData.imgList && contentData.imgList[0]) || '', // 补充图片 desc: contentData.desc || contentData.intro || '' // 补充描述 }; }) ); return { success: true, isCollected: collectRes.data.length > 0, // 当前作品是否收藏 data: allCollectWithDetail }; } catch (err) { return { success: false, errMsg: '查询失败:' + err.message }; } } // 9.2 收藏/取消收藏操作 if (!collectType || !_id || !userOpenid || !['craft', 'share'].includes(collectType)) { return { success: false, errMsg: '缺少参数或类型无效(仅支持craft/share)' }; } try { const relateField = collectType === 'craft' ? 'craftId' : 'shareId'; const targetCollection = collectType; // 查询是否已收藏 const collectRes = await db.collection('collect') .where({ [relateField]: _id, _openid: userOpenid }) .get(); console.log('操作前匹配的收藏记录:', collectRes.data); // 收藏逻辑 + 更新总收藏数 if (isCollect) { if (collectRes.data.length === 0) { // 1. 添加收藏记录到collect集合 await db.collection('collect').add({ data: { [relateField]: _id, type: collectType, _openid: userOpenid, collectTime: db.serverDate() } }); // 2. 原内容的收藏数加1 await db.collection(targetCollection).doc(_id).update({ data: { collectNum: _.inc(1) } }); // 3. 标记原内容为已收藏 await db.collection(targetCollection).doc(_id).update({ data: { isCollected: true } }); console.log('收藏成功,已添加记录'); } } else { // 取消收藏逻辑 if (collectRes.data.length > 0) { // 1. 删除collect集合中的这条收藏记录 await db.collection('collect').doc(collectRes.data[0]._id).remove(); // 2. 原内容的收藏数减1(最小为0) await db.collection(targetCollection).doc(_id).update({ data: { collectNum: _.inc(-1).min(0) } }); // 3. 标记原内容为未收藏 await db.collection(targetCollection).doc(_id).update({ data: { isCollected: false } }); console.log('取消收藏成功,已删除记录:', collectRes.data[0]._id); } } // 3. 强制把原内容的isCollected字段设为false await db.collection(targetCollection).doc(_id).update({ data: { isCollected: isCollect } }); return { success: true, errMsg: isCollect ? `${collectType === 'craft' ? '手作' : '作品'}收藏成功` : `${collectType === 'craft' ? '手作' : '作品'}取消收藏成功` }; } catch (err) { console.error('收藏操作失败:', err); return { success: false, errMsg: '操作失败:' + err.message }; } } // ========== 无效查询类型 ========== else { const validTypes = ['banner', 'hotCraft', 'hotCraftDetail', 'science', 'scienceDetail', 'examCount', 'exam', 'craftMap', 'shareList', 'myShareList', 'shareCount', 'userWorkDetail', 'addComment', 'saveAllRecord']; return { success: false, errMsg: `无效的查询类型,支持类型:${validTypes.join('/')}` }; } } catch (err) { console.error('查询失败:', err); // 云开发控制台打印错误日志 return { success: false, errMsg: `查询异常:${err.message}` }; } };怎么解决取消收藏后还是处于收藏状态的
最新发布
12-04
<think> 根据提供的代码片段,问题出现在收藏/取消收藏操作(`queryType === 'collect'`)部分。具体来说,当用户取消收藏后,前端显示仍然处于收藏状态。我们需要分析取消收藏的代码逻辑。 从代码中可以看出,取消收藏操作主要包含以下步骤: 1. 根据收藏类型(`collectType`)和内容ID(`_id`)以及用户_openid,查询收藏记录。 2. 如果存在收藏记录,则删除该记录。 3. 更新原内容(`craft`或`share`集合)的收藏数(`collectNum`)减1(最小为0)。 4. 将原内容的`isCollected`字段设置为`false`(表示未收藏)。 然而,在取消收藏操作后,前端仍然显示为收藏状态,可能的原因有: 1. 更新原内容的`isCollected`字段失败。 2. 前端没有正确接收到操作后的状态,或者前端缓存未更新。 我们重点检查云函数中取消收藏的代码逻辑: 在取消收藏的代码块中,有以下操作: ```javascript // 取消收藏逻辑 if (collectRes.data.length > 0) { // 1. 删除collect集合中的这条收藏记录 await db.collection('collect').doc(collectRes.data[0]._id).remove(); // 2. 原内容的收藏数减1(最小为0) await db.collection(targetCollection).doc(_id).update({ data: { collectNum: _.inc(-1).min(0) } }); // 3. 标记原内容为未收藏 await db.collection(targetCollection).doc(_id).update({ data: { isCollected: false } }); console.log('取消收藏成功,已删除记录:', collectRes.data[0]._id); } ``` 然后,在取消收藏操作之后,还有一段代码: ```javascript // 3. 强制把原内容的isCollected字段设为false await db.collection(targetCollection).doc(_id).update({ data: { isCollected: isCollect } }); ``` 注意:这里的`isCollect`是传入的参数,在取消收藏时,`isCollect`为`false`,所以这段代码的意思是将原内容的`isCollected`字段设为`false`。但是,这段代码是在取消收藏的代码块之外执行的,也就是说,无论是否执行了取消收藏操作(即无论之前是否有收藏记录),都会执行这段代码。 然而,在取消收藏的代码块内部已经执行了一次更新`isCollected`为`false`的操作,这里又执行了一次。虽然重复执行不会造成逻辑错误(因为都是设为false),但是可能会增加不必要的数据库操作。 但是,问题可能出在:在取消收藏操作时,可能因为某些原因(比如网络问题)导致更新原内容的`isCollected`字段失败?但根据代码,我们做了两次更新,第二次是在整个操作之后,所以应该能确保更新。 另外,我们还需要注意,在收藏操作时,也有类似的更新: ```javascript // 收藏逻辑 if (isCollect) { if (collectRes.data.length === 0) { ... // 添加收藏记录 // 2. 原内容的收藏数加1 ... // 3. 标记原内容为已收藏 await db.collection(targetCollection).doc(_id).update({ data: { isCollected: true } }); } } ``` 然后在收藏操作之后,同样执行了: ```javascript await db.collection(targetCollection).doc(_id).update({ data: { isCollected: isCollect } }); ``` 在收藏操作时,`isCollect`为`true`,所以这里会再次将`isCollected`设为`true`。 所以,在收藏和取消收藏操作中,我们分别对原内容的`isCollected`字段更新了两次(一次在条件分支内,一次在条件分支外)。这可能会导致并发问题?或者第一次更新失败,第二次更新成功?但一般来说,云函数的执行是原子的,不会中断。 然而,更合理的做法是:将条件分支外的更新操作去掉,因为分支内的更新已经足够。而且分支外的更新可能会覆盖分支内的更新(比如分支内更新为true,分支外又更新为false?不会,因为分支外用的是传入的`isCollect`,在收藏操作时传入的是true,取消收藏时传入的是false)。但是,如果分支内的更新失败,分支外的更新可以作为一个保障。 但是,如果分支内的更新失败,分支外的更新同样可能失败。所以,我们可能需要检查更新操作是否成功。 另外,我们还需要考虑数据库操作是否真的执行成功。我们可以通过检查`update`方法的返回值来确认。 不过,根据日志,取消收藏后控制台打印了删除记录的日志,但并没有更新`isCollected`字段的日志。我们可以添加日志来追踪。 但是,更可能的原因是:我们更新的是原内容(例如`craft`或`share`)的`isCollected`字段,但是前端在展示时,并不是从这个字段获取的收藏状态,而是通过查询`collect`集合来判断的?因为我们在查询收藏状态时,是去`collect`集合查询的。 在云函数的查询收藏状态部分(`!isCollect && event.action !== 'operate'`),我们返回的是`isCollected: collectRes.data.length > 0`,即根据`collect`集合中是否存在记录来判断。 所以,当取消收藏后,`collect`集合中的记录被删除,那么下次查询收藏状态时,就会返回`isCollected: false`。所以,问题可能出在前端没有重新查询收藏状态,而是根据之前的状态显示。 因此,解决方法是:在取消收藏操作成功后,前端需要重新查询收藏状态。 但是,根据问题描述,用户取消收藏后,最新收藏列表已经更新了(显示4条变成3条),但是当前内容的收藏状态还是显示已收藏。这说明前端可能没有重新查询当前内容的收藏状态。 所以,建议前端在取消收藏操作后,重新调用查询收藏状态的云函数(`queryType='collect'`且不传`isCollect`)来更新当前内容的收藏状态和收藏列表。 另外,我们还需要检查云函数中取消收藏操作后返回的数据。云函数在取消收藏操作成功后返回: ```javascript return { success: true, errMsg: ... }; ``` 并没有返回最新的收藏状态和收藏列表。因此,前端需要主动重新查询。 但是,为了优化性能,我们可以在取消收藏操作成功后,在云函数中直接返回更新后的收藏列表和当前内容的收藏状态。然而,这需要我们在云函数中重新查询一次收藏列表,可能会增加云函数耗时。 我们可以在取消收藏操作成功后,重新查询该用户的所有收藏列表(同查询收藏状态时的逻辑),并返回给前端。这样前端就可以直接更新。 修改取消收藏操作成功后的返回数据: 在取消收藏操作成功后,我们执行一次查询收藏列表的操作(即模拟查询收藏状态的操作),然后将查询到的收藏列表和当前内容的收藏状态返回。 具体修改如下: 在取消收藏操作成功后的代码(收藏操作同理)中,不要直接返回成功信息,而是重新查询一次收藏状态,然后返回查询结果。 但是注意,取消收藏操作后,当前内容的收藏状态肯定是`false`,而收藏列表也会更新。我们可以复用之前查询收藏状态的代码。 修改后的代码: 在收藏/取消收藏操作成功后的位置,我们调用查询收藏状态的逻辑,并返回查询结果。 由于云函数中已经有一段查询收藏状态的代码(在`if (!isCollect && event.action !== 'operate')`分支),我们可以将这段代码抽象成一个函数,然后在操作成功后调用。 但是为了快速解决问题,我们可以直接复制查询收藏状态的代码到操作成功后的位置。 修改后的收藏/取消收藏操作代码: ```javascript // 9.2 收藏/取消收藏操作 // ... 省略前面的参数校验和变量定义 try { // ... 执行收藏或取消收藏操作 // 操作成功后,重新查询收藏状态和收藏列表 // 步骤1:先查询用户该类型的所有收藏(初始化allCollect) const allCollect = await db.collection('collect') .where({ _openid: userOpenid, type: collectType }) .get(); // 步骤2:再查询当前作品是否被收藏 const collectRes = await db.collection('collect') .where({ [relateField]: _id, // 匹配存储的craftId/shareId _openid: userOpenid }) .get(); // 遍历收藏记录,关联查询原内容的标题/图片 const allCollectWithDetail = await Promise.all( allCollect.data.map(async (item) => { const contentRes = await db.collection(targetCollection).doc(item[relateField]).get(); const contentData = contentRes.data || {}; return { ...item, title: contentData.title || '未命名', // 补充标题 imgUrl: contentData.imgUrl || (contentData.imgList && contentData.imgList[0]) || '', // 补充图片 desc: contentData.desc || contentData.intro || '' // 补充描述 }; }) ); // 返回操作成功以及最新的收藏状态和收藏列表 return { success: true, isCollected: collectRes.data.length > 0, // 当前内容是否被收藏 data: allCollectWithDetail, // 最新的收藏列表(带详情) errMsg: ... // 操作成功的消息 }; } catch (err) { // 错误处理 } ``` 这样修改后,前端在调用收藏/取消收藏操作后,会收到最新的收藏状态和收藏列表,可以直接更新界面。 但是,这样会增加云函数的开销,因为每次操作后都会查询收藏列表和详情。如果收藏列表很大,可能会影响性能。因此,也可以只返回操作成功,由前端重新查询。 考虑到前端已经可以独立调用查询收藏状态的云函数,且为了保持云函数简洁,建议前端在操作成功后重新查询一次收藏状态(即调用`queryType='collect'`且不传`isCollect`参数)。 因此,不修改云函数的返回结构,仅返回操作成功,由前端重新查询。 总结解决方案: 1. 确保云函数中取消收藏操作正确删除了收藏记录,并更新了原内容的`isCollected`字段(通过日志确认)。 2. 前端在取消收藏操作成功后,重新调用查询收藏状态的云函数(`queryType='collect'`)来更新收藏状态和收藏列表。 如果云函数操作已经正确执行,那么问题就是前端没有更新状态。因此,前端需要重新查询。 但是,根据提供的代码,在取消收藏操作后,云函数返回的数据中并没有包含更新后的收藏状态和列表,所以前端需要主动发起查询。 因此,我们不需要修改云函数代码,而是检查前端代码,在取消收藏操作成功后,重新查询收藏状态。 但是,在云函数中,我们有一个潜在的问题:在取消收藏操作后,我们更新了原内容的`isCollected`字段,但这个字段在查询收藏状态时并没有被使用。查询收藏状态时,我们是直接查询`collect`集合来判断的。所以,原内容的`isCollected`字段可能是冗余的,可以不用更新。但是,如果其他地方(比如列表展示)直接使用了原内容的`isCollected`字段,那么更新它是必要的。 所以,我们建议: 1. 前端在取消收藏操作成功后,重新查询当前内容的收藏状态(通过`collect`集合)和收藏列表。 2. 或者,云函数在操作成功后返回最新的收藏状态和列表(如上面代码所示),前端直接使用。 考虑到云函数已经提供了查询收藏状态的功能,且前端可能已经在多处使用,建议采用第一种方式:前端重新查询。 如果问题仍然存在,我们可以考虑在云函数操作成功后返回更新的数据,减少前端的请求次数。 根据问题描述,我们选择修改云函数,在操作成功后返回最新的收藏状态和列表。以下是修改后的代码(在收藏/取消收藏操作成功后): ```javascript // 在收藏或取消收藏操作成功后,重新查询收藏状态和收藏列表 // 先查询用户该类型的所有收藏(初始化allCollect) const allCollect = await db.collection('collect') .where({ _openid: userOpenid, type: collectType }) .get(); // 再查询当前作品是否被收藏(即collect集合中是否有该记录) const currentCollectRes = await db.collection('collect') .where({ [relateField]: _id, // 匹配存储的craftId/shareId _openid: userOpenid }) .get(); // 遍历收藏记录,关联查询原内容的标题/图片 const allCollectWithDetail = await Promise.all( allCollect.data.map(async (item) => { const contentRes = await db.collection(targetCollection).doc(item[relateField]).get(); const contentData = contentRes.data || {}; return { ...item, title: contentData.title || '未命名', // 补充标题 imgUrl: contentData.imgUrl || (contentData.imgList && contentData.imgList[0]) || '', // 补充图片 desc: contentData.desc || contentData.intro || '' // 补充描述 }; }) ); return { success: true, isCollected: currentCollectRes.data.length > 0, // 当前内容是否被收藏 data: allCollectWithDetail, // 最新的收藏列表(带详情) errMsg: isCollect ? `${collectType === 'craft' ? '手作' : '作品'}收藏成功` : `${collectType === 'craft' ? '手作' : '作品'}取消收藏成功` }; ``` 这样,前端在操作后就能直接拿到最新的收藏状态和收藏列表,更新界面。 注意:这个修改会增加云函数的数据库查询次数(查询收藏列表和每个收藏项的详情),如果收藏列表很长,可能会影响性能。因此,如果收藏列表很大,建议分页查询。但当前需求是展示用户的收藏列表,一般不会太多。 另外,在收藏操作时,同样需要这样返回。 因此,修改云函数中收藏操作成功后的返回部分,同样加上重新查询的逻辑。 修改后的完整收藏/取消收藏操作代码(包括收藏和取消收藏操作成功后都返回最新状态和列表)如下: ```javascript // ========== 9. 收藏/取消收藏(collect) ========== else if (queryType === 'collect') { // 9.1 仅查询收藏状态 if (!isCollect && event.action !== 'operate') { // ... 原有查询逻辑,保持不变 } // 9.2 收藏/取消收藏操作 // ... 参数校验 try { // ... 执行收藏或取消收藏操作 // 操作成功后,重新查询收藏状态和收藏列表 const allCollect = await db.collection('collect') .where({ _openid: userOpenid, type: collectType }) .get(); const currentCollectRes = await db.collection('collect') .where({ [relateField]: _id, _openid: userOpenid }) .get(); const allCollectWithDetail = await Promise.all( allCollect.data.map(async (item) => { const contentRes = await db.collection(targetCollection).doc(item[relateField]).get(); const contentData = contentRes.data || {}; return { ...item, title: contentData.title || '未命名', imgUrl: contentData.imgUrl || (contentData.imgList && contentData.imgList[0]) || '', desc: contentData.desc || contentData.intro || '' }; }) ); return { success: true, isCollected: currentCollectRes.data.length > 0, data: allCollectWithDetail, errMsg: isCollect ? `${collectType === 'craft' ? '手作' : '作品'}收藏成功` : `${collectType === 'craft' ? '手作' : '作品'}取消收藏成功` }; } catch (err) { // ... 错误处理 } } ``` 这样修改后,前端在操作收藏/取消收藏后,会收到最新的收藏状态和收藏列表,可以直接更新界面,从而解决取消收藏后仍然显示收藏状态的问题。 最后,注意在收藏操作时,我们同样更新了原内容的`isCollected`字段,并且操作成功后返回了最新状态,所以收藏操作后也能即时更新。 因此,我们修改了云函数,在收藏和取消收藏操作成功后,都返回最新的收藏状态和收藏列表。这样前端就不需要额外发起查询请求,避免状态不一致。 请根据实际需求选择修改方案。如果收藏列表很大,担心性能,可以只返回当前内容的收藏状态和收藏列表的变更(比如只返回当前内容的状态,然后前端从本地收藏列表中删除或添加),但这样前端逻辑会复杂一些。 综上,建议按上述方案修改云函数。 </think>根据您提供的代码,问题出现在取消收藏操作后,收藏状态未正确更新的部分。主要问题在于: ### 问题分析: 1. **状态更新逻辑问题**:在取消收藏后,虽然删除了收藏记录,但没有正确更新前端状态 2. **数据不一致**:云函数返回的收藏状态与实际数据库状态不一致 3. **并发更新问题**:多次更新`isCollected`字段可能导致状态不一致 ### 解决方案: 修改`collect`部分的逻辑,主要修复点: ```javascript:cloudfunctions/getCraftData/index.js // ... 其他代码保持不变 ... else if (queryType === 'collect') { // 9.1 仅查询收藏状态 if (!isCollect && event.action !== 'operate') { // ... 原有查询逻辑保持不变 ... } // 9.2 收藏/取消收藏操作 if (!collectType || !_id || !userOpenid || !['craft', 'share'].includes(collectType)) { return { success: false, errMsg: '缺少参数或类型无效(仅支持craft/share)' }; } try { const relateField = collectType === 'craft' ? 'craftId' : 'shareId'; const targetCollection = collectType; // 查询是否已收藏 const collectRes = await db.collection('collect') .where({ [relateField]: _id, _openid: userOpenid }) .get(); // 收藏逻辑 if (isCollect) { if (collectRes.data.length === 0) { // 添加收藏记录 await db.collection('collect').add({ data: { [relateField]: _id, type: collectType, _openid: userOpenid, collectTime: db.serverDate() } }); // 更新原内容收藏数 await db.collection(targetCollection).doc(_id).update({ data: { collectNum: _.inc(1) } }); } } else { // 取消收藏逻辑 if (collectRes.data.length > 0) { // 删除收藏记录 await db.collection('collect').doc(collectRes.data[0]._id).remove(); // 更新原内容收藏数 await db.collection(targetCollection).doc(_id).update({ data: { collectNum: _.inc(-1).min(0) } }); } } // 重新查询最新收藏状态(关键修复) const updatedCollectRes = await db.collection('collect') .where({ [relateField]: _id, _openid: userOpenid }) .get(); // 重新查询完整收藏列表 const allCollect = await db.collection('collect') .where({ _openid: userOpenid, type: collectType }) .get(); // 填充收藏详情 const allCollectWithDetail = await Promise.all( allCollect.data.map(async (item) => { const contentRes = await db.collection(targetCollection).doc(item[relateField]).get(); const contentData = contentRes.data || {}; return { ...item, title: contentData.title || '未命名', imgUrl: contentData.imgUrl || (contentData.imgList?.[0] || ''), desc: contentData.desc || contentData.intro || '' }; }) ); // 返回更新后的状态 return { success: true, isCollected: updatedCollectRes.data.length > 0, data: allCollectWithDetail, errMsg: isCollect ? `${collectType === 'craft' ? '手作' : '作品'}收藏成功` : `${collectType === 'craft' ? '手作' : '作品'}取消收藏成功` }; } catch (err) { console.error('收藏操作失败:', err); return { success: false, errMsg: '操作失败:' + err.message }; } } // ... 其他代码保持不变 ... ``` ### 主要改进点: 1. **移除冗余的isCollected字段更新**: - 删除了原代码中`isCollected`字段的手动更新 - 改为操作后重新查询数据库获取真实状态 2. **操作后重新查询状态**: ```javascript // 重新查询最新收藏状态 const updatedCollectRes = await db.collection('collect') .where({ [relateField]: _id, _openid: userOpenid }) .get(); ``` 3. **返回完整的最新收藏列表**: ```javascript return { success: true, isCollected: updatedCollectRes.data.length > 0, // 真实状态 data: allCollectWithDetail, // 最新收藏列表 // ... 其他字段 }; ``` 4. **确保状态一致性**: - 不再依赖前端传递的状态 - 所有状态都从数据库重新获取 - 避免并发操作导致的状态不一致 ### 前端配合建议: 前端在调用取消收藏后,应使用云函数返回的最新状态更新UI: ```javascript // 前端调用示例 wx.cloud.callFunction({ name: 'getCraftData', data: { queryType: 'collect', isCollect: false, // 取消收藏 collectType: 'craft', _id: 'craft-001' }, success: res => { // 使用返回的最新状态更新UI this.setData({ isCollected: res.result.isCollected, collectionList: res.result.data }); } }) ``` ### 注意事项: 1. **删除冗余字段**:确保数据库中不再有`isCollected`字段,避免数据冗余 2. **性能优化**:批量查询收藏详情时,可以考虑使用`db.collection(...).where(...).get()`代替单条查询 3. **错误处理**:增加更详细的错误日志,方便排查问题 这个解决方案确保取消收藏后状态能正确更新,并返回最新的收藏列表给前端,避免状态不一致的问题。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值