二级评论列表功能

这篇具有很好参考价值的文章主要介绍了二级评论列表功能。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一:需求场景

我的个人网站留言列表在开发时,因为本着先有功能的原则。留言列表只有一级,平铺的。

当涉及多人回复,或者两个人多次对话后, 留言逻辑看着非常混乱。如下图

二级评论列表功能,mongodb,前端,node.js

 于是,我就打算将平铺的列表,改造为二级列表。效果图如下二级评论列表功能,mongodb,前端,node.js

二:实现方案

 因为我是前端开发,对数据库查询语言的认知还停留在

select * from table

我对数据库的使用,之前真真就是把它当个持久存放数据的仓库。查询语句都停留在最简单的增删改查。

于是我在考虑如何实现功能时,第一个想法又是,在原有表结构的基础上添加一个parent字段。

如果是顶级留言parent字段存放空值,二级或者三级都存放父级的id。

然后接口返回数据给前端,前端JS再把数据处理两级的结构。虽然个人网站的前后端都是我自己。但是还是感觉JS更加顺手

后来考虑到存在分页,如上方案是解决不了分页问题的。

三: 数据库查询语句

因为后端是用Node.js配合MongoDB开发的,于是去查了查用Mongodb的查询语句直接完成两级结构。

然后我打开了一个新世界的大门~~~

数据库的查询语句可比JS在哪处理数据的效率高上几个维度,如下为使用Mongodb的管道聚合的查询语句。一个语句搞定JS无数个循环,且逻辑清晰!

DB.collection(Collection).aggregate([
    {
        $sort: {
            _id: -1 // 先按时间倒序排序
        }
    },
    {
        $lookup: { // 将子留言与其父级文档关联,将自留言的集合作为父留言的一个字段
            from: Collection,
            localField: "_id",
            foreignField: "parentId",
            as: "son"
        }
    },
    {
        $match: { // 只留下顶级评论
            parentId: { $in: ["", null] }
        }
    },
    {
        $skip: data.Skip // 跳过(page-1)*page_size条文档数,供分页使用
    }, 
    {
        $limit: data.Limit// 限制返回的文档数为page_size,供分页使用
    }

])

四:Mongodb的管道聚合

Mongodb中管道通常由多个阶段构成,每个阶段由一个操作和它的参数组成,如 $match、$project、$sort、$group 等。

这些阶段按照代码书写顺序执行,每一个阶段输出都是它下一个阶段的输入,所有阶段的输出结果最终形成管道的最终输出。文章来源地址https://www.toymoban.com/news/detail-667045.html

到了这里,关于二级评论列表功能的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Node.js详解(四):连接MongoDB

    MongoDB 对许多平台都提供驱动可以访问数据库,如C#、Java、Node.js等。下面一步一步带着大家在Nodejs中连接MongoDB 命令如下: 连接MongoDB数据库,实现curd、图片上传(使用element-ui框架)功能的完整代码如下: ejs 页面:

    2024年02月16日
    浏览(44)
  • Node.Js篇 NodeJs使用MongoDB

    目录 介绍 概念解析                   安装 启动时注意事项 NodeJs操作Mongo 介绍 MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。                                                           

    2024年02月09日
    浏览(51)
  • 在 Node.js 中使用 MongoDB 事务

    MongoDB事务 事务介绍 在 MongoDB 中,对单个文档的操作是原子的。由于您可以使用嵌入的文档和数组来捕获单个文档结构中的数据之间的关系,而不是跨多个文档和集合进行规范化,因此这种单一文档的原子性消除了对多文档的需求许多实际用例的事务。 对于需要对多个文档(

    2024年02月10日
    浏览(36)
  • 前端食堂技术周刊第 93 期:7 月登陆 Web 平台的新功能、Node.js 工具箱、Nuxt3 开发技巧、MF 重构方案

    美味值:🌟🌟🌟🌟🌟 口味:橙橙冰萃美式 食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly 大家好,我是童欧巴。欢迎来到前端食堂技术周刊,我们先来看下上周的技术资讯。 Deno 八月更新 Deno 1.36 更灵活的权限控制、Deno Deploy 可过滤、搜索的持久化日志、Fresh 1.3 路由

    2024年02月13日
    浏览(43)
  • 在Node.js中使用MongoDB连接数据库、创建集合

    本文主要介绍在Node.js中使用MongoDB连接数据库、创建集合的方法。 在Node.js中使用MongoDB连接数据库有两种方式:使用原生驱动程序和使用Mongoose。 首先,需要安装 mongodb 模块。可以通过以下命令来安装: 安装完成后,可以在代码中引入模块: 接着,可以使用 MongoClient 来连接

    2024年02月04日
    浏览(49)
  • Mongodb 以及 node.js中使用mongoose操作数据库

    目录 1、lowdb 2、Mongodb是什么? 3、Mongodb核心概念 4、Mongodb的下载与使用 5、数据库与集合命令 5.1、数据库命令 5.2、集合命令 5.3、文档命令 6、Mongoose 6.1、插入文档 6.2、字段类型 6.3、字段值验证 6.3.1、必填项 6.3.2、默认值 6.3.3、枚举值 6.3.4、唯一值 6.4、删除文档 6.5、更新文

    2024年02月11日
    浏览(43)
  • 【GUI界面软件】抖音评论采集:自动采集10000多条,含二级评论、展开评论!

    目录 一、背景说明 1.1 效果演示 1.2 演示视频 1.3 软件说明 二、代码讲解 2.1 爬虫采集模块 2.2 软件界面模块 2.3 日志模块 三、获取源码及软件 您好!我是@马哥python说,一名10年程序猿。 我用python开发了一个爬虫采集软件,可自动抓取抖音评论数据,并且含二级评论! 为什么

    2024年02月03日
    浏览(45)
  • 【GUI界面软件】快手评论区采集:自动采集10000多条,含二级评论、展开评论!

    目录 一、背景说明 1.1 效果演示 1.2 演示视频 1.3 软件说明 二、代码讲解 2.1 爬虫采集模块 2.2 软件界面模块 2.3 日志模块 三、获取源码及软件 您好!我是@马哥python说,一名10年程序猿。 我用python开发了一个爬虫采集软件, 可自动抓取快手评论数据,并且含二级评论! 为什么

    2024年03月20日
    浏览(42)
  • javaWeb项目--二级评论完整思路

    先来看前端需要什么吧: 通过博客id,首先需要显示所有一级评论,包括评论者的头像,昵称,评论时间,评论内容 然后要显示每个一级评论下面的二级评论,包括,评论者的头像,昵称,评论时间,评论内容,所评论的父级评论内容,父级评论者的id。 前端传到后端 博客

    2024年02月14日
    浏览(39)
  • 【爬虫实战】用Python采集任意小红书笔记下的评论,爬了10000多条,含二级评论!

    目录 一、爬取目标 二、爬虫代码讲解 2.1 分析过程 2.2 爬虫代码 三、演示视频 四、获取完整源码 您好!我是@马哥python说 ,一名10年程序猿。 我们继续分享Python爬虫的案例,今天爬取小红书上指定笔记(\\\"巴勒斯坦\\\"相关笔记)下的评论数据。 老规矩,先展示结果: 截图1:

    2024年02月06日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包