CN104572883B - 快捷回复和评论间线索的实现方法及装置 - Google Patents

Abstract

本发明提供一种快捷回复和评论间线索的实现方法及系统，其中的方法包括：通过对评论中引用内容的选择，在短评论页面弹出回复弹窗；通过回复弹窗将引用内容回填至评论框；在评论框中形成新评论后，通过保存与新评论对应的新评论数据，在引用内容、引用内容的源评论地址、与引用内容对应的评论内容之间建立关联关系；其中，新评论包括引用内容和在引用内容后输入的与引用内容对应的评论内容。利用上述发明，能够实现对短评论的快捷回复，自动形成评论间线索，提高用户的评论阅读效率和回复速度。

Description

快捷回复和评论间线索的实现方法及装置

技术领域

本发明涉及短评论技术领域，更为具体地，涉及一种快捷回复和评论间线索的实现方法及系统。

背景技术

随着社会的进步和技术的发展，基于浏览器技术的众多互联网产品(例如：微博、论坛、博客、贴吧、问答系统等)，都会提供用于简短交流和讨论的短评论系统。这种短评论附属于网站的主体内容，评论的字数少(一般不多于140字)且按时间升序或降序排列。具体地，图1示出了现有的短评论界面。

目前，这种短评论存在的问题主要有：

(1)回复某评论正文的部分文字时，需要先将部分评论选中，然后再粘贴至评论框中做出区分标记，最后输入自己的评论内容。

在具体的操作过程中，先将鼠标移动至目标文字(即引用内容)后，进行目标文字的选取及复制，然后点击评论输入框，获得焦点后进行粘贴，接着移动鼠标焦点至评论框起始位置输入标记性词语，例如“回复用户X：”字样，来标记评论的目标用户；最后，通过括号或特殊符号标记目标文字，并输入后续评论内容生成新评论进行发表。

(2)在评论条数较多的情况下，评论间的线索不易查找，需要肉眼配合鼠标滚动来定位，尤其在评论较多时，影响阅读效率。

因此，现在需要一种能够在保持评论系统简洁的同时，提高回复评论效率、添加评价间线索的评论方案。

发明内容

鉴于上述问题，本发明的目的是提供一种快捷回复和评论间线索的实现方法及系统，以解决目前回复评论过程中引用评论内容操作复杂、评论间线索不易查找等问题。

根据本发明的一个方面，提供了一种快捷回复和评论间线索的实现方法，包括：通过对评论中引用内容的选择，在短评论页面弹出回复弹窗；通过回复弹窗将引用内容回填至评论框；在评论框中形成新评论后，通过保存与新评论对应的新评论数据，在引用内容、引用内容的源评论地址、与引用内容对应的评论内容之间建立关联关系；其中，新评论包括引用内容和在引用内容后输入的与引用内容对应的评论内容。

其中，还包括通过新评论中的引用内容和与新评论对应的新评论数据，调用滚动函数及闪动函数实现评论列表滚动至引用内容的源评论处，并使源评论闪烁。

其中，与新评论对应的新评论数据包括新评论、引用内容的源评论地址、操作用户和操作时间。

其中，通过对评论中引用内容的选择，在短评论页面弹出回复弹窗的过程中，通过脚本语言在短评论页面构建回复弹窗并进行隐藏；其中，回复弹窗与短评论区域的mouseup事件绑定，在mouseup事件发生后，回复弹窗在短评论页面显示。

其中，在通过点击回复弹窗，引用内容回填至评论框的过程中，通过点击回复弹窗的回复按钮，脚本语言对引用内容进行标记并添加对应的用户名称，并将标记后的引用内容及对应的用户名称回填至评论框中；同时，通过调用浏览器api将焦点移动至评论框的尾处。

其中，通过回复弹窗将引用内容回填至评论框包括：通过脚本语言对引用内容进行标记并添加对应的用户名称，并将标记后的引用内容及对应的用户名称回填至评论框中；同时，通过调用浏览器api将焦点移动至评论框的尾处。

