网页应用上实现多工作区多桌面的布局方法及系统

摘要

本发明公开了一种网页应用上实现多工作区多桌面的布局方法，该方法包括：获取配置数据，通过配置数据创建并布局多工作区多桌面的WebApp快捷方式对象和WebApp窗口对象，通过WebApp快捷方式对象触发运行WebApp窗口对象。本发明还公开了一种网页应用上实现多工作区多桌面的布局系统，系统中的布局单元用于在获取配置数据的情况下，通过配置数据创建并布局多工作区多桌面的WebApp快捷方式对象和WebApp窗口对象，通过WebApp快捷方式对象触发运行WebApp窗口对象。采用本发明的方法及系统，在为用户带来使用方便的同时，提高用户登录Web客户端运行网页应用中的WebApp的效率和降低系统资源占用。

说明书

技术领域

本发明涉及桌面布局技术，尤其涉及一种在网页应用上实现多工作区多桌 面的布局方法及系统。

背景技术

WebApp是大型网页应用中的一种应用程序，作为基于Web系统的应用， 其作用是向广大的最终用户发布一组满足用户需要的网页应用内容和功能，比 如从一个简单的帮助消费者计算汽车租借费用的网页，到为商业人员和度假者 提供全套旅游服务的大型复杂的Web站点，都是WebApp。

目前的布局技术中，Ubuntu等操作系统已经实现了多工作区的布局模式， 可在同一显示屏里允许有多个工作区，但是同一时间仅能出现一个工作区。其 中，所谓Ubuntu指一个以桌面应用为主的Linux操作系统；所谓工作区指用于 容纳应用程序窗口的区域。

现有技术存在的缺点是：一方面，现有技术的Ubuntu等操作系统是桌面 操作系统，以桌面应用为主。类比Windows操作系统的桌面应用，需要用户安 装Windows后才可以使用。Ubuntu等操作系统与Windows操作系统一样，也 需要用户安装系统后才可以使用；另一方面，现有技术的Ubuntu等操作系统目 前虽然支持多工作区，但是所支持的桌面只有一个，当应用程序多时不利于管 理。综上所述，上述现有的布局模式势必在为用户带来使用不便的同时，降低 用户登录Web客户端运行网页应用中的WebApp的效率，以及提高系统资源占 用。

发明内容

有鉴于此，本发明的主要目的在于提供一种网页应用上实现多工作区多桌 面的布局方法及系统，能在为用户带来使用方便的同时，提高用户登录Web客 户端运行网页应用中的WebApp的效率和降低系统资源占用。

为达到上述目的，本发明的技术方案是这样实现的：

一种网页应用上实现多工作区多桌面的布局方法，该方法包括：获取配置 数据，通过配置数据创建并布局多工作区多桌面的WebApp快捷方式对象和 WebApp窗口对象，通过WebApp快捷方式对象触发运行WebApp窗口对象。

其中，所述获取配置数据具体包括：Web客户端从WebApp配置服务器获 取配置数据；

所述通过配置数据创建并布局多工作区多桌面的WebApp快捷方式对象和 WebApp窗口对象具体包括：Web客户端解析配置数据并生成桌面管理器；桌 面管理器根据配置数据创建并布局WebApp快捷方式对象和WebApp窗口对象。

其中，桌面管理器根据配置数据创建并布局所述WebApp快捷方式对象具 体包括：

桌面管理器获取的配置数据包括WebApp快捷方式的个数，WebApp快捷 方式的顺序，WebApp快捷方式的高度和宽度，桌面管理器根据获取的配置数 据生成WebApp快捷方式对象，并将WebApp快捷方式对象的属性赋值为 WebApp快捷方式的个数值，WebApp快捷方式的顺序值，WebApp快捷方式的 高度值和宽度值；

桌面管理器获取的配置数据还包括当前桌面的高度值和宽度值，根据所述 当前桌面的高度值和宽度值对WebApp快捷方式对象进行排序布局。

其中，如果根据所述当前桌面的高度值和宽度值获知当前桌面空间能容纳 WebApp快捷方式且无需扩展，则所述布局WebApp快捷方式对象采取的排序 过程具体为：

