CN103136273A - 网页上显示用户信息的方法及装置 - Google Patents

Abstract

本发明公开了一种网页上显示用户信息的方法及装置，属于信息处理技术领域。所述方法包括：获取用户在触发登录控件后提交的登录信息，所述登录控件位于网页页底；根据所述登录信息获取对应的用户账户信息，在所述页底显示所述账户信息，且所述账户信息与所述登录控件相邻，所述账户信息包括账号信息和/或应用信息。所述装置包括：登录模块、获取模块和显示模块。本发明通过在网页页底设置登录控件，和在网页页底显示用户账户信息，从而减少对网页风格的破坏，同时还不会对用户浏览网页过程造成干扰，并且网页底部易于扩展。

Description

网页上显示用户信息的方法及装置

技术领域

本发明涉及信息处理技术领域，特别涉及一种网页上显示用户信息的方法及装置。

背景技术

网页作为日常上网过程中获取信息的主要工具，网页的功能变得越来越丰富。如现在越来越多的网页会绑定或者关联很多不同的应用，如邮件、及时通讯工具、微博等，使我们在浏览网页过程中可以同时关注其他应用或者快速切换到其他应用。

现有技术中，如图1所示，在网页的顶部提供一个登录选项，用户点击该选项，然后输入用户账号和密码，用户登录成功后，在登录选项区域依次显示用户账号、应用1图标、应用2图标和登出选项，其中，应用1和应用2可以是邮件、及时通讯工具、微博等应用。其中，图标可以提供向对应应用程序的接入或向对应网页的接入，同时还可以响应接收到的电子邮件或文本消息，相应地，通过显示收到的电子邮件或文本消息数量等方式提示用户收到新的电子邮件或文本消息。

在实现本发明的过程中，发明人发现现有技术至少存在以下缺点：网页顶部作为展现网页风格和内容的主要部位，往往显示具有网站风格的图片，用户应用图标很难和网页顶部的显示风格相协调；并且用户在浏览页面的时候会受到用户应用的干扰，如应用更新可能会打断用户浏览网页，具体地，应用图标不断闪烁造成用户体验不好；同时网页顶部往往会集成大量的内容，空余空间有限，扩展较困难。

发明内容

为了方便用户对用户应用的扩展，减少用户应用更新对用户浏览网页的干扰，进而提升用户体验，本发明实施例提供了一种网页上显示用户信息的方法及装置。所述技术方案如下：

一方面，本发明实施例提供了一种网页上显示用户信息的方法，所述网页包括页顶、页底，所述方法包括：

获取用户在触发登录控件后提交的登录信息，所述登录控件位于所述页底；

根据所述登录信息获取对应的用户账户信息，在所述页底显示所述账户信息，且所述账户信息与所述登录控件相邻，所述账户信息包括账号信息和/或应用信息。

其中，所述登录控件，在触发前显示为“登录”选项，在登录成功后在所述“登录”选项的同一位置显示为“登出”选项。

进一步地，所述账号信息至少包括用户头像、用户昵称和用户账号中的一种，所述应用信息包括应用插件的标识。

进一步地，在所述页底显示所述账户信息后，所述方法还包括：检测所述应用信息是否有更新，如果是，显示更新后的账户信息。

优选地，所述页底还包括用于返回门户首页的切换控件。

另一方面，本发明实施例还提供了一种网页上显示用户信息的装置，所述网页包括页顶、页底，所述装置包括：

登录模块，用于获取用户在触发登录控件后提交的登录信息，所述登录控件位于所述页底；

获取模块，用于根据所述登录模块得到的登录信息获取对应的用户账户信息，所述账户信息包括账号信息和/或应用信息；

显示模块，用于在所述页底显示所述账户信息，且所述账户信息与所述登录控件相邻。

其中，所述登录模块，具体用于：

在登录前，在所述页底显示“登录”选项；在触发登录控件后，获取用户提交的登录信息；在登录成功后，在所述“登录”选项的同一位置显示为“登出”选项。

其中，所述账号信息至少包括用户头像、用户昵称和用户账号中的一种，所述应用信息包括应用插件的标识。

进一步地，所述装置，还包括：

更新模块，用于所述显示模块在所述页底显示所述账户信息后，检测所述应用信息是否有更新；如果是，则所述显示模块显示更新后的账户信息。

优选地，所述装置，还包括：

首页返回模块，用于在所述页底显示用于返回门户首页的切换控件。

本发明实施例提供的技术方案带来的有益效果是：

本发明实施例通过在网页页底设置登录控件，和在网页页底显示用户账户信息，从而减少对网页风格的破坏，同时还不会对用户浏览网页过程造成干扰，并且网页底部易于扩展。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是现有技术中网页上显示用户信息的视图；