根据本发明的另一方面，提供了一种快捷回复和评论间线索的实现系统，包括：回复弹窗显示单元，用于通过对评论中引用内容的选择，在短评论页面弹出回复弹窗；引用内容回填单元，用于通过回复弹窗将引用内容回填至评论框；新评论数据保存单元，用于通过保存与在评论框中形成的新评论对应的新评论数据，以在引用内容、引用内容的源评论地址、与引用内容对应的评论内容之间建立关联关系；其中，新评论包括引用内容和在引用内容后输入的与引用内容对应的评论内容。

利用上述根据本发明提供的快捷回复和评论间线索的实现方法及系统，能够通过创建回复弹窗，自动将引用的评论内容回填至评论框中并设置焦点；并对引用内容添加链接进行保存，在用户阅览评论列表时能够通过点击引用内容链接，使评论列表自动滚动至引用内容的源评论处，并使该条评论闪烁，实现用户对评论的快捷回复及评论间线索的快速查找，节省时间，增强用户的评论体验。

为了实现上述以及相关目的，本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。然而，这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此外，本发明旨在包括所有这些方面以及它们的等同物。

附图说明

通过参考以下结合附图的说明及权利要求书的内容，并且随着对本发明的更全面理解，本发明的其它目的及结果将更加明白及易于理解。在附图中：

图1为现有短评论的评论界面图；

图2为根据本发明实施例的快捷回复和评论间线索的实现方法的流程图；

图3为根据本发明实施例的快捷回复和评论间线索的实现方法的示例流程图；

图4-1为根据本发明实施例的回复弹窗显示示意图；

图4-2为根据本发明实施例的引用内容回填示意图；

图4-3为根据本发明实施例的显示新评论内容示意图；

图4-4为根据本发明实施例的源评论显示示意图；

图5为根据本发明实施例的快捷回复和评论间线索的实现系统框图。

在所有附图中相同的标号指示相似或相应的特征或功能。

具体实施方式

在下面的描述中，出于说明的目的，为了提供对一个或多个实施例的全面理解，阐述了许多具体细节。然而，很明显，也可以在没有这些具体细节的情况下实现这些实施例。

针对前述引用现有评论内容进行回复评论时操作复杂、评论间线索不易查找等问题，本发明提供的快捷回复和评论间线索的实现方法及系统通过脚本语言构件回复弹窗，能够使用户在选中需引用的评论内容后进行快捷回复，同时将新生成的评论的相关数据进行保存，在用户点击引用内容时，使评论列表自动滚动至引用内容的源评论处，并使该条源评论闪烁，方便用户通过评论间线索查阅相关评论，提高用户阅读效率及回复速度。

为了详细描述本发明提供的快捷回复和评论间线索的实现方法及系统，以下将结合附图对本发明的具体实施例进行详细描述。

图2示出了根据本发明实施例的快捷回复和评论间线索的实现方法流程。

如图2所示，本发明提供的快捷回复和评论间线索的实现方法包括：

S210：通过对评论中引用内容的选择，在短评论页面弹出回复弹窗。

具体地，通过脚本语言在短评论页面构建一个回复弹窗，并将该回复弹窗隐藏起来，然后将此回复弹窗与短评论区域的mouseup事件(在鼠标按键松开时发生的事件)进行绑定。换言之，在用户通过鼠标选中需要引用的评论内容并发生mouseup事件后，客户端侦听到mouseup事件，获取鼠标焦点位置并在焦点附近区域显示回复弹窗。

S220：通过回复弹窗将引用内容回填至评论框。

