回帖实时展示怎么实现的?

本贴最后更新于 3402 天前,其中的信息可能已经天翻地覆

我知道是使用了 websocket,但回帖是有新增加的评论就插入实时显示,还是重新加载所有评论?测试

  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 318 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • hehea

    不回帖应该也会加载新的,所以肯定是插入新的。

  • Comdex
    作者

    @hehea 那有的人是刚开始打开页面的,怎么去判断哪些是要加载所有评论,哪些是插入新的?

  • 88250

    打开页面的时候是后端渲染的,有新评论的时候是 [WebSocket] 返回数据,然后 [JavaScript] 渲染的。

    PS 上传一个头像呗

  • Comdex
    作者

    @88250 也就是说有新评论是是返回新的评论的数据来渲染,而不是返回所有的评论再渲染?

  • Comdex
    作者

    @88250 还有评论是不能删除的?如果可以删除的话评论的排序如何保持?

  • 88250

    嗯,不然数据量太大。这样做你觉得是不是有什么问题?我们讨论一下?

  • 88250

    目前所有数据都不存在物理删除,只有屏蔽。屏蔽后会以一个屏蔽文案来替换原内容。

    亲,上传一个头像啊~~~~

  • Comdex
    作者

    @88250 貌似上传头像不成功。。。 那个屏蔽是用户可以屏蔽的么?

  • 88250

    上传报错?屏蔽是管理员来屏蔽。

  • Comdex
    作者

    @88250 上传没报错,就是点了没反应而已,用户不能自己选择删除或屏蔽评论?

  • 88250

    上传完了要点保存啊,(づ  ̄3 ̄)づ ╭❤~

    用户自己不能删或者更新的。

  • Comdex
    作者

    @88250 就是点保存没反应啊

  • 88250

    你用的浏览器是 [Chrome] 么?

  • Comdex
    作者

    @88250 是的

  • 88250

    能帮忙用 F12 看一下请求返回么?

  • imlonghao

    WebSocket 是插入新的,不是重载全部评论。

  • imlonghao

    @88250 刚刚似乎服务器崩了

  • Comdex
    作者

    @88250 点保存时 Uncaught TypeError: Cannot read property 'toString' of undefined

  • 88250

    嗯,部署了一下。

  • 88250

    麻烦截个图

  • Comdex
    作者

    @88250 还有请问一下像帖子的浏览数,收藏数这个论坛的设计是放在帖子这个表里,还是分离出字段用 redis 这些独立存储的呢?

  • 88250

    放帖子表里的

  • 88250

    @imlonghao 你要换个头像么~顺便测试一下上传头像

  • Comdex
    作者
  • 88250

    嗯,我知道问题了,修复后我通知你

  • 88250

    应该好了,刷新后上传一下试试看 🍇

  • 88250

    呃,地鼠的头被截了

  • Comdex
    作者

    @88250 是的,如果提供个截图就好

  • 88250

    主要原因还是因为现在的头像截取是圆的,后期再优化吧,多谢!

  • Comdex
    作者

    实时

  • 88250

    话说你是 [Golang] 哪个社区看到这部介绍的?

  • Comdex
    作者

    @88250 你是说看到这个社区的介绍?

  • 88250

    嗯,你是怎么知道黑客派的?

  • Comdex
    作者

    @88250 v2ex

  • 88250

    哦,我还以为是从其他的 Go 社区看到的。

  • Comdex
    作者

    @88250 对了,这个评论的排序 id 你是保存在数据库里,还是取出来再获得这个类似#12 这样的排序 id 的?

  • 88250

    你是说楼层这个吗?

  • Comdex
    作者

    @88250 是的

  • 88250

    页面模版里面用 for 迭代显示的

  • Comdex
    作者

    @88250 这样的话对于被屏蔽的评论和在分页时处理有点麻烦吧

  • 88250

    屏蔽后也一样显示,只是显示内容不同。

  • Comdex
    作者

    @88250 屏蔽的处理方式是不改变用户的评论内容,只是显示出来时用其他内容代替?

  • 88250

    嗯嗯,是的。

  • 88250

    回帖已被屏蔽,内容不再显示。

    该回帖因违反社区行为准则或内容协议已被封禁
  • 88250

    44 楼的就是被替换成屏蔽内容的,你刷一下页面看看。

  • Comdex
    作者

    还有的就是评论的 id 社区是使用递增的么?或是随机生成的一组数字?

  • zlq4863947

    看看....

请输入回帖内容 ...

推荐标签 标签

  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 517 关注
  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖
  • 生活

    生活是指人类生存过程中的各项活动的总和,范畴较广,一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    58 引用 • 22 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。

    107 引用 • 153 回帖
  • 智能合约

    智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 2 关注
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 159 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 63 关注
  • 安装

    你若安好,便是晴天。

    132 引用 • 1184 回帖 • 1 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    85 引用 • 139 回帖
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    135 引用 • 190 回帖
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 724 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似,也就是用各类命令预先放入到一个文件中,方便一次性执行的一个程序文件,主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大,比用其他编程程序编辑的程序效率更高,因为它使用了 Linux/Unix 下的命令。

    123 引用 • 74 回帖 • 2 关注
  • LeetCode

    LeetCode(力扣)是一个全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!

    209 引用 • 72 回帖
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 484 关注
  • Notion

    Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

    7 引用 • 40 回帖
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖 • 1 关注
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”,在线用户由 1999 年的 2 人(马化腾和张志东)到现在已经发展到上亿用户了,在线人数超过一亿,是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖 • 44 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 106 关注
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖 • 1 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    181 引用 • 400 回帖
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 1 关注
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • Gzip

    gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

    9 引用 • 12 回帖 • 147 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 52 关注
  • 笔记

    好记性不如烂笔头。

    308 引用 • 793 回帖