图2是本发明实施例一提供的网页上显示用户信息的方法流程图；

图3是本发明实施例二提供的网页上显示用户信息的方法流程图；

图4是本发明实施例二提供的登录前的网页页底视图；

图5是本发明实施例二提供的登录成功后的网页页底视图；

图6是本发明实施例三提供的网页上显示用户信息的装置结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

实施例一

本实施例提供了一种网页上显示用户信息的方法，参见图2，该方法流程具体如下：

101：获取用户在触发登录控件后提交的登录信息，该登录控件位于网页页底；

102：根据登录信息获取对应的用户账户信息，在网页页底显示用户账户信息，且该用户账户信息与网页页底的登录控件相邻。

其中，该用户账户信息包括账号信息和/或应用信息。

本实施例提供的方法，通过在网页页底设置登录控件，和在网页页底显示用户账户信息，从而减少对网页风格的破坏，同时还不会对用户浏览网页过程造成干扰，并且网页底部易于扩展。

实施例二

本实施例提供了一种网页上显示用户信息的的方法，为了便于说明，本实施例以应用于移动终端的腾讯网的网页为例，对本实施例提供的方法进行详细描述。其中，网页通常包括页顶、页底，而页底处通常包括由多个控件组成页底导航栏，如由“联系我们”、“网站简介”等组成页底导航栏。参见图3，本实施例提供的方法流程具体如下：

201：加载网页；

本发明实施例中的网页需要重新设计，即将登录控件设置在网页页底处，优选地，登录控件与用户留言、客服等组成页底导航栏，而不是如现有技术一样将登录控件设置在网页顶部。对于网页来说，网页页底具有大量空余空间，扩展比较容易，同时在网页设计中，在网页页底添加新控件非常容易，网页重新设计并不困难。同时本发明实施例中的登录控件同时具有登录和登出功能，如图4和图5所示，即在登录前，该登录控件显示为“登录”选项，在登录成功后，该登录控件在“登录”选项的同一位置显示为“登出”选项，即由“登录”选项变为“登出”选项，则登录与登出入口固定，方便用户操作。

优选地，为了方便用户对网页进行操作，本发明实施例的网页页底还包括用于返回门户首页的切换控件，如在网页页底设置返回门户主页选项(门户首页除外)，更优选地，与登录控件、用户留言、客服等组成网页页底导航栏。进一步地，为了避免用户将门户首页和频道首页混淆，本实施中的返回门户主页切换控件并没有显示“首页”这个名称，而是使用了区别于“首页”的英文名称，如显示为“home”选项，通过网页页底唯一的英文链接来凸显该链接的特殊性，防止用户混淆。用户通过网页的URL(Uniform Resource Locator，统一资源定位符)加载本发明实施例提供的网页，加载得到的网页页底如图4所示，包括“home”、“登录”、“客服”、“留言”和“3G版”选项。

202：获取用户的登录信息；

对网页页底的登录控件进行监控，当监控到用户触发登录操作时，显示登录窗口，获取用户提交的登录信息，该登录信息至少包括用户账号和用户密码，发送该登录信息到服务器，相应地，服务器对该登录信息进行验证。具体地，如图4所示，当用户点击“登录”选项时，显示登录窗口，要求用户输入登录信息。

203：获取用户账户信息；

在步骤202中，如果用户提交的登录信息通过了服务器的验证，则根据该登录信息获取用户账户信息，其中，用户账户信息包括账号信息和/或应用信息。具体地，在用户本次登录之前，已经创建了用户登录信息与用户应用的对应关系；相应地，在网页所在的服务器上或者登录验证服务器上保存该用户登录信息与用户账户信息的对应关系，但并不作为本发明的限定，如本发明还可以在同一个或者不同的服务器上分别保存用户登录信息与账号信息的对应关系和用户登录信息与应用信息的对应关系。针对该步骤，具体可以在服务器上保存用户账号与账号信息和应用信息的对应关系列表，该对应关系列表中至少包括用户账号、用户账号信息和应用插件的标识。用户登录成功后将该关系列表下载到本地，则可以从该列表中获取用户的账号信息；和根据该应用插件的标识，从对应的服务器或者本地应用程序获取相应的应用信息。其中，账号信息至少包括用户头像、用户昵称和用户账号中的一种，应用信息可以包括应用插件的标识、应用状态信息等。以上只是获取用户账户信息的其中一种方式，但并不作为本发明的限定。