具体地，回复弹窗弹出后，用户可以通过点击回复弹窗中的“回复”按钮实现快捷回复，客户端在侦听到回复弹窗的click事件(鼠标单击事件)之后，将引用内容输入自定义函数，通过自定义函数执行文字的拼接操作，进而生成包括引用内容的评论用户名称及特殊标记的新的引用文本，并回填至评论框中。也就是说，在脚本语言侦听到回复弹窗的click事件后，将选中的引用内容输入给一个自定义函数，通过自定义函数将用户选用的引用内容转换为一个新的引用文本并回填至评论框中，其中，新的引用文本可以包括：与引用内容对应的用户名称、标记引用内容的特殊符号。例如：回填至评论框的新的引用文本的内容可以为：“回复用户A：【评论的引用内容】”。

将通过自定义函数处理的新的引用文本回填至评论窗口后，脚本语言调用浏览器API(Application Program Interface，应用程序编程接口)将鼠标的焦点移动至评论框的尾处，即将鼠标的光标移动至新的引用文本的尾处，使用户能够直接输入评论的内容，省去手动粘贴、复制及移动鼠标焦点的操作，增加用户的评论回复体验。

S230：在评论框中形成新评论后，通过保存与新评论对应的新评论数据，在引用内容、引用内容的源评论地址、与引用内容对应的评论内容之间建立关联关系；其中，新评论包括引用内容和在引用内容后输入的与引用内容对应的评论内容。

具体地，在引用内容成功回填至评论框后，在引用内容后输入新的评论内容并点击“评论”按钮生成新评论，客户端在侦听到“评论”按钮的click事件后，向服务器提交ajaxpost(Asynchronous Javascript And XML post，创建快速动态网页)请求，客户端将新评论数据(包括新评论、引用内容的源评论地址、操作用户、操作时间)发送至服务器，服务器根据传入的新评论数据，将与引用内容相关的新评论数据转化为html(HyperText Mark-upLanguage，超文本标记语言)文本保存至数据库中，进而在引用内容、引用内容的源评论地址、与引用内容对应的评论内容之间建立关联关系。

其中，与新评论对应的新评论数据中的新评论包括引用内容和新输入的评论内容两部分，引用内容的源评论地址用于提供引用内容所位于的源评论的位置，操作用户用于提供新输入评论的用户名称、显示评论者用户，操作时间提供评论的生成时间，用于对多条评论进行排序展示。

需要说明的是，步骤S230相当于对引用内容进行二次处理，将新评论数据以：“<ahref＝""style＝"color:inherit；"data-action＝"linkComment"data-rid＝{rid}>{commentId}</a>”的格式存储至数据库中，给引用内容添加链接及脚本，在后期用户点击引用内容时，实现评论列表自动滚动至引用内容的源评论处，并使该源评论闪烁，避免肉眼配合鼠标滚动定位评论内容带来的困扰，给用户阅读评论信息带来方便。

换言之，为了方便用户在阅读评论列表时查找相关评论间的线索，本发明提供的快捷回复和评论间线索的实现方法，还包括：通过新评论中的引用内容和与新评论对应的新评论数据，调用滚动函数及闪动函数实现评论列表滚动至引用内容的源评论处，并使源评论闪烁。

具体地，在用户查阅评论信息时，客户端会读取数据库中记录的新评论数据，并将其组合为html页面进行展示。如果用户点击评论中进行特殊标记的引用内容，脚本语言会根据该点击触发调用相关函数执行评论列表滚动的操作。也就是说客户端根据新评论数据调用滚动函数及闪动函数，实现评论列表自动滚动至引用内容所位于的源评论处，并使该源评论进行闪烁的操作，醒目地将相关评论内容提示给查阅用户。

为了详细地描述本发明提供的快捷回复和评论间线索的实现方法，图3示出了根据本发明实施例的快捷回复和评论间线索的实现方法的示例流程。

如图3所示，本发明提供的快捷回复和评论间线索的实现方法的示例流程包括：

S301：用户通过鼠标左键选中需引用的评论内容，即选中引用内容；

S302：脚本语言侦听到评论区的mouseup事件；

S303：在鼠标焦点附近的位置显示回复弹窗；

S304：点击回复弹窗中的回复按钮；

S305：将预置内容和引用内容回填至评论框中，并设置焦点；

