CN103294451A - 富页面中应用的多任务多窗口实现方法及系统 - Google Patents

Abstract

一种富页面中应用的多任务多窗口实现方法，包括以下步骤：判断应用是否为多例应用；若所述应用为多例应用，则根据所述应用生成任务；在富页面上增加与所述任务对应的窗口；在所述窗口中加载与所述窗口对应的任务。此外，还提供了一种富页面中应用的多任务多窗口实现系统。上述富页面中应用的多任务多窗口实现方法和系统可以方便用户浏览和操作。

Description

富页面中应用的多任务多窗口实现方法及系统

【技术领域】

本发明涉及互联网技术领域，特别涉及一种富页面中应用的多任务多窗口实现方法及系统。

【背景技术】

富页面即整合了体验、基础功能、设置、管理、应用的一站式网页服务。富页面通常提供可供拖拽(drag & drop)的用户接口，用户可以通过拖拽富页面中的内部模块调整富页面的展示界面。内部模块主要包括应用、widget(微件)等。富页面通常采用ajax技术对内部模块进行更新和切换，不需要进行页面跳转。

传统技术中，富页面通常采用同一窗口模式的重复应用来管理富页面中的应用。也就是说，富页面在同一区域通过异步通信技术将应用的数据在该区域中加载和展示，应用与显示区域(窗口)一一对应。造成了每个应用只能对应一个窗口。使得应用在展示上具有局限。

例如，某个用于记录便签的多例应用(可以同时存在多个运行实例的应用)，在windows平台上时，可以对应多个编辑窗口。而移植到富页面上时，由于应用与窗口一一对应的局限性，该用于记录便签的应用只能对应一个窗口。因此，传统技术中，富页面没有提供快速切换应用内容的接口，需要通过切换浏览器标签来切换应用内容，缺乏灵活性，从而不方便用户浏览和操作。

【发明内容】

基于此，有必要提供一种更灵活的，能方便用户浏览和操作的富页面中应用的多任务多窗口实现方法。

一种富页面中应用的多任务多窗口实现方法，包括以下步骤：

根据应用加载请求获取相应的应用；

判断所述应用是否为多例应用；

若所述应用为多例应用，根据所述应用生成任务；

在富页面上增加与所述任务对应的窗口，每个任务对应相应的窗口；

在所述窗口中加载与所述窗口对应的任务。

优选的，所述判断应用是否为多例应用的步骤之后还包括：

若所述应用不为多例应用，判断是否有与所述应用对应的任务运行；

若是，根据所述应用更新所述任务，否则，执行所述根据所述应用生成任务的步骤。

优选的，所述在所述窗口中加载与所述窗口对应的任务的步骤之后还包括：

将所述任务添加到预设的任务列表中。

优选的，所述在富页面上增加与所述任务对应的窗口的步骤之前还包括：

判断所述任务是否为非窗口任务；

若所述任务为非窗口任务，在后台加载所述任务，并执行所述将所述任务添加到预设的任务列表中的步骤；

否则，执行所述在富页面上增加与所述任务对应的窗口的步骤。

优选的，所述将所述任务添加到预设的任务列表中的步骤之前还包括：

判断所述任务列表中的任务的个数是否大于或等于阈值；

若是，则将最早添加到任务列表中的任务挂起，并移除所述任务对应的窗口。

优选的，所述方法还包括：

获取任务终止请求；

获取与所述任务中止请求对应的任务；

获取与所述任务对应的窗口，并移除所述窗口；

注销所述任务，并将所述任务在所述任务列表中移除。

此外，还有必要提供一种更灵活的，能方便用户浏览和操作的富页面中应用的多任务多窗口实现系统。

一种富页面中应用的多任务多窗口实现系统，包括以下模块：

应用获取模块，用于根据应用加载请求获取相应的应用；

应用判断模块，用于判断应用是否为多例应用；

任务生成模块，用于在所述应用为多例应用时，根据所述应用生成任务；

窗口增加模块，用于在富页面上增加与所述任务对应的窗口，每个任务对应相应的窗口；