从当前桌面左上角的二维坐标原点位置开始对WebApp快捷方式对象排 序，按照WebApp快捷方式对象属性中的顺序值递增的顺序，依次提取对应的 WebApp快捷方式对象，将每次提取的WebApp快捷方式对象属性中的高度值 作为y方向坐标每次递增的偏移值，直至y方向坐标值递增到当前桌面的高度 值，结束当前竖向一列先上到下的WebApp快捷方式对象排序，将结束当前竖 向一列排序后提取的第一个WebApp快捷方式对象属性中的宽度值作为x方向 坐标递增的偏移值，以该x方向坐标递增的偏移值和y＝0对应的偏移位置开始 继续竖向一列先上到下的WebApp快捷方式对象排序，依次类推，直至当前桌 面的WebApp快捷方式对象布局结束。

其中，如果根据所述当前桌面的高度值和宽度值获知当前桌面空间不能容 纳WebApp快捷方式且需要扩展，则增加当前桌面的宽度值，对需扩展布局的 WebApp快捷方式对象采取的排序过程具体为：

从当前桌面扩展空间左上角的二维坐标位置开始对WebApp快捷方式对象 排序，按照WebApp快捷方式对象属性中的顺序值递增的顺序，依次提取对应 的WebApp快捷方式对象，将每次提取的WebApp快捷方式对象属性中的宽度 值作为x方向坐标每次递增的偏移值，直至x方向坐标值递增到当前桌面扩展 空间的宽度值，结束当前一行先左到右的WebApp快捷方式对象排序，将结束 当前一行排序后提取的第一个WebApp快捷方式对象属性中的高度值作为y方 向坐标递增的偏移值，以该y方向坐标递增的偏移值和当前x方向坐标值对应 的偏移位置开始竖向一列先上到下的WebApp快捷方式对象排序，依次类推， 直至当前桌面需扩展布局的WebApp快捷方式对象布局结束。

其中，桌面管理器根据配置数据创建并布局所述WebApp窗口对象具体包 括：

桌面管理器获取的配置数据包括WebApp窗口对象的位置，WebApp窗口 对象的高度和宽度，桌面管理器根据获取的配置数据生成WebApp窗口对象， 并将WebApp窗口对象的属性赋值为WebApp窗口对象的位置二维坐标值， WebApp窗口对象的高度值和宽度值；

桌面管理器获取的配置数据还包括当前工作区的高度值和宽度值，根据所 述当前工作区的高度值和宽度值对WebApp窗口对象进行排序布局。

其中，如果WebApp窗口对象的位置，是由WebApp配置服务器为Web客 户端可选配置的，则根据所述当前工作区的高度值和宽度值对WebApp窗口对 象进行排序布局具体为：

每次通过WebApp快捷方式对象触发运行的WebApp窗口对象，根据从配 置数据中提取当前WebApp窗口对象的位置所配置的WebApp窗口对象属性中， 配置的该位置二维坐标值开始布局，每次布局位置是该位置二维坐标值；

从该每次布局位置开始，根据WebApp窗口对象属性中的高度值作为y方 向坐标每次递增的偏移值，根据WebApp窗口对象属性中的宽度值作为x方向 坐标每次递增的偏移值，依次类推，直至x方向坐标递增到当前工作区的宽度 值，y方向坐标递增到当前工作区的高度值，结束当前工作区的WebApp窗口 对象布局。

其中，通过WebApp快捷方式对象触发运行WebApp窗口对象具体为：

在Web客户端根据WebApp所在URL获取其对应的WebApp窗口必须的 内容数据和WebApp窗口上的辅助数据后，Web客户端通知桌面管理器触发 WebApp窗口对象的运行，并将获取的数据发送给桌面管理器；

桌面管理器根据与WebApp窗口对象相对应的WebApp快捷方式对象属性 中的类型信息判断需运行的WebApp窗口对象的类型，由获取的数据按照窗口 对象类型生成WebApp窗口对象并运行。

其中，所述布局之后，该方法还包括切屏处理，所述切屏处理具体为：