其中，预置内容为引用内容的发表用户名称(即源评论的发表用户名称)，回填至评论框中的格式为：“引用内容的发表用户名称+特殊标记+引用内容+特殊标记”。例如，“回复用户B：【评论的引用内容】”。

S306：在焦点后输入新的评论内容并点击评论按钮；

S307：对引用内容添加链接及脚本；

其中，客户端将新评论数据(包括新评论、引用内容的源评论地址、操作用户和操作时间)发送至服务器。

S308：将新评论数据保存至数据库；

服务器根据传入的新评论数据，将引用内容及相关信息转化为html文本保存至数据库中，在引用内容、引用内容的源评论地址、与引用内容对应的评论内容之间建立关联关系。

S309：展示评论信息，引用内容进行特殊标记并带有链接；

S310：移动鼠标至引用内容并进行点击；

S311：评论列表滚动至引用内容的源评论处，并使该条源评论闪烁。

以下将通过示例进一步地描述本发明提供的快捷回复和评论间线索的实现方法，该方法主要包括以下步骤：

1、用户通过鼠标选中评论记录中的一部分文字，鼠标松开的位置弹出回复弹窗。

具体地，图4-1示出了根据本发明实施例的回复弹窗显示。如图4-1所示，红色箭头所指部分为鼠标选中的引用内容，在脚本语言侦听到评论区的mouseup事件后，引用内容右上角的区域显示出“回复”弹窗。

2、用户点击回复弹窗，在评论框中自动显示引用的评论内容，并使鼠标的光标移动至文本的尾部。

具体地，图4-2示出了根据本发明实施例的引用内容回填。如图4-2所示，点击回复弹窗后，评论框中自动显示选中的评论内容，并加入“回复用户：【】”内容，如图中红色箭头部分所示，鼠标焦点显示在新生成的文本的尾处。

3、在鼠标焦点后输入新的评论内容，点击图4-2中的“评论”按钮，产生一条新的评论记录，并将引用内容部分用特殊标记显示。

具体地，图4-3示出了根据本发明实施例的显示新评论内容。如图4-3所示，红色箭头所指部分为新生成的评论记录，其中“【】”中标记的为引用的评论内容。

4、在用户浏览评论记录，并点击“【】”中的文字时，其引用内容所在的源评论将会闪烁，如果此条评论在当前页面外，则评论列表会自动滚动至源评论所在区域并闪烁。

具体地，图4-4示出了根据本发明实施例的源评论显示。如图4-4所示，红色箭头所指部分为引用内容所在的源评论。

本发明提供的快捷回复和评论间线索的实现方法，通过构建回复弹窗并对引用内容添加链接及脚本，自动将选中的引用内容回填至评论框中，方便用户进行快捷回复；此外，在查看评论记录时，通过点击引用内容，评论列表自动滚动至引用内容的源评论处，并进行闪烁显示，在评论条数较多的情况下，方便用户查找评论之间的线索，提高评论阅读效率。

与上述方法相对应，本发明还提供一种快捷回复和评论间线索的实现系统。具体地，图5示出了根据本发明实施例的快捷回复和评论间线索的实现系统。

如图5所示，本发明提供的快捷回复和评论间线索的实现系统500包括回复弹窗显示单元510、引用内容回填单元520和新评论数据保存单元530。

其中，回复弹窗显示单元510用于通过对评论中引用内容的选择，在短评论页面弹出回复弹窗；引用内容回填单元520用于通过回复弹窗显示单元510弹出的回复弹窗将所引用内容回填至评论框中；新评论数据保存单元530用于保存与在评论框中形成的新评论对应的新评论数据，以在引用内容、引用内容的源评论地址、与引用内容对应的评论内容之间建立关联关系。其中的新评论包括引用内容和在引用内容后输入的与引用内容对应的评论内容。

具体地，回复弹窗显示单元510可以进一步包括显示单元510和显示模块513。其中，

