标签：comment author demo 34 5f45afe33c788800019dfb0b 评论 架构师 160 id

本节目的：从数据库获取对应文章的评论加载到页面

1. 实现加载评论样式效果

 2. 创建获取评论云函数 get_comments，并配置运行测试参数

'use strict'; const db = uniCloud.database() const $ = db.command.aggregate exports.main = async (event, context) => {     const {         user_id,         article_id,     } = event
    const list = await db.collection('article')         .aggregate()         .match({             _id: article_id         })         // 拆分数组中的每个文档为多个         .unwind('$comments')         .project({             _id: 0,             // 只返回 comments             comments: 1         })         // 指定字段作为根节点         .replaceRoot({             newRoot: '$comments'         })         .end()     //返回数据给客户端     return {         code: 200,         msg: '数据请求成功',         data: list.data     } };
// data[0] 是一个对象，把对象替换掉，内容为原对象value值（数组)里的每一项
// 未拆分之前返回结果 // { //  "code": 200, //  "data": [{ //      "comments": [{ //          "author": { //              "author_id": "5f45afe33c788800019dfb0b", //              "author_name": "Java架构师讲师团", //              "avatar": "//img2.sycdn.imooc.com/5dafce1a00013fd501400140-160-160.jpg", //              "professional": "架构师" //          }, //          "comment_content": "评论2", //          "comment_id": "4y4z5caxzwk0", //          "create_time": 1599608617064, //          "replys": [] //      }, { //          "author": { //              "author_id": "5f45afe33c788800019dfb0b", //              "author_name": "Java架构师讲师团", //              "avatar": "//img2.sycdn.imooc.com/5dafce1a00013fd501400140-160-160.jpg", //              "professional": "架构师" //          }, //          "comment_content": "评论1", //          "comment_id": "1uv9hscv45kw", //          "create_time": 1599608595513, //          "replys": [] //      }, { //          "author": { //              "author_id": "5f45afe33c788800019dfb0b", //              "author_name": "Java架构师讲师团", //              "avatar": "//img2.sycdn.imooc.com/5dafce1a00013fd501400140-160-160.jpg", //              "professional": "架构师" //          }, //          "comment_content": "评论成功", //          "comment_id": "5156s0kekqk0", //          "create_time": 1599524585856, //          "replys": [] //      }] //  }], //  "msg": "数据请求成功" // }
// 拆分之后 // { //  "code": 200, //  "msg": "数据请求成功", //  "data": [{ //      "comment_id": "4y4z5caxzwk0", //      "comment_content": "评论2", //      "create_time": 1599608617064, //      "author": { //          "author_id": "5f45afe33c788800019dfb0b", //          "author_name": "Java架构师讲师团", //          "avatar": "//img2.sycdn.imooc.com/5dafce1a00013fd501400140-160-160.jpg", //          "professional": "架构师" //      }, //      "replys": [] //  }, { //      "comment_id": "1uv9hscv45kw", //      "comment_content": "评论1", //      "create_time": 1599608595513, //      "author": { //          "author_id": "5f45afe33c788800019dfb0b", //          "author_name": "Java架构师讲师团", //          "avatar": "//img2.sycdn.imooc.com/5dafce1a00013fd501400140-160-160.jpg", //          "professional": "架构师" //      }, //      "replys": [] //  }, { //      "comment_id": "5156s0kekqk0", //      "comment_content": "评论成功", //      "create_time": 1599524585856, //      "author": { //          "author_id": "5f45afe33c788800019dfb0b", //          "author_name": "Java架构师讲师团", //          "avatar": "//img2.sycdn.imooc.com/5dafce1a00013fd501400140-160-160.jpg", //          "professional": "架构师" //      }, //      "replys": [] //  }] // }

测试参数：

{
"user_id": "5f45afe33c788800019dfb0b",
"article_id": "5f45afe0875241000188959f"
}

3. 页面加载

3.1 获取

 3.2 渲染及传值给组件

 3. 子组件渲染

标签：comment,author,demo,34,5f45afe33c788800019dfb0b,评论,架构师,160,id
来源： https://www.cnblogs.com/luwei0915/p/13660835.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。