当通过切屏事件触发Web客户端切屏处理时，Web客户端通知桌面管理器 切换到目标屏；桌面管理器通过将当前屏属性的左坐标更新为一极大负值，目 标屏属性的左坐标更新为0来执行切屏；其中，所述极大负值的绝对值大于等 于一屏的宽度。

一种网页应用上实现多工作区多桌面的布局系统，该系统包括：布局单元， 用于获取配置数据的情况下，通过配置数据创建并布局多工作区多桌面的 WebApp快捷方式对象和WebApp窗口对象，通过WebApp快捷方式对象触发 运行WebApp窗口对象。

其中，所述布局单元，进一步用于Web客户端从WebApp配置服务器获取 配置数据的情况下，Web客户端从WebApp配置服务器获取配置数据，Web客 户端解析配置数据并生成桌面管理器；桌面管理器根据配置数据创建并布局 WebApp快捷方式对象和WebApp窗口对象。

其中，所述布局单元，进一步用于根据配置数据创建并布局所述WebApp 快捷方式对象的情况下，桌面管理器获取的配置数据包括WebApp快捷方式的 个数，WebApp快捷方式的顺序，WebApp快捷方式的高度和宽度，桌面管理器 根据获取的配置数据生成WebApp快捷方式对象，并将WebApp快捷方式对象 的属性赋值为WebApp快捷方式的个数值，WebApp快捷方式的顺序值，WebApp 快捷方式的高度值和宽度值；桌面管理器获取的配置数据还包括当前桌面的高 度值和宽度值，根据所述当前桌面的高度值和宽度值对WebApp快捷方式对象 进行排序布局。

其中，所述布局单元，进一步用于桌面管理器根据配置数据创建并布局所 述WebApp窗口对象的情况下，桌面管理器获取的配置数据包括WebApp窗口 对象的位置，WebApp窗口对象的高度和宽度，桌面管理器根据获取的配置数 据生成WebApp窗口对象，并将WebApp窗口对象的属性赋值为WebApp窗口 对象的位置二维坐标值，WebApp窗口对象的高度值和宽度值；桌面管理器获 取的配置数据还包括当前工作区的高度值和宽度值，根据所述当前工作区的高 度值和宽度值对WebApp窗口对象进行排序布局。

本发明获取配置数据，通过配置数据创建并布局多工作区多桌面的 WebApp快捷方式对象和WebApp窗口对象，通过WebApp快捷方式对象触发 运行WebApp窗口对象。采用本发明的这种布局多工作区多桌面的WebApp快 捷方式对象和WebApp窗口对象，通过WebApp快捷方式对象触发运行WebApp 窗口对象，以便尽快运行网页应用中的WebApp，能在为用户带来使用方便的 同时，提高用户登录Web客户端运行网页应用中的WebApp的效率和降低系统 资源占用。

附图说明

图1为本发明布局方法实施例一的实现流程示意图；

图2为应用本发明获得的一桌面布局的示意图；

图3为应用本发明获得的另一桌面布局的示意图；

图4为本发明应用实例的布局模式的数据结构和布局配置交互示意图。

具体实施方式

本发明的基本思想是：获取配置数据，通过配置数据创建并布局多工作区 多桌面的WebApp快捷方式对象和WebApp窗口对象，通过WebApp快捷方式 对象触发运行WebApp窗口对象。

一方面，由于本发明的方案为网页应用方式，区别于现有技术采取的桌面 操作系统这种桌面应用方式，因此，本发明是无需安装就可以使用的，只需有 网络即可使用；而现有技术是非网页应用方式，必须安装才能使用。从而简化 了用户操作。

另一方面，本发明不仅具有多工作区，还同时具有多桌面。桌面用于放置 WebApp快捷方式，多个桌面来放置WebApp快捷方式，能解决WebApp较多 时桌面空间不足的问题。这样用户通过多桌面的WebApp快捷方式就能够尽快 运行网页应用中的WebApp，从而提高了用户通过登录Web客户端人机交互时， 运行网页应用中的WebApp的效率；由于是多桌面放置WebApp快捷方式，因 此，能通过点击WebApp快捷方式一键式的这种运行方式直接运行WebApp， 而不是在现有技术只有一个桌面情况下，如果找不到WebApp快捷方式需逐个 进入多级界面直至找到WebApp快捷方式才能进行运行网页应用中的WebApp， 像现有技术这样势必需耗费资源。可见：本发明不仅能提高用户登录Web客户 端运行网页应用中的WebApp的效率，而且还能降低系统资源占用。