构建模块511用于通过脚本语言在短评论页面构建回复弹窗并进行隐藏；绑定模块512用于将回复弹窗构建模块511构建的回复弹窗与短评论区域的mouseup事件绑定；显示模块513用于在mouseup事件发生后，在短评论页面显示与mouseup事件绑定的回复弹窗。

另外，引用内容回填单元520还可以包括标记模块521、回填模块522以及焦点移动模块523。

其中，标记模块521用于通过点击回复弹窗的回复按钮，脚本语言对引用内容进行标记并添加对应的用户名称；回填模块522用于将标记后的引用内容及对应的用户名称回填至评论框；焦点移动模块523用于通过调用浏览器api将焦点移动至评论框的尾处，方便用户直接输入评论内容。

在本发明的一个具体实施方式中，回复弹窗弹出后，客户可以通过点击回复弹窗中的“回复”按钮进行快捷回复，客户端侦听到回复弹窗的click事件(客户对“回复”按钮的点击操作)，通过标记模块521将引用内容输入自定义函数，通过自定义函数执行文字拼接的操作，进而生成包括引用内容的评论用户名称及特殊标记引用内容的新的引用文本，并通过回复模块522将新的引用文本回填至评论框中；同时，在新的引用文本回填至评论窗口后，通过焦点移动模块523调用浏览器API将鼠标的焦点移动至评论框的尾处。

在新评论数据保存单元530保存与在评论框中形成的新评论对应的新评论数据，以在引用内容、引用内容的源评论地址、与引用内容对应的评论内容之间建立关联关系的过程中，具体地，作为示例，在引用内容成功回填至评论框后，在焦点后输入新的评论内容并点击“评论”按钮生成新评论，客户端在侦听到“评论”按钮的click事件后，向服务器提交ajax post请求，客户端将新评论数据(包括新评论、引用内容的源评论地址、操作用户、操作时间)发送至服务器，在引用内容、引用内容的源评论地址、与引用内容对应的评论内容之间建立关联关系，服务器根据传入的新评论数据，将与引用内容相关的数据转化为html文本保存至数据库中。

需要说明的是，为了方便用户在阅读评论列表时查找相关评论间的线索，本发明提供的快捷回复和评论间线索的实现系统，还可以包括源评论显示单元540，用于通过新评论中的引用内容和与该新评论对应的新评论数据，调用滚动函数及闪动函数实现评论列表滚动至引用内容的源评论处，并使源评论闪烁以提示用户该原评论的位置。

具体地，通过对新评论中进行特殊标记的引用内容的点击触发函数调用操作，利用脚本语言调用滚动函数和闪烁函数，实现评论列表自动滚动至引用内容所位于的源评论处，并使该源评论进行闪烁的操作，方便用户查阅相关评论之间的线索。

在上述快捷回复和评论间线索的实现系统中，回复弹窗显示单元510和引用内容回填单元520实现了用户对评论的快捷回复，新评论数据保存单元530及后期的源评论显示单元540实现了评论间的线索查找，方便用户查阅评论列表及相关的源评论信息，操作简单，节省阅读时间。

对于本发明提供的快捷回复和评论间线索的实现系统的实施例而言，由于其基本相似于方法实施例，相关之处参见方法实施例的部分说明，此处不再赘述。

通过上述实施方式可以看出，本发明提供的快捷回复和评论间线索的实现方法及系统，通过创建回复弹窗，将需引用的评论内容以特定格式自动回填至评论框中并设置焦点；同时，对引用内容添加原始位置的链接，在用户阅览评论列表时能够通过点击引用内容的链接，使评论列表自动滚动至引用内容的源评论处，并使该条评论闪烁，在保证短评论系统简洁的同时，提高用户回复评论的效率，添加评论之间的线索，节省用户阅读评论的时间，提高评论体验。

如上参照附图以示例的方式描述根据本发明的快捷回复和评论间线索的实现方法及系统。但是，本领域技术人员应当理解，对于上述本发明所提出的快捷回复和评论间线索的实现方法及系统，还可以在不脱离本发明内容的基础上做出各种改进。因此，本发明的保护范围应当由所附的权利要求书的内容确定。

