CN108469972A - 支持web页面中显示多窗口的方法和装置 - Google Patents

Abstract

本发明公开了一种支持WEB页面中显示多窗口的方法和装置。其中，该方法包括：获取录入至前端设备的用户信息，并获取在所述前端设备上打开的终端WEB页面的标识符；根据所述终端WEB页面的标识符，确定待登录至所述前端设备上的至少两个后台服务器；在验证所述用户信息通过之后，获取所述至少两个后台服务器返回的内容；将每个后台服务器的内容分别显示在所述终端WEB页面中对应的窗口中。本发明解决了无法在同一WEB页面对不同窗口的展示和同步操作的技术问题。

Description

支持WEB页面中显示多窗口的方法和装置

技术领域

本发明涉及信息处理领域，具体而言，涉及一种支持WEB页面中显示多窗口的方法和装置。

背景技术

现有技术中，通过web页面终端登录服务器的方案中，需先建立本地的web页面终端，然后通过ssh建立连接到远端的服务器，例如，一个web页面终端可以同时连接多台服务器，以实现对于多台服务器的同步操作或者同步视图，具体地，在建立的web页面终端上，可以提供分屏功能(展示在不同的web页面上，无法在同一页面中显示多窗口)，通过该分屏功能可以将不同服务器的信息显示在web页面终端的不同WEB页面上，通过不同的WEB页面展示不同服务器的信息。

在现有技术的上述方案中，只是一种供用户建立连接的工具，该工具无法对主机进行登陆管理，无法提供批量登录主机，该工具无法同时对多个服务器的信息进行同步操作，也无法记录用户的主机的信息。

针对上述无法在同一WEB页面对不同窗口的展示和同步操作的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种支持WEB页面中显示多窗口的方法和装置，以至少解决无法在同一WEB页面对不同窗口的展示和同步操作的技术问题。

根据本发明实施例的一个方面，提供了一种支持WEB页面中显示多窗口的方法，包括：获取录入至前端设备的用户信息，并获取在所述前端设备上打开的终端WEB页面的标识符；根据所述终端WEB页面的标识符，确定待登录至所述前端设备上的后台服务器；在验证所述用户信息通过之后，获取至少两个所述后台服务器返回的内容；将每个后台服务器的内容分别显示在所述终端WEB页面中对应的窗口中。

根据本发明实施例的另一方面，还提供了一种支持WEB页面中显示多窗口的装置，包括：第一获取单元，用于获取录入至前端设备的用户信息，并获取在所述前端设备上打开的终端WEB页面的标识符；确定单元，用于根据所述终端WEB页面的标识符，确定待登录至所述前端设备上的后台服务器；第二获取单元，用于在验证所述用户信息通过之后，获取至少两个所述后台服务器返回的内容；显示单元，用于将每个后台服务器的内容分别显示在所述终端WEB页面中对应的窗口中。

在本发明实施例中，在获取在前端设备上打开的终端WEB页面的标识符之后，根据终端WEB页面的标识符，确定待登录至前端设备上的后台服务器，并在验证用户信息通过之后，获取至少两个后台服务器返回的内容，将该多个后台服务器的内容显示在同一个终端WEB页面中。在该实施例中，可以在前端设备上打开终端WEB页面之后，根据该终端WEB页面的标识符获取待登陆的至少两个后台服务器，并在批量登录该后台服务器之后，将该多个后台服务器的信息展示在同一终端WEB页面上，解决了现有技术中不支持同一WEB页面中展示多个主机内容的技术问题，同时可以解决不支持批量登录后台服务器的问题，实现了可以批量登录后台服务器、并将多个后台服务器的信息展示在同一WEB页面中的效果。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明一个实施例提供的一种网络环境示意图；

图2是根据本发明一个实施例提供的一种可选的支持WEB页面中显示多窗口的方法的流程图一；

图3是根据本发明一个实施例提供的一种可选的支持WEB页面中显示多窗口的方法的流程图二；

图4是根据本发明一个实施例提供的一种可选的支持WEB页面中显示多窗口的方法的流程图三；

图5是根据本发明一个实施例提供的一种可选的支持WEB页面中显示多窗口的方法的流程图四；

图6是根据本发明一个实施例提供的一种可选的支持WEB页面中显示多窗口的方法的流程图五；

图7是根据本发明一个实施例提供的一种可选的支持WEB页面中显示多窗口的方法的流程图六；

图8是根据本发明一个实施例提供的一种可选的支持WEB页面中显示多窗口的装置的示意图；

图9是根据本发明一个实施例提供的一种用于实现支持WEB页面中显示多窗口的方法的计算机终端的硬件结构框图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

首先，在对本申请实施例进行描述的过程中出现的部分名词或术语适用于如下解释：

前端：通常指网站的前台部分，包括网站的表现层和结构层，在本申请实施例中，可以指用于显示web页面(即网页页面)的终端(又称之为前端设备或计算设备)。

交互设备：为服务器提供给用户能与之交互的设备，如键盘和显示器。