进一步的，多桌面可以方便用户给WebApp分类，将同类WebApp的应用 放于同一桌面，便于管理和用户操作。

下面结合附图对技术方案的实施作进一步的详细描述。

实施例一：本发明网页应用上执行的桌面WebApp快捷方式排序布局和工 作区窗口布局。

本实施例实现的布局方法，如图1所示，包括以下步骤：

步骤101、Web客户端从WebApp配置服务器获取配置数据，Web客户端 解析配置数据并生成桌面管理器。

步骤102、桌面管理器根据配置数据创建并布局WebApp快捷方式对象和 WebApp窗口对象，以便实现多桌面内的WebApp快捷方式排序布局和多工作 区内的WebApp窗口布局。

这里需要指出的是：本发明支持同一显示屏里允许有多个工作区，但是同 一时间仅能出现一个工作区，而且也支持同一显示屏里允许有多个桌面，同样 的，同一时间仅能出现一个桌面。针对每一屏的工作区大小和桌面大小而言， 工作区大小包括工作区的宽度和高度；桌面大小同样包括桌面的宽度和高度。 工作区的大小与每一屏的大小(屏的大小同样包括屏的宽度和高度，不再赘述) 相同，桌面的大小与每一屏的大小相同。

步骤103、将布局结果返回WebApp配置服务器存储。

这里，步骤102的桌面管理器根据配置数据创建并布局WebApp快捷方式 对象和WebApp窗口对象，其具体处理过程包括以下内容：

一、根据配置数据创建并布局WebApp快捷方式对象。

1)桌面管理器获取的配置数据包括WebApp快捷方式的个数，WebApp快 捷方式的顺序(该顺序可以用一维的顺序号，如1，2，3，...，n表示)，WebApp 快捷方式的高度和宽度，从而桌面管理器根据获取的配置数据生成WebApp快 捷方式对象，并将WebApp快捷方式对象的属性赋值为WebApp快捷方式的个 数值，WebApp快捷方式的顺序值，WebApp快捷方式的高度值和宽度值。

2)布局WebApp快捷方式对象是根据桌面大小(即桌面高度值和宽度值) 进行的排序。桌面管理器获取的配置数据还包括当前桌面的高度值和宽度值， 需布局桌面的数目。布局完一个当前桌面后，按照同样原理对其他桌面布局。

i)如果根据桌面大小获知当前桌面空间能容纳WebApp快捷方式且无需扩 展，则所述布局WebApp快捷方式对象采取的排序机制为：WebApp快捷方式 对象以竖向先上到下，再从左到右的顺序排列。

此种情况下对应的排序过程包括：从当前桌面左上角的二维坐标原点位置 开始对WebApp快捷方式对象排序，这里，二维坐标是由二维坐标原点位置开 始，x方向坐标为从左到右，y方向坐标为从上到下，二维坐标原点位置为x＝0， y＝0。按照WebApp快捷方式对象属性中的顺序值递增的顺序，依次提取对应的 WebApp快捷方式对象，将每次提取的WebApp快捷方式对象属性中的高度值 作为y方向坐标每次递增的偏移值，直至y方向坐标值递增到当前桌面的高度 值，结束当前竖向一列先上到下的WebApp快捷方式对象排序，将结束当前竖 向一列排序后提取的第一个WebApp快捷方式对象属性中的宽度值作为x方向 坐标递增的偏移值，以该x方向坐标递增的偏移值和y＝0对应的偏移位置开始 继续竖向一列先上到下的WebApp快捷方式对象排序，依次类推，直至当前桌 面的WebApp快捷方式对象布局结束。

j)如果根据桌面大小获知当前桌面空间不能容纳WebApp快捷方式且需要 扩展，则增加当前桌面的宽度值，以便使桌面能纵向滚动，对需扩展布局的 WebApp快捷方式对象采取的排序机制为：需扩展布局的WebApp快捷方式对 象以先左到右，后竖向先上到下的顺序排列。

