目录
回复内容:
首页 后端开发 php教程 评论或文章里添加@用户名,被@用户可以收到通知的功能怎么实现?

评论或文章里添加@用户名,被@用户可以收到通知的功能怎么实现?

Jun 17, 2016 am 08:31 AM

评论或文章里添加@用户名,该用户名自动加上一个用户主页地址的标签,同时被@用户可以收到通知,请问这个功能怎么实现呢?

回复内容:

每一条评论和文章发完之后 会对@后面的内容匹配分组,比如到一个分隔符一类的规则,然后异步压入一个消息队列。

这个队列处理是否有存在用户,对存在的用户做消息广播。

后端逻辑大概这样子吧。编辑一类不会有处理,只在insert这一步做。

这里可以抽象出来一个查找at用户的接口,可以抽象出一个检测at后面是否用户合法的接口。

前端我也做过,web的话,直接对富文本里的change做变化,发现一个at之后,操作range选择最近的一个到at或者分隔符的字符再去请求这个字符key列出当前用户的好友或者全站的用户like的提示,展现上就是个浮层加光标位置的定位计算。鼠标选择后 可能会对文本打标记。

这一步主要是增加后端匹配速度,发现标记就不用再对文本做正则了。可以把标记的通知用户在前端就解析出来发给后端了。

这里可能每个人实现逻辑都不一样。大概的步骤应该就是以上。 来来来,我们一起研究一下知乎是怎么做的。
首先明白一点,在答案中at某人的时候,显示的是昵称,而昵称在知乎里是可以重复的,那么,很明显,是不能直接根据这个昵称来判断at的是哪个人的。
我们可以试着在答案里@某个人 ,首先我们能看到,@后面的用户名部分字体颜色变了,和前后的文字样式是不一样的,说明at部分应该是用某个标签包围起来的,F12打开浏览器调试功能,定位到答案中@部分的html代码,如下图:
评论或文章里添加@用户名,被@用户可以收到通知的功能怎么实现?
可见,知乎用一个a标签把@和用户名包围了起来,注意红色圈起来的data-hash的属性和class=“member_mention”,class属性可以改变样式也可以表示这里at了某个人,而data-hash属性很可能就是用于识别被at用户的唯一标识符,而这样答案提交之后,知乎服务器就可以根据这个member_mention和hash这两个关键属性准确快速识别出您at的用户了(当然,我不是知乎员工, 这只是个人猜测,不一定是知乎的真正实现方式,但是这种方式是可行的),然后就可以给相应的用户发送通知了,识别出用户之后,至于显示用户名片的功能,只是给简单的js和css问题而已。 百度贴吧就是直接@某人 然后解析的。
知乎这种是输入@ 之后选一个人,是确定的,不需要再去解析。直接把这个人的id提交给后台。
可能这个跟百度贴吧id唯一,知乎昵称不唯一也有一定关系。 在应用层专门加一个解析逻辑,从用户提交的内容里抓出at就行,考虑到知乎的编辑器还可以实时显示,说明后台有个api把这个功能暴露出来了。 解析出@后面的第一个合法用户名,然后想怎么发通知都可以。。。
也可以像知乎这样,随着你打字实时提示让你选取 正则匹配后看用户名存在否
Discuz有这方面的源码 看情况。
如果内容不可再编辑,怎么实现都行。
如果可以,那么你的业务需求提得并不足够明确。
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1657
14
CakePHP 教程
1415
52
Laravel 教程
1309
25
PHP教程
1257
29
C# 教程
1231
24
会话如何劫持工作,如何在PHP中减轻它? 会话如何劫持工作,如何在PHP中减轻它? Apr 06, 2025 am 12:02 AM

会话劫持可以通过以下步骤实现:1.获取会话ID,2.使用会话ID,3.保持会话活跃。在PHP中防范会话劫持的方法包括:1.使用session_regenerate_id()函数重新生成会话ID,2.通过数据库存储会话数据,3.确保所有会话数据通过HTTPS传输。

说明PHP中的不同错误类型(注意,警告,致命错误,解析错误)。 说明PHP中的不同错误类型(注意,警告,致命错误,解析错误)。 Apr 08, 2025 am 12:03 AM

PHP中有四种主要错误类型:1.Notice:最轻微,不会中断程序,如访问未定义变量;2.Warning:比Notice严重,不会终止程序,如包含不存在文件;3.FatalError:最严重,会终止程序,如调用不存在函数;4.ParseError:语法错误,会阻止程序执行,如忘记添加结束标签。

PHP和Python:比较两种流行的编程语言 PHP和Python:比较两种流行的编程语言 Apr 14, 2025 am 12:13 AM

PHP和Python各有优势,选择依据项目需求。1.PHP适合web开发,尤其快速开发和维护网站。2.Python适用于数据科学、机器学习和人工智能,语法简洁,适合初学者。

什么是HTTP请求方法(获取,发布,放置,删除等),何时应该使用? 什么是HTTP请求方法(获取,发布,放置,删除等),何时应该使用? Apr 09, 2025 am 12:09 AM

HTTP请求方法包括GET、POST、PUT和DELETE,分别用于获取、提交、更新和删除资源。1.GET方法用于获取资源,适用于读取操作。2.POST方法用于提交数据,常用于创建新资源。3.PUT方法用于更新资源,适用于完整更新。4.DELETE方法用于删除资源,适用于删除操作。

说明PHP中的安全密码散列(例如,password_hash,password_verify)。为什么不使用MD5或SHA1? 说明PHP中的安全密码散列(例如,password_hash,password_verify)。为什么不使用MD5或SHA1? Apr 17, 2025 am 12:06 AM

在PHP中,应使用password_hash和password_verify函数实现安全的密码哈希处理,不应使用MD5或SHA1。1)password_hash生成包含盐值的哈希,增强安全性。2)password_verify验证密码,通过比较哈希值确保安全。3)MD5和SHA1易受攻击且缺乏盐值,不适合现代密码安全。

PHP:网络开发的关键语言 PHP:网络开发的关键语言 Apr 13, 2025 am 12:08 AM

PHP是一种广泛应用于服务器端的脚本语言,特别适合web开发。1.PHP可以嵌入HTML,处理HTTP请求和响应,支持多种数据库。2.PHP用于生成动态网页内容,处理表单数据,访问数据库等,具有强大的社区支持和开源资源。3.PHP是解释型语言,执行过程包括词法分析、语法分析、编译和执行。4.PHP可以与MySQL结合用于用户注册系统等高级应用。5.调试PHP时,可使用error_reporting()和var_dump()等函数。6.优化PHP代码可通过缓存机制、优化数据库查询和使用内置函数。7

PHP行动:现实世界中的示例和应用程序 PHP行动:现实世界中的示例和应用程序 Apr 14, 2025 am 12:19 AM

PHP在电子商务、内容管理系统和API开发中广泛应用。1)电子商务:用于购物车功能和支付处理。2)内容管理系统:用于动态内容生成和用户管理。3)API开发:用于RESTfulAPI开发和API安全性。通过性能优化和最佳实践,PHP应用的效率和可维护性得以提升。

解释PHP 7.4中引入的箭头功能(短闭合)。 解释PHP 7.4中引入的箭头功能(短闭合)。 Apr 06, 2025 am 12:01 AM

箭头函数在PHP7.4中引入,是短闭包的简化形式。1)它们使用=>运算符定义,省略function和use关键字。2)箭头函数自动捕获当前作用域变量,无需use关键字。3)它们常用于回调函数和短小计算,提高代码简洁性和可读性。

See all articles