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

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

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

  • WebSocket

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

    48 引用 • 206 回帖 • 284 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 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

    看看....

请输入回帖内容 ...

推荐标签 标签

  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    248 引用 • 1342 回帖
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 413 关注
  • 倾城之链
    23 引用 • 66 回帖 • 189 关注
  • BND

    BND(Baidu Netdisk Downloader)是一款图形界面的百度网盘不限速下载器,支持 Windows、Linux 和 Mac,详细介绍请看这里

    107 引用 • 1281 回帖 • 36 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 669 关注
  • GraphQL

    GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 11 关注
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    12 引用 • 5 回帖 • 660 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    43 引用 • 130 回帖 • 259 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 563 关注
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 847 关注
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    269 引用 • 666 回帖 • 1 关注
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 458 关注
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 60 关注
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    203 引用 • 4025 回帖
  • Angular

    AngularAngularJS 的新版本。

    26 引用 • 66 回帖 • 578 关注
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。

    27 引用 • 7 回帖 • 92 关注
  • Shell

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

    126 引用 • 83 回帖 • 1 关注
  • 单点登录

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

    9 引用 • 25 回帖 • 8 关注
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 98 关注
  • DevOps

    DevOps(Development 和 Operations 的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合。

    59 引用 • 25 回帖 • 5 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

    117 引用 • 99 回帖 • 190 关注
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    173 引用 • 1559 回帖
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 664 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 1 关注
  • Notion

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

    10 引用 • 80 回帖 • 1 关注
  • sts
    2 引用 • 2 回帖 • 260 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