此种情况下对应的排序过程包括：从当前桌面扩展空间左上角的二维坐标 位置开始对WebApp快捷方式对象排序。按照WebApp快捷方式对象属性中的 顺序值递增的顺序，依次提取对应的WebApp快捷方式对象，将每次提取的 WebApp快捷方式对象属性中的宽度值作为x方向坐标每次递增的偏移值，直 至x方向坐标值递增到当前桌面扩展空间的宽度值，结束当前一行先左到右的 WebApp快捷方式对象排序，将结束当前一行排序后提取的第一个WebApp快 捷方式对象属性中的高度值作为y方向坐标递增的偏移值，以该y方向坐标递 增的偏移值和当前x方向坐标值对应的偏移位置开始竖向一列先上到下的 WebApp快捷方式对象排序，依次类推，直至当前桌面需扩展布局的WebApp 快捷方式对象布局结束。

二、根据配置数据创建并布局WebApp窗口对象。

1)桌面管理器获取的配置数据包括WebApp窗口对象的位置(二维的)， WebApp窗口对象的高度和宽度，从而桌面管理器根据获取的配置数据生成 WebApp窗口对象，并将WebApp窗口对象的属性赋值为WebApp窗口对象的 位置二维坐标值，WebApp窗口对象的高度值和宽度值。

这里，WebApp窗口对象的位置可以是系统默认的，也可以是Web客户端 请求后WebApp配置服务器给可选配置的。如果是默认的就无需将该位置包括 在配置数据中，系统默认直接配置到WebApp窗口对象的属性中。如果是可选 配置的，该位置需包括在配置数据中，从配置数据中获取后再配置到WebApp 窗口对象的属性中。

2)布局WebApp窗口对象是根据工作区大小(即工作区的高度值和宽度值) 进行的。这里，桌面管理器获取的配置数据还包括当前工作区的高度值和宽度 值，需布局工作区的数目。布局完一个当前工作区后，按照同样原理对其他工 作区布局。

i)如果WebApp窗口对象的位置，是系统默认的，为从当前工作区左上角 的二维坐标原点位置开始对WebApp快捷方式对象布局，可以根据WebApp窗 口对象属性中系统默认的该位置二维坐标值开始布局，每次通过WebApp快捷 方式对象触发运行的WebApp窗口对象之间的间隔位置可以为固定值(二维的， 是作为坐标递增偏移值使用的)。每次布局位置是上一次布局位置对应的x、y 方向坐标递增固定值得到的。

这里，二维坐标是由二维坐标原点位置开始，x方向坐标为从左到右，y 方向坐标为从上到下，二维坐标原点位置为x＝0，y＝0。则每次通过WebApp快 捷方式对象触发运行的WebApp窗口对象，是从该每次布局位置开始，根据 WebApp窗口对象属性中的高度值作为y方向坐标每次递增的偏移值，根据 WebApp窗口对象属性中的宽度值作为x方向坐标每次递增的偏移值。依次类 推，直至x方向坐标递增到当前工作区的宽度值，y方向坐标递增到当前工作 区的高度值，结束当前工作区的WebApp窗口对象布局。

j)如果WebApp窗口对象的位置，是由WebApp配置服务器为请求位置配 置的Web客户端可选配置的，则每次通过WebApp快捷方式对象触发运行的 WebApp窗口对象，可以根据从配置数据中提取当前WebApp窗口对象的位置 所配置的WebApp窗口对象属性中，配置的该位置二维坐标值开始布局，每次 布局位置是该位置二维坐标值。

则每次通过WebApp快捷方式对象触发运行的WebApp窗口对象，是从该 每次布局位置开始，根据WebApp窗口对象属性中的高度值作为y方向坐标每 次递增的偏移值，根据WebApp窗口对象属性中的宽度值作为x方向坐标每次 递增的偏移值。依次类推，直至x方向坐标递增到当前工作区的宽度值，y方 向坐标递增到当前工作区的高度值，结束当前工作区的WebApp窗口对象布局。

这里，上述步骤102的具体处理过程中，通过WebApp快捷方式对象触发 运行WebApp窗口对象具体为：

