网页搜索的显示方法及其客户端设备的制作方法

文档序号:6510592阅读:237来源:国知局
专利名称:网页搜索的显示方法及其客户端设备的制作方法
技术领域
本发明涉及计算机数据检索,更具体地涉及数据搜索的显示。
背景技术
网络的广泛使用,使得可以利用网络搜索来获取越来越多的信息资源。例如,现有的网络搜索引擎、各类基于网络的数据库等都需要通过例如由互连网浏览器(IE)等显示的网页来支持用户的搜索操作。
现有的网页搜索的显示系统通常采用以下三种形式。
第一、搜索条件部分和搜索结果部分完全分离在两个不同的页面。这种方式的特点是搜索条件页面和搜索结果页面分别是不同的页面。通常,用户在搜索条件页面中输入需要搜索信息所满足的条件,并点击搜索按钮进行搜索。搜索完毕之后,在搜索结果页面中列出满足搜索条件的记录集。该方法的缺点是在搜索结果页面中,用户仅可看到本次搜索的结果,而无法看到本次搜索的条件内容,更无法对条件进行调整和修改。用户要进行进一步搜索必须重新打开或者返回搜索条件页面,因此常常会忘记当前的搜索条件。这种方法极不利于对条件复杂信息的搜索。
第二、将搜索条件部分和搜索结果部分放在同一个页面之中。这种方式的特点是在同一个页面中,将搜索条件设置在搜索结果部分上方或侧面,并且对搜索条件完整地进行显示或者将其转述为复杂的编码形式进行显示。这种方法的缺点是显示完整的搜索条件部分时,会占用较大的页面空间,用户再次搜索时需要滚动页面进行查看或修改;而使用复杂的编码方式表述的搜索条件虽然节省了页面,但对于用户显得含义晦涩不易于使用。
第三、搜索条件部分是搜索结果页面的弹出部分。通常使用模式对话框或弹出窗口页面的形式来显示搜索条件部分。使用模式对话框显示搜索部分的缺点是由于模式对话框的独占性,使得当弹出模式对话框(即搜索条件页面)时不能查看和访问搜索结果页面,只有关闭了模式对话框后,才能查看和访问搜索结果页面。虽然搜索条件部分和搜索结果部分能够同时显示,但却给用户对搜索部分的查看和操作造成极大的不便。另一方面,使用弹出窗口页面显示搜索部分的缺点是同第一种类型一样,搜索条件部分和搜索结果部分分别属于两个不同的页面,随着窗口焦点的转移,造成了两个页面仍不能同时显示。
可见,现有技术都不能对网页搜索中搜索结果部分和搜索条件部分进行同时显示。

发明内容
为了克服现有技术的缺陷,本发明提供一种网页搜索的显示方法,所述方法的特征在于包括以下步骤显示搜索结果页面;在搜索结果页面的一个独立可浮动部分中显示搜索条件页面;至少将所述搜索条件页面中的搜索条件信息提交到所述搜索结果页面;根据支持所述网页搜索的服务器返回的信息显示刷新的搜索结果页面。
一种用于支持网页搜索的客户端设备,包括用于从服务器接收信息的接收装置以及用于控制显示搜索结果页面和搜索条件页面的显示控制装置,其特征在于还包括提交装置,用于至少将所述搜索条件页面中的搜索条件信息提交到所述搜索结果页面,其中所述显示控制装置控制显示设备将所述搜索条件页面显示在所述搜索结果页面的一个独立可浮动部分中。
通过本发明可以同时显示搜索条件页面和搜索结果页面,使得页面对于用户更加直观。搜索条件页面可以由用户随意确定其显示与否、对其进行拖动并且能够不占用搜索结果页面的页面空间。当搜索结果页面刷新时,搜索条件页面能够自动跟随刷新前搜索结果页面中的显示状态。用户可以随时方便地查看搜索条件,并且可以随时修改搜索条件以便继续查询。因此,根据本发明的网页搜索显示方法比传统的搜索方法更为灵活、方便易用。
结合附图阅读本发明实施方式的详细描述后,本发明的其他特点和优点将变得更加清楚。