虚拟终端：是一种提供类似与Internet的Telnet协议的远程终端仿真的国际标准化组织协议。在远程终端的用户，可以在远程计算机上运行应用程序，就像他们是坐在这台计算机前面一样。其中，虚拟终端可以基于xterm实现的一种终端协议，在已有的GUI桌面(如，windows，ubuntu，mac桌面等)上通过某种虚拟端程序生成一个用于模拟物理终端的命令窗口，使用户可以在窗口中敲击命令来操控目标机器。本发明实施例中的终端可以是虚拟终端。

GUI，全称Graphical User Interface,图形用户界面，又称图形用户接口，是指采用图形方式显示的计算机操作用户界面。

终端协议xterm：这个协议规定了终端和服务器之间是如何交互的。具体地讲，xterm规定键盘上敲击的字符怎么样编码，发送给服务器，然后终端如何解析来自服务器返回的内容。

SSH，全称Secure Shell，安全协议外壳，为建立在应用层基础上的安全协议。

Meta库，用于存储元素可提供相关页面的元信息，例如，针对搜索引擎和更新频度的描述和关键词，该元信息定义了与文档相关联的名称/键对。

实施例1

根据本发明一个实施例，提供了一种支持WEB页面中显示多窗口的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1是根据本发明一个实施例提供的一种网络环境示意图，如图1所示，该网络环境中包括前端设备11和后台服务器13。具体地，该图1中的前端设备是一种计算设备，用于显示浏览器窗口，本申请实施例中的支持WEB页面中显示多窗口的方法可以指支持在浏览器窗口中显示的同一WEB页面中显示多个窗口的方法。后台服务器可以为提供显示内容的后台服务器。

可选地，该前端设备上安装有基于xterm协议实现的一种WEB页面软件(即WEB页面终端)。例如，该WEB页面终端是B/S模式(即浏览器/服务器模式)，通过浏览器和服务器建立websocket的方式进行交互的，可以在浏览器上通过登陆主机的方式，直接打开远端服务器的界面。其中，websocket是HTML5(即超文本标记语言5)的一种协议，通过该协议可以实现浏览器与服务器全双工通信。其中，后台服务器可以为linux服务器。

其中，前端设备可以具有显示器，通过该显示器的屏幕显示浏览器窗口，可选地，该显示器可以为触摸显示器(也被称为“触摸屏”或“触摸显示屏”)。根据本申请一个实施例，上述的前端设备具有图像用户界面(GUI)，用户可以通过触摸触敏表面上的手指接触和/或手势来与GUI进行人机交互，此处的人机交互功能可选的包括如下交互：显示后台服务器的内容、创建网页、绘图、文字处理、制作电子文档、游戏、视频会议、即时通信、收发电子邮件、通话界面、播放数字视频、播放数字音乐和/或网络浏览等、用于执行上述人机交互功能的可执行指令被配置/存储在一个或多个处理器可执行的计算机程序产品或可读存储介质中。

前端设备11可以经由数据网络连接或电子连接到一个或多个后台服务器13。其中，数据网络连接可以是局域网连接、广域网连接、因特网连接，或其他类型的数据网络连接。前端设备11可以执行以连接到由一个后台服务器(例如安全服务器)或一组后台服务器执行的网络服务。后台服务器是基于网络的用户服务器，诸如社交网络、云资源、电子邮件、在线支付或其他在线应用。

在上述运行环境下，图2是根据本申请一个实施例的一种可选的支持WEB页面中显示多窗口的方法的流程图一，该方法可以包括：

步骤S202：获取前端设备的用户信息，并获取在前端设备上打开的终端WEB页面的标识符。

在上述实施例中，用户信息可以包括用户名、用户ID和密码。

可选地，前端设备上安装有浏览器应用，用户通过该浏览器应用可以打开浏览器窗口。用户可以通过该浏览器窗口输入部分或全部用户信息。

可选地，在浏览器窗口中显示信息录入界面，该信息录入界面上显示有一个或多个输入窗口，每个输入窗口用于提示输入不同的信息，进一步地，输入窗口可以为文字输入窗口或者信息选择窗口，本申请对此不做限定。

前端设备的处理器获取通过浏览器输入的部分或全部用户信息(如用户名、密码以及用户ID等信息)。

上述的终端WEB页面可以为在前端设备的浏览器中打开的WEB页面，也即，通过前端设备的浏览器窗口可以进入该终端WEB页面。

可选地，在获取到用户信息之后，利用预存的信息对用户信息进行验证，在验证用户信息通过的情况下，web服务器提供终端WEB页面，并将该终端WEB页面的信息返回至前端设备，前端设备接收到该终端WEB页面之后，将该终端WEB页面提供给浏览器窗口，在浏览器窗口展示该终端WEB页面，并获取在前端设备上打开的终端WEB页面的标识符；在利用预存的信息对用户信息进行验证之后，若验证未通过，则提示验证未通过，或提示登陆失败。

为了保证信息安全，该预存的信息可以加密存储在数据库中，在获取到用户信息之后，可以从数据库中查找与用户信息中用户名对应的验证信息，该验证信息可以包括密码，若该验证信息中的密码与获取到的用户信息中的密码相匹配，则确定用户信息验证通过。