WebApp快捷方式对象的属性还包括：与WebApp快捷方式对应的WebApp 窗口的类型信息，该类型信息包括：所触发运行的WebApp窗口属于小挂件窗 口(只有窗口必须的内容数据，没有窗口上辅助的菜单栏和任务栏等辅助数据)、 所触发运行的WebApp窗口属于常规的普通窗口(除了有窗口必须的内容数据， 还有窗口上辅助的菜单栏和任务栏等辅助数据)。则在Web客户端根据WebApp 所在URL，获取其WebApp窗口必须的内容数据和窗口上辅助的菜单栏和任务 栏等辅助数据后，Web客户端通知桌面管理器触发WebApp窗口对象的运行， 并将获取的数据发送给桌面管理器；桌面管理器根据与WebApp窗口对象相对 应的WebApp快捷方式对象属性中的类型信息判断需运行的WebApp窗口对象 的类型，由获取的数据按照窗口对象类型运行WebApp窗口对象。

实施例二：随浏览器大小的变化，本发明Web客户端浏览器自适应地在网 页应用上执行桌面WebApp快捷方式排序布局和工作区窗口布局。

由于屏大小的变化是随着浏览器界面大小的变化而变化的(屏大小与浏览 器界面大小一致)，且与屏对应的工作区和桌面，它们的大小是与屏一致的，因 此，本实施例中的自适应具体过程为：当Web客户端的浏览器界面大小发送变 化时，Web客户端通知桌面管理器进行WebApp快捷方式排序布局和工作区窗 口布局的自适应调整，并将更新后的屏的大小数值发送给桌面管理器，桌面管 理器根据获取的更新后的屏的大小数值对工作区和桌面的大小进行调整，基于 更新后的桌面大小重新对WebApp快捷方式对象进行排序布局，以及根据更新 后的工作区大小重新对WebApp窗口对象进行布局。

这里需要指出的是：本实施例与上述实施例的区别在于：根据获取的更新 后的屏的大小数值对工作区和桌面的大小进行调整。至于如何根据更新后的桌 面大小和工作区大小进行布局，所采用的布局原理与上述实施例的步骤102的 具体处理过程一样。

实施例三：本发明Web客户端浏览器在网页应用上执行桌面WebApp快捷 方式排序布局和工作区窗口布局之后进行的切屏处理。

本实施例中的切屏处理具体过程为：当通过切屏事件触发Web客户端切屏 处理时，Web客户端通知桌面管理器切换到目标屏，如切换到第2屏；桌面管 理器通过将当前屏属性的左坐标更新为一极大负值，目标屏属性的左坐标更新 为0，来执行切屏。其中，所述极大负值的绝对值大于等于一屏的宽度。

这里需要指出的是：切屏处理时，由于之前已经将屏上的工作区、桌面， 以及工作区上的WebApp窗口对象，桌面上的WebApp快捷方式对象布局好了， 布局好了就绑定每一屏的布局结果，切屏时就只需关心切换到哪一屏，而无需 关心屏上的工作区和桌面及其布局，因为布局结果已经绑定到每一屏了。

以下配合图2和图3的布局效果示意图，对本发明的工作区、桌面、屏、 WebApp窗口快捷方式、WebApp窗口等术语进行说明：

如图2、图3所示为实施本发明之后的桌面布局示意图。本实例中，每一 屏上有一个工作区和一个桌面相对应，可以把第几桌面和第几工作区统称为第 几屏。如图2中当前屏为第2屏，图3中当前屏为第4屏。其中，针对图2的 桌面和工作区进行说明：桌面放置了众多WebApp的快捷启动方式(本文将 WebApp的快捷启动方式简称为WebApp快捷方式)，如竖排的“我的资讯”，“好 友近况”，“消息盒子”、“星座运势”等；如果点击“星座运势”，则当前运行的 WebApp是“星座运势”这一应用程序(以图2中的应用程序1表示)，当前工 作区容纳的是“星座运势”这个WebApp的WebApp窗口，并在应用程序任务 栏中显示“星座运势”的图标。图2中的桌面快捷方式绑定工具栏，可以将最 常用的WebApp，其对应的WebApp快捷方式不仅在桌面上放置，还可以绑定 到该桌面快捷方式绑定工具栏中，该桌面快捷方式绑定工具栏是不随着屏的变 化而变化的，一直位于屏的左侧，以方便用户操作。