任务加载模块，用于在所述窗口中加载与所述窗口对应的任务。

优选的，还包括任务更新模块，用于在所述应用不为多例应用时，判断是否有与所述应用对应的任务运行，若是，根据所述应用更新所述任务，否则，用于调用所述任务生成模块根据所述应用生成任务。

优选的，还包括任务管理模块，用于将所述任务添加到预设的任务列表中。

优选的，还包括任务判断模块，用于判断所述任务是否为非窗口任务；若所述任务为非窗口任务，在后台加载所述任务，并用于调用所述任务管理模块将所述任务添加到预设的任务列表中；否则，调用所述窗口增加模块。

优选的，还包括任务挂起模块，用于判断所述任务列表中的任务的个数是否大于或等于阈值，当所述任务列表中的任务的个数大于或等于阈值时，将最早添加到任务列表中的任务挂起，并移除所述任务对应窗口。

优选的，还包括任务注销模块，用于获取任务终止请求，获取与所述任务中止请求对应的任务，获取与所述任务对应的窗口，并移除所述窗口，注销所述任务，并将所述任务在所述任务列表中移除。

上述富页面中应用的多任务多窗口实现方法和系统，先判断应用是否能够以多实例运行，然后在应用可以多实例运行时，通过为每个运行实例生成相应的任务，并在富页面上为每个任务增加相应的窗口实现了将应用与多个窗口对应。使富页面提供了快速切换应用内容的接口，可以以多个窗口分别运行同一个应用的不同的实例，使得用户不需要新开浏览器窗口或标签页来运行应用，从而实现了“一站式”服务，使用更加灵活，从而为用户的浏览和操作提供了便利。

【附图说明】

图1为一个实施例中富页面中应用的多任务多窗口实现方法的流程图；

图2为另一个实施例中富页面中应用的多任务多窗口实现方法的流程图；

图3为一个实施例中富页面中应用的多任务多窗口实现注销任务的方法流程图；

图4为一个实施例中富页面中应用的多任务多窗口实现系统的结构示意图；

图5为另一个实施例中富页面中应用的多任务多窗口实现系统的结构示意图。

【具体实施方式】

如图1所示，在一个实施例中，一种富页面中应用的多任务多窗口实现方法，包括以下步骤：

步骤S102，根据应用加载请求获取相应的应用。

富页面中的应用即为可在富页面上运行的应用程序。可通过获取富页面上的鼠标点击或按键事件来获取应用加载请求。应用包括应用名称和应用标识。可通过从应用加载请求中获取应用标识来获取应用。

步骤S104，判断应用是否为多例应用，若是，则执行步骤S106，否则执行步骤S112。

多例应用即为可以以多个实例运行的应用。例如，记事本应用在运行时，可以存在多个运行实例的输入区域。判断应用是否为多例应用时，通过脚本语言读取应用的配置信息，根据该配置信息判断应用是否为多例应用。脚本语言可以是javascript、actionscript(基于flash技术)等。

步骤S106，根据应用生成任务。

任务即为应用的运行实例。任务可以是进程、线程或线程簇(为实现同一功能而协作的多个线程的集合)。在富页面中，可通过调用富页面中的脚本函数通过获取应用的数据生成任务。

例如，若应用为flash应用，则根据富页面中的链接获取flash数据。若应用为javascript应用，则可通过AJAX技术根据链接通过异步的方式获取应用的数据。

步骤S108，在富页面上增加与任务对应的窗口，每个任务对应相应的窗口。

窗口即富页面上的显示区域。可通过iframe或div标签在富页面上对窗口进行标记，并通过CSS(Cascading Style Sheet，级联样式表)对窗口的位置、大小、背景色、是否有滚动条等参数进行限定。

进一步的，任务具有任务标识，窗口具有窗口标识。在富页面上增加与任务对应的窗口时，可通过将任务标识和窗口标识对应来将富页面上已标记的窗口分配给任务。