另一种可选地，在获取到录入的用户信息之后，可以对该用户信息中的密码进行加密处理，若存储的验证信息也使用同样的加密算法进行处理过，则直接比较该存储的验证信息与加密后的密码是否一致，若一致，则确定验证信息中的密码与获取到的用户信息中的密码相匹配；若不一致，则确定验证信息中的密码与获取到的用户信息中的密码不匹配。

若存储的验证信息为明文数据(即未使用加密算法进行处理过的数据)，则可以对该明文数据使用同样的加密算法进行处理，得到密文数据，并比较该密文数据与加密后的密码是否一致，若一致，则确定验证信息中的密码与获取到的用户信息中的密码相匹配；若不一致，则确定验证信息中的密码与获取到的用户信息中的密码不匹配。

可选地，使用哈希算法对密码和/或验证信息进行加密处理。

上述实施例中终端WEB页面的标识符为唯一标识终端WEB页面的信息，该信息可以为字符串，如多位数字组成的字符串。

可选地，该终端WEB页面的标识符可以为在进入该终端WEB页面之后，处理器随机生成的串码。

步骤S204：根据终端WEB页面的标识符，确定待登录至前端设备上的后台服务器。

在获取终端WEB页面的标识符之后，根据该标识符确定待登录至前端设备上的后台服务器，该确定出的待登录至前端设备上的后台服务器，可以为至少两个，也可以是空，例如，用户重新打开WEB页面时。如果是空值的话，可以获取主机列表，并将主机列表展示给用户进行登录。

可选地，根据终端WEB页面的标识符，确定待登录至前端设备上的至少两个后台服务器包括：根据终端WEB页面的标识符判断是否存在已经登录至前端设备的后台服务器；如果不存在，则弹出主机列表窗口；从主机列表窗口中选择至少两个后台服务器作为待登录的后台服务器。

进一步地，在根据终端WEB页面的标识符判断是否存在已经登录至前端设备的后台服务器之后，如果存在，则将已经登录的后台服务器直接进行显示。

可选地，根据终端WEB页面的标识符判断是否存在已经登录至前端设备的后台服务器可以通过如下方法实现：通过终端WEB页面的标识符在meta库中查找当前是否已有登陆的后台服务器。其中，Meta库用于存储元素可提供相关WEB页面的元信息，例如，针对搜索引擎和更新频度的描述和关键词，该元信息定义了与文档相关联的名称/键对。

在上述实施例中，meta库中记录了所有前端设备登陆的后台服务器的信息，该后台服务器的信息包括主机IP、端口号等信息，可以将后台服务器的信息与用户信息建立绑定关系，也即，建立后台服务器与用户信息的关联关系(或称之为对应关系)。利用该终端WEB页面的标识符可以在meta库中查找出所有前端设备登陆的后台服务器的信息，得到查找结果，根据该查找结果判断是否存在已经登录至前端设备的后台服务器；若查找结果为空，则判断出不存在已经登录至前端设备的后台服务器；若查找结果不为空，则判断出存在已经登录至前端设备的后台服务器。

上述的主机列表用于记录所有前端设备已登陆或能够登陆的后台服务器的主机信息。主机列表窗口用于显示该主机列表，该主机列表记录在meta库中，在meta库中执行查询操作实质上是在主机列表中进行查找。

可选地，该主机列表窗口中的主机列表中记录有多条主机信息，每个主机信息均能够被选择，用户可以输入选中指令，从主机列表窗口中选择至少两个后台服务器作为待登录的后台服务器。

进一步地，该主机列表窗口可以内嵌在终端WEB页面中，也可以悬浮框的形式展示在终端WEB页面上，本申请对此不做限定。

步骤S206：在验证用户信息通过之后，获取至少两个后台服务器返回的内容。其中，后台服务器返回的内容可以为前端设备的用户信息所具有的权限对应的全部或部分内容。

为了进一步提高信息的安全性，在一个可选的实施例中，在获取在前端设备上打开的终端WEB页面的标识符之前，方法还可以包括：在验证用户信息通过的情况下，展示前端设备提供的终端WEB页面，其中，WEB页面的标识符与前端设备的标识符进行绑定。

其中，绑定是指建立不同信息之间的对应关系，并保存该建立的对应关系，例如，绑定应用账号的通信号码(如手机号)，则可以建立并保存该应用账号与通信号码的对应关系。

在将WEB页面的标识符与前端设备进行绑定之后，具有该标识符的终端WEB页面在前端设备上展示被认为是合法或正确的，若具有该标识符的终端WEB页面请求展示在其他前端设备上，被认为是不合法或不正确的。

图3是根据本本发明一个实施例提供的一种可选的支持WEB页面中显示多窗口的方法的流程图二，在图3所示的可选实施例中，在获取至少两个后台服务器返回的内容之前，方法还可以包括：

步骤S301：发送登录请求至至少两个后台服务器。

可选地，前端设备在获取到用户信息之后，将用户信息进行加密处理，将加密后的用户信息进行封装，并将封装得到的数据包发送至对应的后台服务器。

步骤S302：接收每个后台服务器返回的登录令牌，并与终端WEB页面的标识符进行绑定。其中，当刷新终端WEB页面时，根据终端WEB页面的标识符查找到对应的登录令牌，并根据登录令牌获取对应的后台服务器的内容。