同理，针对图3的桌面和工作区进行说明：桌面放置了众多WebApp的快 捷启动方式(本文将WebApp的快捷启动方式简称为WebApp快捷方式)，如竖 排的“网络硬盘”，“我开发的”，“词典”、“头像”等；如果点击“词典”，则当 前运行的WebApp是“词典”这一应用程序(以图3中的应用程序2表示)，当 前工作区容纳的是“词典”这个WebApp的WebApp窗口，并在应用程序任务 栏中显示“词典”的图标。

应用实例：

图4为本应用实例布局模式的本地数据结构和布局配置交互示意图。本应 用实例中，在初始化桌面布局的情况下，浏览器页面初始加载时，Web客户端 从后台的WebApp配置服务器获取配置数据，Web客户端解析配置数据并生成 桌面管理器(DesktopManger)，由DesktopManger根据配置数据创建并布局 WebApp快捷方式对象、WebApp窗口对象，还可以布局图2或图3中所示的任 务栏对象、工具栏对象、指示框对象、搜索框对象和任务栏图标按钮对象等。

由位于Web客户端的DesktopManger具体执行WebApp快捷方式的排序展 现和WebApp窗口的布局。从图4中可直观看出：本应用实例布局模式的本地 数据结构是每个Web客户端侧同时对应多个桌面(桌面1，...桌面n)，多个工 作区(工作区1，...工作区n)，每个桌面对应至少两个WebApp快捷方式，每 个工作区对应至少两个WebApp窗口。

这里，WebApp快捷方式在桌面排序的排序机制为：当桌面空间能容纳 WebApp快捷方式，无需扩展的情况下，WebApp快捷方式以竖向先上到下，再 从左到右的顺序排列；当桌面空间不足容纳WebApp快捷方式，需要扩展的情 况下，向下扩展，此后的WebApp快捷方式以先左到右，后先上到下的方式排 列。由于网页应用可以自由改变浏览器的大小，遵循该排序规则，WebApp快 捷方式在桌面排序的排序时机为：需在每次浏览器变化时(如重新登录浏览器 或浏览器刷新时)进行排序。由于同一用户可能在不同尺寸下的浏览器上使用 Web客户端，因此，WebApp配置服务器上可以仅保存WebApp快捷方式的排 序机制，WebApp快捷方式的数量变化，WebApp快捷方式的排序结果，而不保 存桌面的尺寸。

本应用实例中，在用切屏方式隐藏不使用的当前屏(包括屏中的工作区和 桌面)，并切换到目标屏的情况下，当某屏需隐藏时(如图2中第1，3，4，5 屏及屏中的桌面及工作区)时，Web客户端通知桌面管理器由当前的屏2切换 到目标屏即屏4，桌面管理器通过将当前屏(屏2)属性的左坐标更新为一极大 负值，目标屏(屏4)属性的左坐标更新为0，来执行切屏。使屏2不在用户浏 览器上出现，可以解决含flash内容的WebApp快捷方式在直接用隐藏的方式会 重新加载的问题。切屏时的数据流如下：DesktopManager发出切换当前屏的通 知，并操作当前屏属性的左坐标为一极大负值(该极大负值的绝对值大于等于 一屏的宽度)，目标屏属性的左坐标为0。切屏事件触发后，中上方的屏指示栏 进行相应的变化，并切换到目标屏。如可以由图2中的第2屏切换到图3中第 4屏。进一步的，切屏方案还可以是：当某屏的WebApp快捷方式被激活时， Web客户端通知桌面管理器切换到被激活的WebApp快捷方式所在屏，比如切 换到屏2，如果桌面管理器根据屏属性(比如屏为4)判断出被激活的WebApp 快捷方式所在屏不是当前屏(即屏属性中的数值不是2，而是4)，则查找与被 激活的WebApp快捷方式对应的WebApp窗口，采用上述实施例一中步骤102 通过WebApp快捷方式对象触发运行WebApp窗口对象的方法，运行WebApp 窗口对象，从而切换到目标屏(屏2)。因为，每个屏布局好了，其布局结果是 绑定的，所以能运行WebApp窗口对象回到WebApp窗口，实际上就是回到 WebApp窗口所在的屏。