例如，任务标识可以采用进程标识或主线程名称。可通过将任务标识设置到窗口的iframe或div标签中的id属性来将该窗口与该任务标识对应。也可预设任务标识和窗口标识的映射表，通过将任务标识和窗口标识成对添加到该映射表中来将任务和窗口对应。

步骤S110，在窗口中加载与窗口对应的任务。

可通过预设的由脚本语言编写的任务加载函数加载任务。可将窗口标识作为参数传递给任务加载函数，然后调用任务加载函数。任务加载函数启动任务的进程或主线程，然后任务的进程或主线程将需要展示的表单、图片、视频、动画、flash等内容展示在与窗口标识对应的富页面的窗口中。

进一步的，在一个实施例中，在窗口中加载与窗口对应的任务之后还可将任务添加到预设的任务列表中。

任务列表可以为队列数据结构，可以生成任务的时间顺序将任务添加到任务列表中。进一步的，当获取到任务列表查看指令时，可将任务列表以列表的形式展示，方便用户了解当前有哪些任务已在运行。

步骤S112，判断是否有与应用对应的任务运行，若是，则执行步骤S114，否则执行步骤S106。

步骤S114，根据应用更新任务。

当应用不为多例应用时，应用在同一时间只能以一个任务运行而不能多任务并发运行。在一个实施例中，可通过在内存中查找是否有与应用标识对应的任务标识来判断是否有与应用对应的任务运行。

例如，可使用主线程名称作为任务的任务标识，可在脚本语言的解释器中通过预设的接口函数获取当前正在运行的任务的主线程集合，然后再根据应用的应用标识在主线程集合中查找与应用标识对应的主线程，若找到，则有与应用对应的任务运行。

在另一个实施例中，还可通过在任务列表中查找是否有与应用对应的任务来判断是否有应用对应的任务运行。

根据应用更新任务时，可将链接传递给富页面上预设的脚本函数，由脚本函数从远端获取最新的应用的数据，然后再根据该获取到的应用的数据更新任务。例如，可通过链接在远端获取更新的图片、标签、动画等素材，然后将获取到的素材更新到任务中，替换任务中原有的素材。

在另一个实施例中，如图2所示，在富页面上增加与任务对应的窗口(步骤S108)之前还执行：

步骤S118，判断任务是否为非窗口任务，若是，则进入步骤S120，否则进入步骤S108。

步骤S120，在后台加载任务。

步骤S116，将任务添加到预设的任务列表中。

非窗口任务即后台运行的任务。例如，用于传输数据的数据传输任务在运行时，由于不需要展示界面，因此不需要在富页面上增加窗口作为显示区域。在后台加载非窗口任务时，不需要增加窗口，只需要在后台(内存中)启动任务的进程或主线程即可。

在一个实施例中，将任务添加到预设的任务列表中(步骤114)之前还可判断任务列表中的任务的个数是否大于或等于阈值；若大于或等于，将最早添加到任务列表中的任务挂起，并移除任务对应窗口。

先将任务列表中的任务按照添加到任务列表中的时间顺序排序，则任务列表中处于首位或末尾的任务即为最早添加到任务列表中的任务。

可通过挂起任务对应的进程或主线程将任务挂起。移除任务对应的窗口时，可通过隐藏任务对应的窗口在富页面上的相应的节点来实现。当获取到任务恢复请求时，先恢复任务对应的进程或主线程，然后，再将隐藏的富页面上的对应窗口的节点置为显示状态。

进一步的，移除任务对应窗口可通过移除任务对应的窗口在富页面上的相应的节点实现，恢复任务对应的窗口可通过重新在富页面上增加窗口来实现。对于低版本的浏览器或低配置的计算机，当富页面中用于标记窗口的节点过多时，会影响展示效果，影响任务运行。通过在任务挂起时将节点移除，任务恢复时再重新增加窗口，可以使富页面上的窗口数与正在运行的任务的数量保持同步。从而避免了在富页面上保留不必要的节点，提高了展示效果。

在一个实施例中，如图3所示，富页面中应用的多任务多窗口实现方法还包括：

步骤S202，获取任务终止请求。

步骤S204，获取与任务中止请求对应的任务。