如果获取应用信息失败或者服务器上没有保存用户登录信息与用户应用的对应关系，则可以使用默认的用户登录信息与用户应用的对应关系，如该账号绑定或者关联的所有的用户应用；或者只获取账号信息，相应地，只显示用户的账号信息。同样的，如果获取账号信息失败或者服务器上没有保存用户登录信息与账号信息的对应关系，也可以只显示用户的应用信息。当然用户也可以在浏览网页过程中添加或删除用户应用，相应地，在登录信息与用户账户信息对应关系列表中添加或删除相应的应用项，并上传更新后的对应关系列表到服务器保存。

204：在网页页底显示用户账户信息，且该用户账户信息与登录控件相邻；

针对该步骤，本发明并不限定用户账户信息显示的具体形式，如可以以窗口的形式显示，图层的形式显示，标签的形式显示等。其中，显示的内容包括账号信息对应的用户头像、用户账号和用户昵称中的至少一种和/或用户应用信息对应的应用插件的标识，其中，应用插件的标识对应用户应用的统一资源定位符或应用程序接口，即应用插件的标识提供向对应网页的接入或对应应用程序的接入。其中，本发明实施例中应用插件的标识可以是应用插件图标，本发明实施例以应用插件图标为例进行说明。如果用户账号对应的用户应用过多，还可以分栏显示，或者按用户使用频率显示使用频率高的应用插件图标，或者根据用户设置隐藏部分插件图标，或者显示用户正在使用的应用插件图标等。其中，对于大多数网页来说，网页页底有大量空白区域，用户账户信息可以直接以窗口或图层的形式显示，而不需要页面重新布局，即不需要对整个页面进行刷新，提升用户体验；同时由于空余空间足够大，也方便用户账户信息显示内容的扩展，即可以显示更多的应用插件图标、显示除用户账户信息以外的其他的信息等。

具体地，用户账户信息可以显示在登录控件的上方或者下方，优选地，用户账户信息显示在登录控件的上方，则更加利于扩展，如显示更多的应用插件图标；并采用相应的表现形式展现用户登录与用户应用的对应关系，如5所示，用户信息以窗口的形式显示，则该窗口显示在登录控件的上方并通过指向箭头指向“登出”选项。

为了便于说明，本实施例以应用于移动终端的腾讯网的网页为例。图5为用户正确输入用户账号和用户密码后的视图，图5中，“登录”选项变为“登出”选项，其他的选项保持不变，而在网页页底导航栏的上方，显示用户账户信息窗口，该窗口显示的内容包括用户头像、用户昵称、腾讯qq插件图标、腾讯邮箱插件图标、腾讯微博插件图标、腾讯游戏插件图标，并且该窗口通过指向箭头指向“登出”选项。该窗口在用户点击“登出”选项后关闭，回到图4所示的视图。

205：判断用户应用信息是否有更新，如果是，显示更新后的账户信息；

检测该用户账号对应的用户应用信息是否有更新，如果是，获取用户应用的更新内容，显示更新后的账户信息。具体地，在本发明实施例中可以采用轮询、订阅的方式获取用户应用状态信息或者用户应用在其状态发生改变时主动发送应用状态信息更新通知，用户终端根据获取的用户应用的更新内容判断是否需要刷新页面，例如判断是否收到新邮件、是否收到新消息、用户应用的在线状态是否改变等；如果是，则根据应用信息的更新内容刷新显示内容。具体地，用户账户信息的显示内容包括邮件插件图标，如果邮件应用收到新的邮件，则相应地该邮件插件图标闪烁、变大、或在邮件插件图标上显示收到新邮件的条数等方式提示用户邮件应用收到新邮件。更优选地，本实施例采用弱提示的方式提示用户状态发生改变，例如邮件应用收到新邮件后，采用更新邮件插件图标上的数字，而不采用闪烁等方式来提示用户收到新邮件，减少了应用更新提示对用户浏览网页过程的干扰。如图5所示，如果腾讯邮箱收到新邮件，则更新邮件插件图标上的数字，如数字“4”变为数字“5”，则表示腾讯邮箱收到新邮件，且用户有5封邮件未读取。针对本步骤，由于用户账户信息显示在网页底部，则用户应用插件图标的更新，并不会对用户浏览网页过程进行干扰，只有在用户浏览完网页后，才能在网页页底获得用户账户信息的更新提示。

206：检测并执行用户操作。

其中，用户操作包括：界面元素的配置、用户应用的设置、点击应用插件图标等操作。例如用户点击了其中的一个插件图标，则根据该图标对应的用户应用的统一资源定位符或应用程序接口，切换到统一资源定位符对应的网页或者打开应用程序接口对应的程序，方便用户在浏览网页过程中快速的切换网页和快速的打开应用程序。另外，本发明实施例还支持应用插件图标的图像设置、提醒方式设置、关闭用户应用显示窗口、删除或添加用户应用等操作，这样用户通过点击或者手势操作等方式对用户账户信息的显示界面进行设置，提高用户体验。同样以图5为例，用户点击腾讯游戏插件图标，相应地，根据该图标对应的应用程序接口打开腾讯游戏应用；用户还可以通过长按手势等方式打开用户账户信息编辑菜单，在该菜单中可以进行如添加/删除用户应用、背景设置、分栏显示设置、提示方式设置等操作。