在后台服务器获取到封装得到的数据包之后，对其进行解析，得到登陆请求，并在用户信息验证通过的情况下，生成与该登陆请求对应的令牌，并将该令牌返回给前端设备，该令牌表示前端设备已经登陆该后台服务器，该令牌可以为标识信息。

在前端设备接收到该令牌之后，将该令牌与终端WEB页面的标识符进行绑定，在用户刷新WEB页面时，可以通过查找用于已登陆的令牌，恢复出用户通过前端设备已登陆的后台服务器。

步骤S208：将每个后台服务器的内容分别显示在终端WEB页面中对应的窗口中。

在获取到后台服务器的内容之后，可以将每个后台服务器的内容分别显示在终端WEB页面中对应的窗口，以将多个后台服务器的内容显示在同一个终端WEB页面中。

通过上述实施例，在获取在前端设备上打开的终端WEB页面的标识符之后，根据终端WEB页面的标识符，确定待登录至前端设备上的至少两个后台服务器，并在验证用户信息通过之后，获取至少两个后台服务器返回的内容，将该多个后台服务器的内容显示在同一个终端WEB页面中。在该实施例中，可以在前端设备上打开终端WEB页面之后，根据该终端WEB页面的标识符获取待登陆的至少两个后台服务器，并在批量登录该后台服务器之后，将该多个后台服务器的信息展示在同一终端WEB页面上，解决了现有技术中不支持同一WEB页面中展示多个主机内容的技术问题，同时可以解决不支持批量登录后台服务器的问题，实现了可以批量登录后台服务器、并将多个后台服务器的信息展示在同一WEB页面中的效果。

在上述实施例中，在用户录入用户信息之后，即可批量登录至少一台后台服务器，从而可以实现一键登录的效果，另外，在该方案中，将至少一台服务器的内容展示在同一终端WEB页面的不同窗口中，用户可以同时或同步对同一终端WEB页面中不同窗口内的信息进行操作。

下面结合图4对一种可选的实施例进行详细描述，如图4所示的实施例示出了web端登陆、获取主机列表、以及刷新后保持用户登录状态的实现方案，在该实施例中，可以通过主机列表记录所有用户已登录的主机信息，该主机列表保存在本地的meta库中，并将主机信息和用户的身份进行绑定。可选地，绑定后的信息包括：用户id，主机ip，端口号port，用户名，以及密码等，其中，密码可以是通过加密处理的。

图4是根据本发明一个实施例提供的支持WEB页面中显示多窗口的方法的流程图三，如图4所示，该实施例可以包括：

步骤S401：在用户身份验证成功后，进入多屏终端WEB页面。

该实施例中的多屏终端WEB页面即为上述实施例中的终端WEB页面，在进入终端WEB页面之后，处理器会随机生成一个串码称为groupId作为此次WEB页面的唯一标识符(即上述实施例中的终端WEB页面的标识符)，该标识符和当前窗口打开的终端进行绑定。

步骤S402：通过当前WEB页面的groupId到meta库中查找当前是否已有已经登录的终端。

如果没有，则执行步骤S403，如果有，则执行步骤S404。

步骤S403：弹出用户的主机列表窗口。

可选地，该主机列表窗口用于展示主机列表，该主机列表中记录有前端设备能够登陆的后台服务器的主机信息，用户可以从该主机列表中选择至少两个后台服务器，并登陆该选择的至少两个后台服务器。

步骤S404：将当前已登录的终端直接显示给用户。

根据上述实施例，用户可以通过新建终端的入口进行新窗口的登陆，用户需要输入用户所在前端设备的ip、前端设备的端口号port、用户名和密码，通过https协议进行加密封装，得到登陆请求，发送到web服务器(即网页服务器)。

进一步地，后台服务器收到登陆请求后，随即生成一个登陆的token作为用户已登录的标识，和当前的groupId进行绑定。

进一步可选地，当用户刷新WEB页面时，通过当前的groupId去后台找到用户已登录的token，恢复出用户已登录的主机。

通过上述实施例，能够同时支持多台服务器登录并能够将多个后台服务器的信息同时显示在相同WEB页面，通过上述实施例，可以支持用户保存已登录的主机，并支持一键登录，所有登录成功的主机会同时地显示在同一个WEB页面内。如果登录失败则会提示用户登陆失败。

图5是根据本发明一个实施例提供的一种可选的支持WEB页面中显示多窗口的方法的流程图四，根据本发明的上述实施例，在将每个后台服务器的内容分别显示在终端WEB页面中对应的窗口中之后，方法还可以包括图5所示的步骤：

步骤S501：获取终端WEB页面中的焦点的位置。

焦点，即为关注的区域，也可以称之为能够***作的区域，当前光标被激活的位置即为焦点的位置。

步骤S502：检测焦点是否位于终端WEB页面中的任意一个窗口中。

其中，若是，则执行步骤S503；若否，则执行步骤S504。

可选地，获取终端WEB页面中各个窗口的尺寸范围，检测该焦点的位置是否位于各个尺寸范围内，若检测出该焦点的位置位于任意一个窗口中，执行步骤S503；若否，则执行步骤S504。

步骤S503：如果焦点位于任意一个窗口中，监听输入事件。