步骤S206，获取与任务对应的窗口，并移除窗口。

步骤S208，注销任务，并将任务在任务列表中移除。

可通过获取富页面上的窗口上的结束、关闭等按钮的触发事件获取任务终止请求。任务中止请求中包括任务标识。可在内存中根据任务标识查找到与任务标识对应的任务。然后再由该任务标识获取富页面上的与任务对应的窗口。

在一个实施例中，窗口分为主窗口和子窗口，子窗口即显示在主窗口中的窗口。在移除窗口时，先移除主窗口中的子窗口，当所有子窗口移除成功后，再移除主窗口。当主窗口移除后再执行步骤S208。

可通过终止任务的进程或主线程，清除任务数据注销任务。注销任务后，还将任务从任务列表中删除。

如图4所示，在一个实施例中，一种富页面中应用的多任务多窗口实现系统，包括应用判断模块102、应用判断模块104、任务生成模块106、窗口增加模块108以及任务加载模块110，其中：

应用判断模块102，用于根据应用加载请求获取相应的应用。

富页面中的应用即为可在富页面上运行的应用程序。可通过获取富页面上的鼠标点击或按键事件来获取应用加载请求。应用包括应用名称和应用标识。可通过从应用加载请求中获取应用标识来获取应用。

应用判断模块104，用于判断应用是否为多例应用。

多例应用即为可以以多个实例运行的应用。例如，记事本应用在运行时，可以存在多个运行实例的输入区域。判断应用是否为多例应用时，通过脚本语言读取应用的配置信息，根据该配置信息判断应用是否为多例应用。脚本语言可以是javascript、actionscript(基于flash技术)。

任务生成模块106，用于在应用为多例应用时，根据应用生成任务。

任务即为应用的运行实例。任务可以是进程、线程或线程簇(为实现同一功能而协作的多个线程的集合)。在富页面中，可通过调用富页面中的脚本函数通过获取应用的数据生成任务。

例如，若应用为flash应用，则根据富页面中的链接获取flash数据。若应用为javascript应用，则可通过ajax技术根据链接通过异步的方式获取应用的数据。

窗口增加模块108，用于在富页面上增加与任务对应的窗口。

窗口即富页面上的显示区域。可通过iframe或div标签在富页面上对窗口进行标记，并通过CSS(Cascading Style Sheet，级联样式表)对窗口的位置、大小、背景色、是否有滚动条等参数进行限定。

进一步的，任务具有任务标识，窗口具有窗口标识。在富页面上增加与任务对应的窗口时，可通过将任务标识和窗口标识对应来将富页面上已标记的窗口分配给任务。

例如，任务标识可以采用进程标识或主线程名称。可通过将任务标识设置到窗口的iframe或div标签中的id属性来将该窗口与给该任务标识对应。也可预设任务标识和窗口标识的映射表，通过将任务标识和窗口标识成对添加到该映射表中来将任务和窗口对应。

任务加载模块110，用于在窗口中加载与窗口对应的任务。

可通过预设的由脚本语言编写的任务加载函数加载任务。可将窗口标识作为参数传递给任务加载函数，然后调用任务加载函数。任务加载函数启动任务的进程或主线程，然后任务的进程或主线程将需要展示的表单、图片、视频、动画、flash等内容展示在与窗口标识对应的富页面的窗口中。

进一步的，在一个实施例中，如图5所示，富页面中应用的多任务多窗口实现系统还包括任务管理模块112，用于将任务添加到预设的任务列表。

任务列表可以为队列数据结构，可以生成任务的时间顺序将任务添加到任务列表中。进一步的，当获取到任务列表查看指令时，可将任务列表以列表的形式展示，方便用户了解当前有哪些任务已在运行。

在一个实施例中，如图5所示，富页面中应用的多任务多窗口实现系统还包括任务更新模块114，用于在应用不为多例应用时，判断是否有与应用对应的任务运行，若是，根据应用更新任务，否则，用于调用任务生成模块106根据应用生成任务。

当应用不为多例应用时，应用在同一时间只能以一个任务运行而不能多任务并发运行。