本发明实施例并不限定步骤205与步骤206的顺序，只要保证步骤205和步骤206在步骤204之后执行即可。

本实施例提供的方法，通过在网页页底设置登录控件，和在网页页底显示用户账户信息，从而减少对网页风格的破坏，同时还不会对用户浏览网页过程造成干扰，并且网页底部易于扩展。

实施例三

本实施例提供了一种网页上显示用户信息的装置，该装置用于执行上述实施例一和实施例二中的网页上显示用户信息的方法，适用于通常的网页，通常的网页包括页顶、页底。参见图6，该网页上显示用户信息的装置包括：

登录模块301，用于获取用户在触发登录控件后提交的登录信息，该登录控件位于网页页底；

获取模块302，用于根据登录模块301得到的登录信息获取对应的用户账户信息，其中，用户账户信息包括账号信息和/或应用信息；

显示模块303，用于在网页页底显示前述用户账户信息，且该账户信息与登录控件相邻。

登录模块301，具体用于：

在登录前，在网页页底显示“登录”选项；在触发登录控件后，获取用户提交的登录信息；在登录成功后，在“登录”选项的同一位置显示为“登出”选项。

其中，获取模块302获取的账号信息至少包括用户头像、用户昵称和用户账号中的一种，获取模块302获取的应用信息包括应用插件的标识。

进一步地，该装置还包括：

更新模块304，用于显示模块301在网页页底显示账户信息后，检测用户应用信息是否有更新；如果是，则显示模块301显示更新后的账户信息。

优选地，该装置还包括：

首页返回模块305，用于在网页页底显示用于返回门户首页的切换控件。

本实施例提供的装置，通过在网页页底设置登录控件，和在网页页底显示用户账户信息，从而减少对网页风格的破坏，同时还不会对用户浏览网页过程造成干扰，并且网页底部易于扩展。

需要说明的是：上述实施例提供的网页上显示用户信息的装置在进行显示用户信息时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例涉及的网页上显示用户信息的装置与网页上显示用户信息的方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种网页上显示用户信息的方法，所述网页包括页顶、页底，其特征在于，所述方法包括：

获取用户在触发登录控件后提交的登录信息，所述登录控件位于所述页底；

根据所述登录信息获取对应的用户账户信息，在所述页底显示所述账户信息，且所述账户信息与所述登录控件相邻，所述账户信息包括账号信息和/或应用信息。

2.根据权利要求1所述的方法，其特征在于，所述登录控件，在触发前显示为“登录”选项，在登录成功后在所述“登录”选项的同一位置显示为“登出”选项。

3.根据权利要求1所述的方法，其特征在于，所述账号信息至少包括用户头像、用户昵称和用户账号中的一种，所述应用信息包括应用插件的标识。

4.根据权利要求1所述的方法，其特征在于，在所述页底显示所述账户信息后，所述方法还包括：

检测所述应用信息是否有更新，如果是，显示更新后的账户信息。

5.根据权利要求1-4任一项所述的方法，其特征在于，所述页底还包括用于返回门户首页的切换控件。

6.一种网页上显示用户信息的装置，所述网页包括页顶、页底，其特征在于，所述装置包括：

登录模块，用于获取用户在触发登录控件后提交的登录信息，所述登录控件位于所述页底；

获取模块，用于根据所述登录模块得到的登录信息获取对应的用户账户信息，所述账户信息包括账号信息和/或应用信息；

显示模块，用于在所述页底显示所述账户信息，且所述账户信息与所述登录控件相邻。

7.根据权利要求6所述的装置，其特征在于，所述登录模块，具体用于：

在登录前，在所述页底显示“登录”选项；在触发登录控件后，获取用户提交的登录信息；在登录成功后，在所述“登录”选项的同一位置显示为“登出”选项。

8.根据权利要求6所述的装置，其特征在于，所述账号信息至少包括用户头像、用户昵称和用户账号中的一种，所述应用信息包括应用插件的标识。

9.根据权利要求6所述的装置，其特征在于，所述装置，还包括：

更新模块，用于所述显示模块在所述页底显示所述账户信息后，检测所述应用信息是否有更新；如果是，则所述显示模块显示更新后的账户信息。

10.根据权利要求6所述的装置，其特征在于，所述装置，还包括：

首页返回模块，用于在所述页底显示用于返回门户首页的切换控件。

Images