Claims (8)

1.一种快捷回复和评论间线索的实现方法，包括：

通过对源评论中引用内容的选择，在短评论页面弹出回复弹窗；

通过所述回复弹窗将所述引用内容回填至评论框；

在所述评论框中形成新评论后，通过保存与所述新评论对应的新评论数据，在所述引用内容、所述引用内容的源评论地址、与所述引用内容对应的评论内容之间建立关联关系；其中，所述源评论地址用于提供所述引用内容所位于的源评论的位置，所述新评论包括所述引用内容和在所述引用内容后输入的与所述引用内容对应的评论内容；

在用户点击评论中进行特殊标记的引用内容时，通过所述新评论中的引用内容和与所述新评论对应的新评论数据，调用滚动函数及闪动函数实现评论列表滚动至所述引用内容的源评论处，并使所述源评论闪烁。

2.如权利要求1所述的快捷回复和评论间线索的实现方法，其中，与所述新评论对应的新评论数据包括：

所述新评论、所述引用内容的源评论地址、操作用户和操作时间。

3.如权利要求1所述的快捷回复和评论间线索的实现方法，其中，通过对评论中引用内容的选择，在短评论页面弹出回复弹窗的过程中，

通过脚本语言在短评论页面构建回复弹窗并进行隐藏；其中，所述回复弹窗与所述短评论区域的mouseup事件绑定，在所述mouseup事件发生后，所述回复弹窗在所述短评论页面显示。

4.如权利要求1所述的快捷回复和评论间线索的实现方法，其中，在通过所述回复弹窗将所述引用内容回填至评论框的过程中，

通过脚本语言对所述引用内容进行标记并添加对应的用户名称，并将标记后的引用内容及对应的用户名称回填至评论框中；同时，通过调用浏览器api将焦点移动至所述评论框的尾处。

5.一种快捷回复和评论间线索的实现系统，包括：

回复弹窗显示单元，用于通过对源评论中引用内容的选择，在短评论页面弹出回复弹窗；

引用内容回填单元，用于通过所述回复弹窗将所述引用内容回填至评论框中；

新评论数据保存单元，用于保存与在所述评论框中形成的新评论对应的新评论数据，以在所述引用内容、所述引用内容的源评论地址、与所述引用内容对应的评论内容之间建立关联关系；其中，所述源评论地址用于提供所述引用内容所位于的源评论的位置，所述新评论包括所述引用内容和在所述引用内容后输入的与所述引用内容对应的评论内容；源评论显示单元，用于在用户点击评论中进行特殊标记的引用内容时，通过所述新评论中的引用内容和与所述新评论对应的新评论数据，调用滚动函数及闪动函数实现评论列表滚动至所述引用内容的源评论处，并使所述源评论闪烁。

6.如权利要求5所述的快捷回复和评论间线索的实现系统，其中，与所述新评论对应的新评论数据包括：

所述新评论、所述引用内容的源评论地址、操作用户和操作时间。

7.如权利要求5所述的快捷回复和评论间线索的实现系统，其中，所述回复弹窗显示单元包括：

构建模块，用于通过脚本语言在短评论页面构建回复弹窗并进行隐藏；

绑定模块，用于将所述回复弹窗构建模块构建的回复弹窗与所述短评论区域的mouseup事件绑定；以及，

显示模块，用于在所述mouseup事件发生后，在所述短评论页面显示与所述mouseup事件绑定的回复弹窗。

8.如权利要求5所述的快捷回复和评论间线索的实现系统，其中，所述引用内容回填单元包括：

标记模块，用于通过脚本语言对所述引用内容进行标记并添加对应的用户名称；

回填模块，用于将标记后的引用内容及对应的用户名称回填至评论框中；

焦点移动模块，用于通过调用浏览器api将焦点移动至所述评论框的尾处。