可选地，调用监听函数监听输入事件。该输入事件可以为通过前端设备的输入设备(如，鼠标、键盘、或触摸屏)触发的事件，例如，输入字符的事件、控件选择的事件、焦点发生的事件、失去焦点的事件、以及点击事件等。

步骤S505：如果任意一个窗口监听到输入事件，则将输入的信息发送到终端WEB页面。

步骤S506：控制终端WEB页面分发信息至其他窗口中。

若通过终端WEB页面监听到终端WEB页面中任意一个窗口的输入事件，则将该输入事件通过终端WEB页面分发至终端WEB页面中的其他窗口，从而可以实现终端WEB页面中的多个窗口的同步操作。

步骤S504：如果焦点没有位于任意一个窗口中，将焦点定位到上一次定位的窗口中，并执行步骤S505至步骤S506。

图6是根据本发明一个实施例提供的一种可选的支持WEB页面中显示多窗口的方法的流程图五，下面结合图6对本申请的一种可选实施例进行详细描述，如图6所示，该实施例可以包括如下步骤：

步骤S601：监听到鼠标事件。

步骤S602：获取WEB页面焦点。

步骤S603：检测WEB页面的焦点是否位于子页面。

其中，若否，则执行步骤S604；若是，则执行步骤S605。

步骤S604：将焦点定位到上一次的子页面。

可选地，在监听到鼠标的定位事件之后，获取当前WEB页面焦点的位置，区分这个焦点是在父页面(即上述实施例中的终端WEB页面)上还是在父页面中的某个终端窗口(即上述的终端WEB页面中的窗口)内。

例如，检测出焦点在窗口1上，将当前的窗口编号“1”发送给父页面，其中，父页面是用来承载各个终端窗口的上层WEB页面，如果检测出焦点在父页面上，需要把当前焦点定位到上一次定位的焦点位置上。

可选地，父窗口(即父页面)设置一个变量，该变量用来保存当前的焦点的位置，在下次检测出焦点位置不在任意一个窗口内的情况下，获取该变量，以定位焦点的位置。

步骤S605：监听键盘事件。

步骤S606：将事件对应的消息发送至父页面。

步骤S607：父页面分发消息。

当子页面收到键盘输入字符A，可以将该字符发送到父页面，父页面收到某个子页面的字符，将该字符分发给其他的子页面，并且过滤当前已有焦点的WEB页面(也即监听到输入事件的WEB页面无需重新分发消息，以减少处理器的资源占用)，并由每个子页面调用响应的xterm协议接口，将字符发送到服务器。

进一步地，当任何WEB页面上有鼠标点击事件后，执行步骤S601。

通过上述实施例，已成功登陆的主机终端支持同步操作，例如，同步输入，同步显示，同步执行命令等。

一种可选地，在控制终端WEB页面分发信息至其他窗口中之前，方法还可以包括：判断终端WEB页面中的每个窗口的状态；如果任意一个或多个窗口的状态为屏蔽状态，则禁止分发信息至屏蔽状态的窗口；其中，状态为屏蔽状态的窗口无法获取焦点。

进一步可选地，如果窗口的状态为关闭，则释放窗口与对应的后台服务器的链接，并根据窗口的标识从链表节点中删除，其中，链表节点用于保存每个打开的窗口的属性信息。

通过上述实施例，可以支持用户屏蔽或关闭不用的主机，关闭即将当前终端关闭，并释放链接，屏蔽则是将当前的终端屏蔽，不再接受任意指令，从而可以实现对用户已打开终端窗口的管理，例如，可以支持用户仅操作其中一个或几个终端，也可以打开或关闭部分终端。

图7是根据本发明一个实施例提供的一种可选的支持WEB页面中显示多窗口的方法的流程图六，如图7所示，该实施例可以包括：

步骤S701：当父页面分发消息的时候，查找WEB页面状态矩阵。

可选地，通过父页面维护一个WEB页面状态矩阵，该WEB页面状态矩阵可以包括两个维度，一个是iframeId(文档或框架的标识)，另一个是是否被屏蔽的标识信息。

步骤S702：若从WEB页面状态矩阵查找出WEB页面已被屏蔽，则不再分发消息到该窗口。

可选地，前端设备对于已被屏蔽的窗口，使用一个遮罩层来防止该窗口获取到鼠标的焦点，并将当前焦点定位到最近一个获取焦点且未被屏蔽的窗口。

进一步地，使用链表法来管理窗口，以实现WEB页面的关闭功能，可选地，通过虚拟的链表节点来保存每个打开的窗口的信息，该链表节点中可以保存已打开窗口的所有属性。

当某个窗口被关闭后，释放该窗口到服务器的连接，并通过窗口的id查找到对应链表的节点，删除该节点，将自该节点往后的所有的链表内对应窗口的id减一；以及同步更新父页面维护的窗口状态矩阵的数据，和WEB页面上的窗口的标识。

通过上述实施例，可以实现web端(即前端设备)的一对多的终端管理架构，通过获取已登录的主机列表，实现一键登录；以及实现多终端同步操作；并且可以实现对用户已登录终端的屏蔽和关闭管理。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

实施例2