图1是本发明实施例在客户端中显示的搜索条件页面和搜索结果页面的示意图;图2是本发明实施例在客户端中实现的搜索条件页面进行拖动并且总处于可见区域的示意图;图3A和图3B是本发明实施例在客户端中实现的当滚动搜索结果页面时搜索条件页面始终保持可视状态的示意图,其中图3A表示滚动搜索结果页面之前的显示状态,图3B表示滚动搜索结果页面之后的显示状态;图4A和图4B是本发明实施例在客户端进行搜索时搜索条件页面和搜索结果页面的示意图,其中图4A表示执行搜索前客户端中的显示状态,图4B表示执行搜索后客户端中的显示状态;图5表示根据本发明实施例的客户端进行搜索时的工作流程图;图6是实现图5所示工作流程的客户端设备的示意图;图7表示根据本发明另一实施例的客户端进行搜索时的工作流程图;图8是实现图7所示工作流程的客户端设备的示意图。
具体实施例方式
下面结合附图详细描述本发明的具体实施方式

表1为本发明实施例的实现环境。以下将在如表1所述的环境中说明实现本发明实施例的搜索条件页面和搜索结果页面的同时显示,但下列环境条件并不对本发明构成限制。
表1本发明实施例的实现环境

图1是本发明实施例在客户端中显示的搜索条件页面和搜索结果页面的示意图。在图1中,标号100表示本发明一个实施例的客户端显示的搜索结果页面,其中标号1001表示搜索结果页面100中的搜索按钮;标号101表示该实施例的客户端显示的搜索条件页面,其中标号1011表示搜索条件页面101中的标题栏,标号1012表示搜索条件页面101中的搜索条件部分,标号1013表示搜索条件页面101中的操作按钮。
如图1所示,搜索条件页面101显示于搜索结果页面100的上层。用户可以在客户端中点击搜索结果页面100中的搜索按钮1001,来启动搜索条件页面101。此时,客户端显示搜索条件页面101。弹出的搜索条件页面101位于默认位置,并且其中的搜索条件部分1012也显示默认值,例如在本实施例中显示为空白。客户端可以在搜索结果页面100的一个浮动层中生成搜索条件页面101,这样既可以同时显示搜索条件页面和搜索结果页面,又可以避免在显示搜索条件页面101时占用搜索结果页面100的显示空间。
客户端的搜索条件页面101中的组件可以根据具体的应用环境来设计。在本实施例中,标题栏1011组件包括用于支持用户使用鼠标等对搜索条件页面101进行拖动;搜索条件部分1012设置为表单和文本框,用于输入设定的搜索条件;操作按钮1013用于调用页面的各种用户指令代码,例如点击“搜索”按钮将调用按搜索条件进行搜索的一系列代码,而点击“取消”按钮则调用取消本次搜索的一系列代码。
通过合理设定客户端中搜索条件页面101各个组件的响应事件及其对应处理,并且合理设定承载搜索条件页面101的浮动层和主页面即搜索结果页面100之间的信息的提交,可以使得搜索条件页面101具有诸如以下所描述的性能。
图2是本发明实施例在客户端中实现的搜索条件页面进行拖动并且总处于可见区域的示意图。其中,与图1中相同的部分标记为相同的标号,并省略对其含义的描述;标号200表示在网页中显示搜索结果页面100的可见区域。
当用户在标题栏1011中按下鼠标时,将标题栏1011标记为响应拖动状态;而当放开鼠标时,则将其标记为不响应拖动状态。在响应拖动状态下,鼠标的移动触发标题栏1011的鼠标移动事件。在对应处理中计算鼠标移动的位移,并判断是否超出可见区域200。其中,该可见区域200可以设定为搜索结果页面100在浏览器中的显示区域,以及浏览器的显示区域等。如果没有超出可见区域200,则控制搜索条件页面101移动鼠标移动所指示的位移;如果超出可见区域200,则控制搜索条件页面101移动至相应的可见区域200的边界。这样使得在用户在拖动搜索条件页面101时,总能保持搜索条件页面101处于可见区域中。
当搜索结果页面100的大小或者位置变化时,也可能会导致原来位于可见区域200之中的搜索条件页面101移出可见区域200。此时,在处理中通过实时检测判断搜索条件页面101的位置,保持搜索条件页面101相对于搜索结果页面100的相对位置不变,并判断是否处于可见区域200之中。如果一旦发现搜索条件页面101移出可见区域200,则将其移动到可见区域200相对应的边界处。
图3A和图3B是本发明实施例在客户端中实现的当滚动搜索结果页面时搜索条件页面始终保持可视状态的示意图,其中图3A表示滚动搜索结果页面之前的显示状态,图3B表示滚动搜索结果页面之后的显示状态。其中,与图1和图2中相同的部分标记为相同的标号,并省略对其含义的描述;标号201表示当搜索结果页面100过长时在浏览器中出现的滚动条。
如图3A所示,在未拖动滚动条201滚动搜索结果页面100之前,搜索条件页面101处于可见区域200之中。如图3B所示,当拖动滚动条201将搜索结果页面100向下滚动时,在处理中通过实时检测判断搜索条件页面的位置,使其相对于搜索结果页面100的位置保持不变。如果一旦发现搜索条件页面101移出可见区域200,则将其移动到可见区域200相对应的边界处。由此,可以使得搜索条件页面101始终处于可见区域200之中。
图4A和图4B是本发明实施例在客户端进行搜索时搜索条件页面和搜索结果页面的示意图,图4A表示执行搜索前客户端中的显示状态,图4B表示执行搜索后客户端中的显示状态。其中,与图1中相同的部分标记为相同的标号,并省略对其含义的描述。
如图4A所示,搜索条件页面101首次出现时位于搜索结果页面100的默认位置;其搜索条件部分1012显示为默认设置,例如各个搜索条件显示为空白。此时,用户欲在搜索结果页面100中显示的搜索结果中继续搜索,则在搜索条件页面101的搜索条件部分1012中输入相应的条件,例如搜索“类别名称”为“aaa”的记录。搜索条件输入完毕后,用户点击操作按钮1013的“搜索”按钮,从而调用响应该事件的处理。同样,如果此时点击操作按钮1013的“取消”按钮,则也会调用相应响应事件的处理,例如,记录搜索条件页面的相对位置。
图4B所示为执行搜索后的页面显示状态。由于搜索条件页面101内嵌于搜索结果页面100,即将其显示为搜索结果页面100的一部分,例如在本实施例中搜索条件页面101是搜索结果页面100的一个浮动层,因此执行搜索时能够将当前搜索条件页面101中的搜索条件部分1012所显示的搜索条件信息、诸如其是否处于显示状态以及其显示位置等与搜索条件页面101相关的信息一起进行自身页面提交(post)。通过这种自身页面提交的处理,虽然搜索后搜索条件页面101和搜索结果页面100同时被刷新,但是用户看来,在搜索前后客户端中的搜索条件页面101好像没有发生改变,只是搜索结果页面100中的搜索结果发生了相应的变化。
图5表示根据本发明实施例的客户端进行搜索时的工作流程图。以下将参照图5对客户端中进行的上述自身页面提交进行详细描述。
在步骤500中,用户在搜索条件页面101中的搜索条件部分1012中输入搜索条件信息之后,以诸如点击操作按钮1013的“搜索”按钮的方式启动搜索。
在步骤501中,客户端的搜索条件页面101将搜索条件信息以及诸如其是否处于显示状态以及其显示位置等与搜索条件页面101相关的信息提交给搜索结果页面100。其中,由于搜索条件页面101内嵌于搜索结果页面100,是搜索结果页面100的组成部分(本实施例中搜索条件页面101为搜索结果页面100的浮动层),因此这次提交为自身页面提交。
在步骤502中,客户端保存由搜索条件页面101所提交的与搜索条件页面101相关的信息。其中,该信息可以包括搜索条件页面101显示与否、显示位置以及显示大小等信息。
在步骤503中,搜索结果页面100向支持该网络搜索的服务器提交搜索条件信息。
在步骤504中,接收来自于服务器的用于生成新的搜索结果页面100的代码。
在步骤505中,控制显示刷新的搜索结果页面100。此时,控制显示的搜索结果是服务器根据提交的搜索条件在其中的数据库中所检索的结果。
在步骤506中,为了生成刷新后的搜索结果页面100的搜索条件页面101,客户端读取在提交时存储的与搜索条件页面101相关的信息。
在步骤507中,根据在步骤506中读取的与搜索条件页面101相关的信息,按照上一次显示的状态生成刷新后的搜索结果页面100的搜索条件页面101。
在步骤508中,结束本次搜索的操作。
图6是实现图5所示工作流程的客户端设备600的结构示意图。其中,标号600表示能够运行图5所示工作流程的客户端设备;标号601表示用于网页提交的提交装置;标号602表示用于存储网页信息的存储装置;标号603表示用于从服务器接收信息的接收装置;标号604表示用于控制显示搜索结果页面100以及搜索条件页面的显示控制装置。
启动搜索时,提交装置601将搜索条件页面101的搜索条件信息以及与搜索条件页面101相关的信息自身页面提交给搜索结果页面100(步骤501)。将其中的与搜索条件页面101相关的信息保存在存储设备602中(步骤502)。而且将其中的搜索条件信息提交给服务器(步骤503)。接收装置603接收来自服务器的返回信息(步骤504)。然后,显示控制装置604根据服务器返回的信息控制显示设备(未示出)显示搜索结果页面,并且同时根据由存储器读取的与搜索条件页面101相关的信息控制显示设备(未示出)显示新的搜索条件页面(步骤505到步骤507)。
图7表示根据本发明另一实施例的客户端进行搜索时的工作流程图。
同样,在步骤700中,用户在搜索条件页面101中的搜索条件部分1012中输入搜索条件信息之后,以诸如点击操作按钮1013的“搜索”按钮的方式启动搜索。
在步骤701中,将搜索条件页面101的搜索条件信息以及与搜索条件页面101相关的信息自身页面提交给搜索结果页面100。
在步骤702中,搜索结果页面100将收到的搜索条件信息连同与搜索条件页面101相关的信息提交给支持该网络搜索的服务器。
在步骤703中,客户端接收来自于服务器的、刷新后的页面代码。其中,该页面代码不同于在图5所示流程的步骤504中的页面代码,它还包括根据在步骤702中提交的与搜索条件页面101相关的信息所生成的新的搜索条件页面101的代码。
在步骤704中,根据在步骤703中所接收的代码,控制显示刷新的搜索结果页面100以及该页面的新的搜索条件页面101。
在步骤705中,结束本次搜索过程。
图8是实现图7所示工作流程的客户端设备800的示意图。其中,与图6中相同装置标记为相同的标号。
启动搜索时,提交装置801将搜索条件页面101的搜索条件信息以及与搜索条件页面101相关的信息自身页面提交给搜索结果页面100(步骤701)。而且将其中的搜索条件信息和与搜索条件页面101相关的信息一起提交给服务器(步骤702)。接收装置603接收来自服务器的返回信息(步骤703),其中返回的信息包括生成刷新后的搜索结果页面100的代码以及生成该页面的搜索条件页面101的代码。然后,显示控制装置604根据服务器返回的信息控制显示设备(未示出)显示搜索结果页面,同时控制显示设备(未示出)显示新的搜索条件页面(步骤704)。
另外,在本发明中,客户端对于搜索结果页面100进行翻页时的操作和上述进行搜索时的操作类似。更佳地,此时则选择类似如图5所示的流程进行处理。也就是包括在存储器中保存搜索条件页面101的状态信息、将其进行自身页面提交以及在显示下一个新的搜索结果页面100时还原搜索条件页面101在上一个搜索结果页面100中的状态。而不使用将所有信息提供给服务器由服务器生成所有页面的类似图7流程的方式进行处理。其中,还可以利用下拉框方式显示搜索结果和提供翻页功能,也可以利用输入框和跳转按钮方式显示搜索结果和提供翻页功能。然而,上述具体的实现技术并不对本发明构成限制。
虽然结合附图描述了本发明的实施方式,但是本领域内熟练的技术人员可以在所附权利要求的范围内做出各种变形或修改。
权利要求
1.一种网页搜索的显示方法,所述方法的特征在于包括以下步骤显示搜索结果页面;在搜索结果页面的一个独立可浮动部分中显示搜索条件页面;至少将所述搜索条件页面中的搜索条件信息提交到所述搜索结果页面;根据支持所述网页搜索的服务器返回的信息显示刷新的搜索结果页面。
2.根据权利要求1所述的方法,其特征在于还包括以下步骤将与所述搜索条件页面相关的显示状态信息提交到所述搜索结果页面。
3.根据权利要求2所述的方法,其特征在于还包括以下步骤所述搜索结果页面将所述显示状态信息与所述搜索条件信息一起提交给所述服务器;当显示刷新后的搜索结果页面时,根据所述返回的信息显示新的搜索条件页面。
4.根据权利要求2所述的方法,其特征在于还包括以下步骤保存所述显示状态信息;将搜索条件信息提交给所述服务器;当显示刷新后的搜索结果页面时,读取所保存的所述显示状态信息,并根据读取的所述显示状态信息显示新的搜索条件页面。
5.根据权利要求2至4中任一项所述的方法,其特征在于所述搜索条件页面的所述显示状态信息至少包括与以下任一项相关的信息当前所述搜索条件页面是否显示;当前所述搜索条件页面的显示大小;当前所述搜索条件页面在所述搜索结果页面中的相对位置。
6.根据权利要求1所述的方法,其特征在于还包括以下步骤所述搜索条件页面通过响应操作事件和实时检测显示状态来实现可自由拖动功能、始终处于所述搜索结果页面可见区域的功能以及动态跟随所述搜索结果页面的变化的功能之中的至少一种功能。
7.一种用于支持网页搜索的客户端设备,包括用于从服务器接收信息的接收装置以及用于控制显示搜索结果页面和搜索条件页面的显示控制装置,其特征在于还包括提交装置,用于至少将所述搜索条件页面中的搜索条件信息提交到所述搜索结果页面,其中所述显示控制装置控制显示设备将所述搜索条件页面显示在所述搜索结果页面的一个独立可浮动部分中。
8.根据权利要求7所述的客户端设备,其特征在于所述提交装置还将与所述搜索条件页面相关的显示状态信息自身页面提交到所述搜索结果页面。
9.根据权利要求8所述的客户端设备,其特征在于所述提交装置将所述显示状态信息与所述搜索条件信息一起提交给所述服务器。
10.根据权利要求8所述的客户端设备,其特征在于所述设备还包括用于保存所述显示状态信息的存储装置,其中所述提交装置将所述显示状态信息保存在所述存储装置中,并且将所述搜索条件信息发提交所述服务器。
11.根据权利要求8至10中任一项所述的客户端设备,其特征在于所述搜索条件页面的所述显示状态信息至少包括与以下任一项相关的信息当前所述搜索条件页面是否显示;当前所述搜索条件页面的显示大小;当前所述搜索条件页面在所述搜索结果页面中的相对位置。
12.根据权利要求7所述的客户端设备,其特征在于所述显示控制设备能够控制所述搜索条件页面通过响应操作事件和实时检测显示状态来实现可自由拖动功能、始终处于所述搜索结果页面可见区域的功能以及动态跟随所述搜索结果页面的变化的功能之中的至少一种功能。
全文摘要
本发明提供一种网页搜索的显示方法,所述方法的特征在于包括以下步骤显示搜索结果页面;在搜索结果页面的一个独立可浮动部分中显示搜索条件页面;至少将所述搜索条件页面中的搜索条件信息提交到所述搜索结果页面;根据支持所述网页搜索的服务器返回的信息显示刷新的搜索结果页面。本发明还提供一种相应的支持网页搜索的客户端设备。通过本发明可以同时显示搜索条件页面和搜索结果页面,使得整个搜索显示系统对于用户更加直观。用户可以随意确定显示状态、进行拖动。而且搜索条件页面不占用搜索结果页面的空间,并可以动态跟随搜索结果页面的显示状态。因此,根据本发明的网页搜索显示系统和方法比传统的搜索显示系统和方法更为灵活、方便。
文档编号G06F3/033GK1808423SQ200510002308
公开日2006年7月26日 申请日期2005年1月17日 优先权日2005年1月17日
发明者那森, 王东 申请人:佳能信息技术(北京)有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1