这里需要说明的是：桌面上的WebApp快捷方式可以进行当前桌面上的排 序，也可以跨屏进行排序。针对跨屏排序操作而言，实际上分为两个部分，一 个是切换到目标屏的切屏处理，一个是在目标屏的排序处理。则首先Web客户 端通知桌面管理器进行切屏处理，桌面管理器获知目标屏，通过将当前屏属性 的左坐标更新为一极大负值，目标屏属性的左坐标更新为0，来执行切屏。然 后，由于之前每一屏的布局结果已经布局好，预先确定了，也就是说，之前 WebApp快捷方式在桌面上的位置都已经排好顺序了，因此，需跨屏处理的该 WebApp快捷方式相对于它需要布局到的目标屏而言，在顺序是最后一个，从 而基于上述实施例一步骤102的排序方法，将需跨屏处理的该WebApp快捷方 式排到目标屏桌面的最后一个位置。

本应用实例中，当对初始化的桌面布局进行更新情况下，当多桌面的 WebApp快捷方式排序发生变化时，Web客户端会向WebApp配置服务器上报 保存变化的部分，以便下次用户登录时保持上次的排序方案(即所述向WebApp 配置服务器上报的保存变化部分的排序方案)。比如，对初始化的桌面布局进行 更新是由删除操作引起的，此时需要桌面WebApp快捷方式的重新布局。当删 除操作发生时，Web客户端会向WebApp配置服务器上报该删除操作，WebApp 配置服务器根据删除的WebApp快捷方式，对原来为当前桌面配置的WebApp 快捷方式个数值，WebApp快捷方式顺序值进行更新。之后Web客户端收到更 新的配置数据，基于上述实施例一步骤102的排序方法进行WebApp快捷方式 在桌面的重新排序布局。

一种网页应用上实现多工作区多桌面的布局系统，该系统包括：布局单元， 用于获取配置数据的情况下，通过配置数据创建并布局多工作区多桌面的 WebApp快捷方式对象和WebApp窗口对象，通过WebApp快捷方式对象触发 运行WebApp窗口对象，以便运行网页应用中的WebApp。这里，针对多工作 区多桌面的布局而言，所述多桌面放置WebApp快捷方式对象，所述多工作区 放置WebApp窗口对象。

这里，布局单元进一步用于Web客户端从WebApp配置服务器获取配置数 据的情况下，Web客户端从WebApp配置服务器获取配置数据，Web客户端解 析配置数据并生成桌面管理器；桌面管理器根据配置数据创建并布局WebApp 快捷方式对象和WebApp窗口对象。进一步的，可以将布局结果返回WebApp 配置服务器存储。

这里，布局单元进一步用于根据配置数据创建并布局所述WebApp快捷方 式对象的情况下，桌面管理器获取的配置数据包括WebApp快捷方式的个数， WebApp快捷方式的顺序，WebApp快捷方式的高度和宽度，桌面管理器根据获 取的配置数据生成WebApp快捷方式对象，并将WebApp快捷方式对象的属性 赋值为WebApp快捷方式的个数值，WebApp快捷方式的顺序值，WebApp快捷 方式的高度值和宽度值；桌面管理器获取的配置数据还包括当前桌面的高度值 和宽度值，根据所述当前桌面的高度值和宽度值对WebApp快捷方式对象进行 排序布局。

这里，布局单元进一步用于桌面管理器根据配置数据创建并布局所述 WebApp窗口对象的情况下，桌面管理器获取的配置数据包括WebApp窗口对 象的位置，WebApp窗口对象的高度和宽度，桌面管理器根据获取的配置数据 生成WebApp窗口对象，并将WebApp窗口对象的属性赋值为WebApp窗口对 象的位置二维坐标值，WebApp窗口对象的高度值和宽度值；桌面管理器获取 的配置数据还包括当前工作区的高度值和宽度值，根据所述当前工作区的高度 值和宽度值对WebApp窗口对象进行排序布局。

以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范 围。