根据本申请实施例，还提供了一种用于实施上述支持WEB页面中显示多窗口的方法的装置，如图8所示，该装置包括：

第一获取单元81，用于获取录入至前端设备的用户信息，并获取在前端设备上打开的终端WEB页面的标识符；

确定单元83，用于根据终端WEB页面的标识符，确定待登录至前端设备上的后台服务器；

第二获取单元85，用于在验证用户信息通过之后，获取至少两个后台服务器返回的内容；

显示单元87，用于将每个后台服务器的内容分别显示在终端WEB页面中对应的窗口中。

通过上述实施例，在获取在前端设备上打开的终端WEB页面的标识符之后，根据终端WEB页面的标识符，确定待登录至前端设备上的后台服务器，并在验证用户信息通过之后，获取至少两个后台服务器返回的内容，将该多个后台服务器的内容显示在同一个终端WEB页面中。在该实施例中，可以在前端设备上打开终端WEB页面之后，根据该终端WEB页面的标识符获取待登陆的至少两个后台服务器，并在批量登录该后台服务器之后，将该多个后台服务器的信息展示在同一终端WEB页面上，解决了现有技术中不支持同一WEB页面中展示多个主机内容的技术问题，同时可以解决不支持批量登录后台服务器的问题，实现了可以批量登录后台服务器、并将多个后台服务器的信息展示在同一WEB页面中的效果。

可选地，装置还可以包括：第一处理单元，用于在获取在前端设备上打开的终端WEB页面的标识符之前，在验证用户信息通过的情况下，展示前端设备提供的终端WEB页面，其中，WEB页面的标识符与前端设备的标识符进行绑定。

进一步可选地，确定单元可以包括：判断模块，用于根据终端WEB页面的标识符判断是否存在已经登录至前端设备的后台服务器；弹出模块，用于如果不存在已经登录至前端设备的后台服务器，则弹出主机列表窗口；选择模块，用于从主机列表窗口中选择至少两个后台服务器作为待登录的后台服务器。

其中，显示单元还用于如果存在已经登录至前端设备的后台服务器，则将已经登录的后台服务器直接进行显示。

可选地，装置还可以包括：第一发送单元，用于在获取至少两个后台服务器返回的内容之前，发送登录请求至至少两个后台服务器；接收单元，用于接收每个后台服务器返回的登录令牌，并与终端WEB页面的标识符进行绑定；其中，当刷新终端WEB页面时，根据终端WEB页面的标识符查找到对应的登录令牌，并根据登录令牌获取对应的后台服务器的内容。

根据本发明的上述实施例，方法还可以包括：第三获取单元，用于在将每个后台服务器的内容分别显示在终端WEB页面中对应的窗口中之后，获取终端WEB页面中的焦点的位置；监听单元，用于如果焦点位于任意一个窗口中，监听输入事件；第二发送单元，用于如果任意一个窗口监听到输入事件，则将输入的信息发送到终端WEB页面；控制单元，用于控制终端WEB页面分发信息至其他窗口中；定位单元，用于如果焦点没有位于任意一个窗口中，将焦点定位到上一次定位的窗口中。

一种可选地，装置还可以包括：判断单元，用于在控制终端WEB页面分发信息至其他窗口中之前，判断终端WEB页面中的每个窗口的状态；禁止单元，用于如果任意一个或多个窗口的状态为屏蔽状态，则禁止分发信息至屏蔽状态的窗口；其中，状态为屏蔽状态的窗口无法获取焦点。

可选地，如果窗口的状态为关闭，则释放窗口与对应的后台服务器的链接，并根据窗口的标识从链表节点中删除，其中，链表节点用于保存每个打开的窗口的属性信息。

此处需要说明的是，上述单元或模块与上述实施例中的对应步骤所实现的实例和应用场景相同，但不限于上述实施例所公开的内容。需要说明的是，上述模块作为装置的一部分可以运行在实施例提供的前端设备中。

实施例3

根据本申请实施例，提供了一种计算机终端，该计算机终端可以是计算机终端群中的任意一个计算机终端设备。可选地，在本实施例中，上述计算机终端也可以替换为移动终端等终端设备。

可选地，在本实施例中，上述计算机终端可以位于计算机网络的多个网络设备中的至少两个网络设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