在一个实施例中，可通过在内存中查找是否有与应用标识对应的任务标识来判断是否有与应用对应的任务运行。

例如，可使用主线程名称作为任务的任务标识，可在脚本语言的解释器中通过预设的接口函数获取当前正在运行的任务的主线程集合，然后再根据应用的应用标识在主线程集合中查找与应用标识对应的主线程，若找到，则有与应用对应的任务运行。

在另一个实施例中，任务更新模块114也可通过在任务列表中查找与应用对应的任务来判断是否有与应用对应的任务运行。

根据应用更新任务时，可将链接传递给富页面上预设的脚本函数，由脚本函数从远端获取最新的应用的数据，然后再根据该获取到的应用的数据更新任务。例如，可通过链接在远端获取更新的图片、标签、动画等素材，然后将获取到的素材更新到任务中，替换任务中原有的素材。

在一个实施例中，如图5所示，富页面中应用的多任务多窗口实现系统还包括任务判断模块116，用于判断任务是否为非窗口任务；若任务为非窗口任务，在后台加载任务，并用于调用任务管理模块112将任务添加到预设的任务列表中；否则，调用窗口增加模块108。

非窗口任务即后台运行的任务。例如，用于传输数据的数据传输任务在运行时，由于不需要展示界面，因此不需要在富页面上增加窗口作为显示区域。在后台加载非窗口任务时，不需要增加窗口，只需要在后台(内存中)启动任务的进程或主线程即可。

在一个实施例中，富页面中应用的多任务多窗口实现系统还包括任务挂起模块(图中未标示)，用于判断任务列表中的任务的个数是否大于或等于阈值，当任务列表中的任务的个数大于或等于阈值时，将最早添加到任务列表中的任务挂起，并移除任务对应窗口。

先将任务列表中的任务按照添加到任务列表中的时间顺序排序，则任务列表中处于首位或末尾的任务即为最早添加到任务列表中的任务。

可通过挂起任务对应的进程或主线程将任务挂起。移除任务对应的窗口时，可通过隐藏任务对应的窗口在富页面上的相应的节点来实现。当获取到任务恢复请求时，先恢复任务对应的进程或主线程，然后，再将隐藏的富页面上的对应窗口的节点置为显示状态。

进一步的，移除任务对应窗口可通过移除任务对应的窗口在富页面上的相应的节点实现，恢复任务对应的窗口可通过重新在富页面上增加窗口来实现。对于低版本的浏览器或低配置的计算机，当富页面中用于标记窗口的节点过多时，会影响展示效果，影响任务运行。通过在任务挂起时将节点移除，任务恢复时再重新增加窗口，可以使富页面上的窗口数与正在运行的任务的数量保持同步。从而避免了在富页面上保留不必要的节点，提高了展示效果。

在一个实施例中，富页面中应用的多任务多窗口实现系统还包括任务注销模块(图中未标示)，用于获取任务终止请求，获取与任务中止请求对应的任务，获取与任务对应的窗口，并移除窗口，注销任务，并将任务在任务列表中移除。

可通过获取富页面上的窗口上的结束、关闭等按钮的触发事件获取任务终止请求。任务中止请求中包括任务标识。可在内存中根据任务标识查找到与任务标识对应的任务。然后再由该任务标识获取富页面上的与任务对应的窗口。

在一个实施例中，窗口分为主窗口和子窗口，子窗口即显示在主窗口中的窗口。在移除窗口时，先移除主窗口中的子窗口，当所有子窗口移除成功后，再移除主窗口。

可通过终止任务的进程或主线程，清除任务数据注销任务。注销任务后，还将任务从任务列表中删除。

上述富页面中应用的多任务多窗口实现方法和系统，先判断应用是否能够以多实例运行，然后在应用可以以多实例运行时，通过为每个运行实例生成相应的任务，并在富页面上为每个任务增加相应的窗口实现了将应用与多个窗口对应。使富页面提供了快速切换应用内容的接口，可以以多个窗口分别运行同一个应用的不同的实例，使得用户不需要新开浏览器窗口或标签页来运行应用，从而实现了“一站式”服务，为用户的浏览和操作提供了便利。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (12)