本申请实施例所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。图9示出了一种用于实现支持WEB页面中显示多窗口的方法的计算机终端(或移动设备)的硬件结构框图。如图9所示，计算机终端10(或移动设备10)可以包括一个或多个(图中采用102a、102b，……，102n来示出)处理器102(处理器102可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的存储器104、以及用于通信功能的传输模块106。除此以外，还可以包括：显示器、输入/输出接口(I/O接口)、通用串行总线(USB)端口(可以作为I/O接口的端口中的一个端口被包括)、网络接口、电源和/或相机。本领域普通技术人员可以理解，图9所示的结构仅为示意，其并不对上述电子装置的结构造成限定。例如，计算机终端10还可包括比图9中所示更多或者更少的组件，或者具有与图9所示不同的配置。

应当注意到的是上述一个或多个处理器102和/或其他数据处理电路在本文中通常可以被称为“数据处理电路”。该数据处理电路可以全部或部分的体现为软件、硬件、固件或其他任意组合。此外，数据处理电路可为单个独立的处理模块，或全部或部分的结合到计算机终端10(或移动设备)中的其他元件中的任意一个内。如本申请实施例中所涉及到的，该数据处理电路作为一种处理器控制(例如与接口连接的可变电阻终端路径的选择)。

存储器104可用于存储应用软件的软件程序以及模块，如本发明实施例中的支持WEB页面中显示多窗口的方法对应的程序指令/数据存储装置，处理器102通过运行存储在存储器104内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的支持WEB页面中显示多窗口的方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器104可进一步包括相对于处理器102远程设置的存储器，这些远程存储器可以通过网络连接至计算机终端10。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

传输装置106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算机终端10的通信供应商提供的无线网络。在一个实例中，传输装置106包括一个网络适配器(Network Interface Controller，NIC)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输装置106可以为射频(Radio Frequency，RF)模块，其用于通过无线方式与互联网进行通讯。

显示器可以例如触摸屏式的液晶显示器(LCD)，该液晶显示器可使得用户能够与计算机终端10(或移动设备)的用户界面进行交互。

处理器可以通过传输装置调用存储器存储的信息及应用程序，以执行下述步骤：获取录入至前端设备的用户信息，并获取在前端设备上打开的终端WEB页面的标识符；根据终端WEB页面的标识符，确定待登录至前端设备上的后台服务器；在验证用户信息通过之后，获取至少两个后台服务器返回的内容；将每个后台服务器的内容分别显示在终端WEB页面中对应的窗口中。

可选的，上述处理器还可以执行如下步骤的程序代码：在获取在前端设备上打开的终端WEB页面的标识符之前，在验证用户信息通过的情况下，展示前端设备提供的终端WEB页面，其中，WEB页面的标识符与前端设备的标识符进行绑定。

可选的，上述处理器还可以执行如下步骤的程序代码，以根据终端WEB页面的标识符，确定待登录至前端设备上的后台服务器：根据终端WEB页面的标识符判断是否存在已经登录至前端设备的后台服务器；如果不存在，则弹出主机列表窗口；从主机列表窗口中选择至少两个后台服务器作为待登录的后台服务器。

可选的，上述处理器还可以执行如下步骤的程序代码，如果存在，则将已经登录的后台服务器直接进行显示。

可选的，上述处理器还可以执行如下步骤的程序代码，在获取至少两个后台服务器返回的内容之前，发送登录请求至至少两个后台服务器；接收每个后台服务器返回的登录令牌，并与终端WEB页面的标识符进行绑定；其中，当刷新终端WEB页面时，根据终端WEB页面的标识符查找到对应的登录令牌，并根据登录令牌获取对应的后台服务器的内容。

可选的，上述处理器还可以执行如下步骤的程序代码，在将每个后台服务器的内容分别显示在终端WEB页面中对应的窗口中之后，获取终端WEB页面中的焦点的位置；如果焦点位于任意一个窗口中，监听输入事件；如果任意一个窗口监听到输入事件，则将输入的信息发送到终端WEB页面；控制终端WEB页面分发信息至其他窗口中；如果焦点没有位于任意一个窗口中，将焦点定位到上一次定位的窗口中。

可选的，上述处理器还可以执行如下步骤的程序代码，在控制终端WEB页面分发信息至其他窗口中之前，判断终端WEB页面中的每个窗口的状态；如果任意一个或多个窗口的状态为屏蔽状态，则禁止分发信息至屏蔽状态的窗口；其中，状态为屏蔽状态的窗口无法获取焦点。

可选地，如果窗口的状态为关闭，则释放窗口与对应的后台服务器的链接，并根据窗口的标识从链表节点中删除，其中，链表节点用于保存每个打开的窗口的属性信息。

本领域普通技术人员可以理解，图9所示的结构仅为示意，计算机终端也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(MobileInternet Devices，MID)、PAD等终端设备。图9其并不对上述电子装置的结构造成限定。例如，计算机终端8还可包括比图9中所示更多或者更少的组件(如网络接口、显示装置等)，或者具有与图9所示不同的配置。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：闪存盘、只读存储器(Read-Only Memory，ROM)、随机存取器(RandomAccess Memory，RAM)、磁盘或光盘等。

本发明的实施例还提供了一种存储介质。可选地，在本实施例中，上述存储介质可以用于保存上述实施例一所提供的支持WEB页面中显示多窗口的方法所执行的程序代码。

可选地，在本实施例中，上述存储介质可以位于计算机网络中计算机终端群中的任意一个计算机终端中，或者位于移动终端群中的任意一个移动终端中。

可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码：获取录入至前端设备的用户信息，并获取在前端设备上打开的终端WEB页面的标识符；根据终端WEB页面的标识符，确定待登录至前端设备上的后台服务器；在验证用户信息通过之后，获取至少两个后台服务器返回的内容；将每个后台服务器的内容分别显示在终端WEB页面中对应的窗口中。

可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码：在获取在前端设备上打开的终端WEB页面的标识符之前，在验证用户信息通过的情况下，展示前端设备提供的终端WEB页面，其中，WEB页面的标识符与前端设备的标识符进行绑定。

可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码，以根据终端WEB页面的标识符，确定待登录至前端设备上的后台服务器：根据终端WEB页面的标识符判断是否存在已经登录至前端设备的后台服务器；如果不存在，则弹出主机列表窗口；从主机列表窗口中选择至少两个后台服务器作为待登录的后台服务器。

可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码，如果存在，则将已经登录的后台服务器直接进行显示。

可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码，在获取至少两个后台服务器返回的内容之前，发送登录请求至至少两个后台服务器；接收每个后台服务器返回的登录令牌，并与终端WEB页面的标识符进行绑定；其中，当刷新终端WEB页面时，根据终端WEB页面的标识符查找到对应的登录令牌，并根据登录令牌获取对应的后台服务器的内容。

可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码，在将每个后台服务器的内容分别显示在终端WEB页面中对应的窗口中之后，获取终端WEB页面中的焦点的位置；如果焦点位于任意一个窗口中，监听输入事件；如果任意一个窗口监听到输入事件，则将输入的信息发送到终端WEB页面；控制终端WEB页面分发信息至其他窗口中；如果焦点没有位于任意一个窗口中，将焦点定位到上一次定位的窗口中。

可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码，在控制终端WEB页面分发信息至其他窗口中之前，判断终端WEB页面中的每个窗口的状态；如果任意一个或多个窗口的状态为屏蔽状态，则禁止分发信息至屏蔽状态的窗口；其中，状态为屏蔽状态的窗口无法获取焦点。

可选地，如果窗口的状态为关闭，则释放窗口与对应的后台服务器的链接，并根据窗口的标识从链表节点中删除，其中，链表节点用于保存每个打开的窗口的属性信息。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (9)

1.一种支持WEB页面中显示多窗口的方法，其特征在于，包括：

获取前端设备的用户信息，并获取在所述前端设备上打开的终端WEB页面的标识符；

根据所述终端WEB页面的标识符，确定待登录至所述前端设备上的后台服务器；

在验证所述用户信息通过之后，获取至少两个所述后台服务器返回的内容；

将每个后台服务器的内容分别显示在所述终端WEB页面中对应的窗口中。

2.根据权利要求1所述的方法，其特征在于，在获取在所述前端设备上打开的终端WEB页面的标识符之前，所述方法还包括：

在验证所述用户信息通过的情况下，展示所述前端设备提供的所述终端WEB页面，其中，所述WEB页面的标识符与前端设备的标识符进行绑定。

3.根据权利要求2所述的方法，其特征在于，根据所述终端WEB页面的标识符，确定待登录至所述前端设备上的后台服务器，包括：

根据所述终端WEB页面的标识符判断是否存在已经登录至所述前端设备的后台服务器；

如果不存在，则弹出主机列表窗口；

从所述主机列表窗口中选择至少两个后台服务器作为待登录的后台服务器。

4.根据权利要求3所述的方法，其特征在于，如果存在，则将已经登录的后台服务器直接进行显示。

5.根据权利要求1所述的方法，其特征在于，在获取至少两个所述后台服务器返回的内容之前，所述方法还包括：

发送登录请求至所述至少两个后台服务器；

接收每个后台服务器返回的登录令牌，并与所述终端WEB页面的标识符进行绑定；

其中，当刷新所述终端WEB页面时，根据所述终端WEB页面的标识符查找到对应的登录令牌，并根据所述登录令牌获取对应的后台服务器的内容。

6.根据权利要求1至5中任意一项所述的方法，其特征在于，在将每个后台服务器的内容分别显示在所述终端WEB页面中对应的窗口中之后，所述方法还包括：

获取所述终端WEB页面中的焦点的位置；

如果所述焦点位于所述任意一个窗口中，监听输入事件；

如果任意一个窗口监听到所述输入事件，则将输入的信息发送到所述终端WEB页面；

控制所述终端WEB页面分发所述信息至其他窗口中；

如果所述焦点没有位于所述任意一个窗口中，将所述焦点定位到上一次定位的窗口中。

7.根据权利要求6所述的方法，其特征在于，在控制所述终端WEB页面分发所述信息至其他窗口中之前，所述方法还包括：

判断所述终端WEB页面中的每个窗口的状态；

如果任意一个或多个窗口的状态为屏蔽状态，则禁止分发所述信息至所述屏蔽状态的窗口；

其中，状态为所述屏蔽状态的窗口无法获取所述焦点。

8.根据权利要求7所述的方法，其特征在于，如果窗口的状态为关闭，则释放所述窗口与对应的后台服务器的链接，并根据所述窗口的标识从链表节点中删除，其中，所述链表节点用于保存每个打开的窗口的属性信息。

9.一种支持WEB页面中显示多窗口的装置，其特征在于，包括：

第一获取单元，用于获取录入至前端设备的用户信息，并获取在所述前端设备上打开的终端WEB页面的标识符；

确定单元，用于根据所述终端WEB页面的标识符，确定待登录至所述前端设备上的后台服务器；

第二获取单元，用于在验证所述用户信息通过之后，获取至少两个后台所述服务器返回的内容；

显示单元，用于将每个后台服务器的内容分别显示在所述终端WEB页面中对应的窗口中。