1.一种富页面中应用的多任务多窗口实现方法，包括以下步骤：

根据应用加载请求获取相应的应用；

判断所述应用是否为多例应用；

若所述应用为多例应用，根据所述应用生成任务；

在富页面上增加与所述任务对应的窗口，每个任务对应相应的窗口；

在所述窗口中加载与所述窗口对应的任务。

2.根据权利要求1所述的富页面中应用的多任务多窗口实现方法，其特征在于，所述判断应用是否为多例应用的步骤之后还包括：

若所述应用不为多例应用，判断是否有与所述应用对应的任务运行；

若是，根据所述应用更新所述任务，否则，执行所述根据所述应用生成任务的步骤。

3.根据权利要求1或2所述的富页面中应用的多任务多窗口实现方法，其特征在于，所述在所述窗口中加载与所述窗口对应的任务的步骤之后还包括：

将所述任务添加到预设的任务列表中。

4.根据权利要求3所述的富页面中应用的多任务多窗口实现方法，其特征在于，所述在富页面上增加与所述任务对应的窗口的步骤之前还包括：

判断所述任务是否为非窗口任务；

若所述任务为非窗口任务，在后台加载所述任务，并执行所述将所述任务添加到预设的任务列表中的步骤；

否则，执行所述在富页面上增加与所述任务对应的窗口的步骤。

5.根据权利要求3所述的富页面中应用的多任务多窗口实现方法，其特征在于，所述将所述任务添加到预设的任务列表中的步骤之前还包括：

判断所述任务列表中的任务的个数是否大于或等于阈值；

若是，则将最早添加到任务列表中的任务挂起，并移除所述任务对应的窗口。

6.根据权利要求3所述的富页面中应用的多任务多窗口实现方法，其特征在于，所述方法还包括：

获取任务终止请求；

获取与所述任务中止请求对应的任务；

获取与所述任务对应的窗口，并移除所述窗口；

注销所述任务，并将所述任务在所述任务列表中移除。

7.一种富页面中应用的多任务多窗口实现系统，其特征在于，包括以下模块：

应用获取模块，用于根据应用加载请求获取相应的应用；

应用判断模块，用于判断应用是否为多例应用；

任务生成模块，用于在所述应用为多例应用时，根据所述应用生成任务；

窗口增加模块，用于在富页面上增加与所述任务对应的窗口，每个任务对应相应的窗口；

任务加载模块，用于在所述窗口中加载与所述窗口对应的任务。

8.根据权利要求7所述的富页面中应用的多任务多窗口实现系统，其特征在于，还包括任务更新模块，用于在所述应用不为多例应用时，判断是否有与所述应用对应的任务运行，若是，根据所述应用更新所述任务，否则，用于调用所述任务生成模块根据所述应用生成任务。

9.根据权利要求7或8所述的富页面中应用的多任务多窗口实现系统，其特征在于，还包括任务管理模块，用于将所述任务添加到预设的任务列表中。

10.根据权利要求9所述的富页面中应用的多任务多窗口实现系统，其特征在于，还包括任务判断模块，用于判断所述任务是否为非窗口任务；若所述任务为非窗口任务，在后台加载所述任务，并用于调用所述任务管理模块将所述任务添加到预设的任务列表中；否则，调用所述窗口增加模块。

11.根据权利要求9所述的富页面中应用的多任务多窗口实现系统，其特征在于，还包括任务挂起模块，用于判断所述任务列表中的任务的个数是否大于或等于阈值，当所述任务列表中的任务的个数大于或等于阈值时，将最早添加到任务列表中的任务挂起，并移除所述任务对应窗口。

12.根据权利要求9所述的富页面中应用的多任务多窗口实现系统，其特征在于，还包括任务注销模块，用于获取任务终止请求，获取与所述任务中止请求对应的任务，获取与所述任务对应的窗口，并移除所述窗口，注销所述任务，并将所述任务在所述任务列表中移除。

Images