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

专利名称：网页应用上实现多工作区多桌面的布局方法及系统的制作方法
技术领域：
本发明涉及桌面布局技术，尤其涉及一种在网页应用上实现多工作区多桌面的布局方法及系统。
背景技术：
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 = O对应的偏移位置开 始继续竖向一列先上到下的WebApp快捷方式对象排序,依次类推,直至当前桌面的WebApp快捷方式对象布局结束。其中，如果根据所述当前桌面的高度值和宽度值获知当前桌面空间不能容纳WebApp快捷方式且需要扩展，则增加当前桌面的宽度值，对需扩展布局的WebApp快捷方式对象采取的排序过程具体为从当前桌面扩展空间左上角的二维坐标位置开始对WebApp快捷方式对象排序，按照WebApp快捷方式对象属性中的顺序值递增的顺序,依次提取对应的WebApp快捷方式对象，将每次提取的WebApp快捷方式对象属性中的宽度值作为X方向坐标每次递增的偏移值，直至X方向坐标值递增到当前桌面扩展空间的宽度值，结束当前一行先左到右的WebApp快捷方式对象排序，将结束当前一行排序后提取的第一个WebApp快捷方式对象属性中的高度值作为I方向坐标递增的偏移值，以该I方向坐标递增的偏移值和当前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客户端通知桌面管理器切换到目标屏；桌面管理器通过将当前屏属性的左坐标更新为一极大负值，目标屏属性的左坐标 更新为O来执行切屏；其中，所述极大负值的绝对值大于等于一屏的宽度。一种网页应用上实现多工作区多桌面的布局系统，该系统包括布局单元，用于获取配置数据的情况下，通过配置数据创建并布局多工作区多桌面的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的效率和降低系统资源占用。


图I为本发明布局方法实施例一的实现流程示意图；图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快捷方式排序布局和工作区窗口布局。本实施例实现的布局方法，如图I所示，包括以下步骤步骤101、Web客户端从WebApp配置服务器获取配置数据，Web客户端解析配置数据并生成桌面管理器。步骤102、桌面管理器根据配置数据创建并布局WebApp快捷方式对象和WebApp窗口对象，以便实现多桌面内的WebApp快捷方式排序布局和多工作区内的WebApp窗口布局。这里需要指出的是本发明支持同一显示屏里允许有多个工作区，但是同一时间仅能出现一个工作区，而且也支持同一显示屏里允许有多个桌面，同样的，同一时间仅能出现一个桌面。针对每一屏的工作区大小和桌面大小而言，工作区大小包括工作区的宽度和高度；桌面大小同样包括桌面的宽度和高度。工作区的大小与每一屏的大小(屏的大小同样包括屏的宽度和高度，不再赘述)相同，桌面的大小与每一屏的大小相同。步骤103、将布局结果返回WebApp配置服务器存储。这里，步骤102的桌面管理器根据配置数据创建并布局WebApp快捷方式对象和WebApp窗口对象，其具体处理过程包括以下内容一、根据配置数据创建并布局WebApp快捷方式对象。I)桌面管理器获取的配置数据包括WebApp快捷方式的个数，WebApp快捷方式的顺序(该顺序可以用一维的顺序号，如1，2，3，. . .，η表示)，WebApp快捷方式的高度和宽度，从而桌面管理器根据获取的配置数据生成WebApp快捷方式对象，并将WebApp快捷方式对象的属性赋值为WebApp快捷方式的个数值,WebApp快捷方式的顺序值,WebApp快捷方式的高度值和宽度值。2)布局WebApp快捷方式对象是根据桌面大小(即桌面高度值和宽度值)进行的排序。桌面管理器获取的配置数据还包括当前桌面的高度值和宽度值，需布局桌面的数目。布局完一个当前桌面后，按照同样原理对其他桌面布局。i)如果根据桌面大小获知当前桌面空间能容纳WebApp快捷方式且无需扩展，则 所述布局WebApp快捷方式对象采取的排序机制为=WebApp快捷方式对象以竖向先上到下，再从左到右的顺序排列。此种情况下对应的排序过程包括从当前桌面左上角的二维坐标原点位置开始对WebApp快捷方式对象排序，这里，二维坐标是由二维坐标原点位置开始，X方向坐标为从左到右，y方向坐标为从上到下，二维坐标原点位置为X = O, y = O。按照WebApp快捷方式对象属性中的顺序值递增的顺序，依次提取对应的WebApp快捷方式对象，将每次提取的WebApp快捷方式对象属性中的高度值作为I方向坐标每次递增的偏移值，直至I方向坐标值递增到当前桌面的高度值，结束当前竖向一列先上到下的WebApp快捷方式对象排序,将结束当前竖向一列排序后提取的第一个WebApp快捷方式对象属性中的宽度值作为X方向坐标递增的偏移值，以该X方向坐标递增的偏移值和I = O对应的偏移位置开始继续竖向一列先上到下的WebApp快捷方式对象排序,依次类推,直至当前桌面的WebApp快捷方式对象布局结束。j)如果根据桌面大小获知当前桌面空间不能容纳WebApp快捷方式且需要扩展，则增加当前桌面的宽度值，以便使桌面能纵向滚动，对需扩展布局的WebApp快捷方式对象采取的排序机制为需扩展布局的WebApp快捷方式对象以先左到右，后竖向先上到下的顺序排列。此种情况下对应的排序过程包括从当前桌面扩展空间左上角的二维坐标位置开始对WebApp快捷方式对象排序。按照WebApp快捷方式对象属性中的顺序值递增的顺序，依次提取对应的WebApp快捷方式对象，将每次提取的WebApp快捷方式对象属性中的宽度值作为X方向坐标每次递增的偏移值，直至X方向坐标值递增到当前桌面扩展空间的宽度值，结束当前一行先左到右的WebApp快捷方式对象排序，将结束当前一行排序后提取的第一个WebApp快捷方式对象属性中的高度值作为y方向坐标递增的偏移值，以该y方向坐标递增的偏移值和当前X方向坐标值对应的偏移位置开始竖向一列先上到下的WebApp快捷方式对象排序，依次类推，直至当前桌面需扩展布局的WebApp快捷方式对象布局结束。二、根据配置数据创建并布局WebApp窗口对象。I)桌面管理器获取的配置数据包括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 = O。则每次通过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中的应用程序I表示)，当前工作区容纳的是“星座运势”这个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，...桌面η)，多个工作区(工作区1，...工作区η)，每个桌面对应至少两个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发出切换当前屏的通知，并操作当前屏属性的左坐标为一极大负值(该极大负值的绝对值大于等于一屏的宽度)，目标屏属性的左坐标为O。切屏事件触发后，中上方的屏指示栏进行相应的变化，并切换到目标屏。如可以由图2中的第2屏切换到图3中第4屏。进一步的，切屏方案还可以是当某屏的WebApp快捷方式被激活时，Web客户端通知桌面管理器切换到被激活的WebApp快捷方式所在屏，比如切换到屏2，如果桌面管理器根据屏属性(比如屏为4)判断出被激活的WebApp快捷方式所在屏不是当前屏(即屏属性中的数值不是2，而是4)，则查找与被激活的WebApp快捷方式对应的WebApp窗口，采用上述实施例一中步骤102通过WebApp快捷方式对象触发运行WebApp窗口对象的方法，运行WebApp窗口对象，从而切换到目标屏(屏2)。因为，每个屏布局好了，其布局结果是绑定的，所以能运行WebApp窗口对象回到WebApp窗口，实际上就是回到WebApp窗口所在的屏。这里需要说明的是桌面上的WebApp快捷方式可以进行当前桌面上的排序，也可以跨屏进行排序。针对跨屏排序操作而言，实际上分为两个部分，一个是切换到目标屏的切屏处理，一个是在目标屏的排序处理。则首先Web客户端通知桌面管理器进行切屏处理，桌面管理器获知目标屏，通过将当前屏属性的左坐标更新为一极大负值，目标屏属性的左坐标更新为O，来执行切屏。然后，由于之前每一屏的布局结果已经布局好，预先确定了，也就是说，之前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窗口对象进行排序布局。以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。
权利要求
1.一种网页应用上实现多工作区多桌面的布局方法，其特征在于，该方法包括获取配置数据，通过配置数据创建并布局多工作区多桌面的WebApp快捷方式对象和WebApp窗口对象，通过WebApp快捷方式对象触发运行WebApp窗口对象。
2.根据权利要求I所述的方法，其特征在于，所述获取配置数据具体包括:Web客户端从WebApp配置服务器获取配置数据； 所述通过配置数据创建并布局多工作区多桌面的WebApp快捷方式对象和WebApp窗口对象具体包括=Web客户端解析配置数据并生成桌面管理器；桌面管理器根据配置数据创建并布局WebApp快捷方式对象和WebApp窗口对象。
3.根据权利要求2所述的方法，其特征在于，桌面管理器根据配置数据创建并布局所述WebApp快捷方式对象具体包括 桌面管理器获取的配置数据包括WebApp快捷方式的个数，WebApp快捷方式的顺序，WebApp快捷方式的高度和宽度，桌面管理器根据获取的配置数据生成WebApp快捷方式对象，并将WebApp快捷方式对象的属性赋值为WebApp快捷方式的个数值，WebApp快捷方式的顺序值，WebApp快捷方式的高度值和宽度值； 桌面管理器获取的配置数据还包括当前桌面的高度值和宽度值，根据所述当前桌面的高度值和宽度值对WebApp快捷方式对象进行排序布局。
4.根据权利要求3所述的方法，其特征在于，如果根据所述当前桌面的高度值和宽度值获知当前桌面空间能容纳WebApp快捷方式且无需扩展,则所述布局WebApp快捷方式对象采取的排序过程具体为 从当前桌面左上角的二维坐标原点位置开始对WebApp快捷方式对象排序，按照WebApp快捷方式对象属性中的顺序值递增的顺序,依次提取对应的WebApp快捷方式对象，将每次提取的WebApp快捷方式对象属性中的高度值作为y方向坐标每次递增的偏移值，直至y方向坐标值递增到当前桌面的高度值，结束当前竖向一列先上到下的WebApp快捷方式对象排序，将结束当前竖向一列排序后提取的第一个WebApp快捷方式对象属性中的宽度值作为X方向坐标递增的偏移值，以该X方向坐标递增的偏移值和y = O对应的偏移位置开始继续竖向一列先上到下的WebApp快捷方式对象排序,依次类推,直至当前桌面的WebApp快捷方式对象布局结束。
5.根据权利要求3所述的方法，其特征在于，如果根据所述当前桌面的高度值和宽度值获知当前桌面空间不能容纳WebApp快捷方式且需要扩展，则增加当前桌面的宽度值，对需扩展布局的WebApp快捷方式对象采取的排序过程具体为 从当前桌面扩展空间左上角的二维坐标位置开始对WebApp快捷方式对象排序，按照WebApp快捷方式对象属性中的顺序值递增的顺序,依次提取对应的WebApp快捷方式对象，将每次提取的WebApp快捷方式对象属性中的宽度值作为X方向坐标每次递增的偏移值，直至X方向坐标值递增到当前桌面扩展空间的宽度值，结束当前一行先左到右的WebApp快捷方式对象排序，将结束当前一行排序后提取的第一个WebApp快捷方式对象属性中的高度值作为I方向坐标递增的偏移值，以该y方向坐标递增的偏移值和当前X方向坐标值对应的偏移位置开始竖向一列先上到下的WebApp快捷方式对象排序，依次类推，直至当前桌面需扩展布局的WebApp快捷方式对象布局结束。
6.根据权利要求2所述的方法，其特征在于，桌面管理器根据配置数据创建并布局所述WebApp窗口对象具体包括 桌面管理器获取的配置数据包括WebApp窗口对象的位置，WebApp窗口对象的高度和宽度，桌面管理器根据获取的配置数据生成WebApp窗口对象，并将WebApp窗口对象的属性赋值为WebApp窗口对象的位置二维坐标值，WebApp窗口对象的高度值和宽度值； 桌面管理器获取的配置数据还包括当前工作区的高度值和宽度值，根据所述当前工作区的高度值和宽度值对WebApp窗口对象进行排序布局。
7.根据权利要求6所述的方法，其特征在于，如果WebApp窗口对象的位置，是由WebApp配置服务器为Web客户端可选配置的，则根据所述当前工作区的高度值和宽度值对WebApp窗口对象进行排序布局具体为 每次通过WebApp快捷方式对象触发运行的WebApp窗口对象，根据从配置数据中提取当前WebApp窗口对象的位置所配置的WebApp窗口对象属性中，配置的该位置二维坐标值开始布局，每次布局位置是该位置二维坐标值； 从该每次布局位置开始，根据WebApp窗口对象属性中的高度值作为I方向坐标每次递增的偏移值，根据WebApp窗口对象属性中的宽度值作为X方向坐标每次递增的偏移值，依次类推，直至X方向坐标递增到当前工作区的宽度值，y方向坐标递增到当前工作区的高度值，结束当前工作区的WebApp窗口对象布局。
8.根据权利要求I或2所述的方法，其特征在于，通过WebApp快捷方式对象触发运行WebApp窗口对象具体为 在Web客户端根据WebApp所在URL获取其对应的WebApp窗口必须的内容数据和WebApp窗口上的辅助数据后，Web客户端通知桌面管理器触发WebApp窗口对象的运行，并将获取的数据发送给桌面管理器； 桌面管理器根据与WebApp窗口对象相对应的WebApp快捷方式对象属性中的类型信息判断需运行的WebApp窗口对象的类型，由获取的数据按照窗口对象类型生成WebApp窗口对象并运行。
9.根据权利要求I至8任一项所述的方法，其特征在于，所述布局之后，该方法还包括切屏处理，所述切屏处理具体为 当通过切屏事件触发Web客户端切屏处理时，Web客户端通知桌面管理器切换到目标屏；桌面管理器通过将当前屏属性的左坐标更新为一极大负值，目标屏属性的左坐标更新为O来执行切屏；其中，所述极大负值的绝对值大于等于一屏的宽度。
10.一种网页应用上实现多工作区多桌面的布局系统，其特征在于，该系统包括布局单元，用于获取配置数据的情况下，通过配置数据创建并布局多工作区多桌面的WebApp快捷方式对象和WebApp窗口对象,通过WebApp快捷方式对象触发运行WebApp窗口对象。
11.根据权利要求10所述的系统，其特征在于，所述布局单元，进一步用于Web客户端从WebApp配置服务器获取配置数据的情况下，Web客户端从WebApp配置服务器获取配置数据，Web客户端解析配置数据并生成桌面管理器；桌面管理器根据配置数据创建并布局WebApp快捷方式对象和WebApp窗口对象。
12.根据权利要求11所述的系统，其特征在于，所述布局单元，进一步用于根据配置数据创建并布局所述WebApp快捷方式对象的情况下，桌面管理器获取的配置数据包括WebApp快捷方式的个数，WebApp快捷方式的顺序，WebApp快捷方式的高度和宽度，桌面管理器根据获取的配置数据生成WebApp快捷方式对象，并将WebApp快捷方式对象的属性赋值为WebApp快捷方式的个数值,WebApp快捷方式的顺序值,WebApp快捷方式的高度值和宽度值；桌面管理器获取的配置数据还包括当前桌面的高度值和宽度值，根据所述当前桌面的高度值和宽度值对WebApp快捷方式对象进行排序布局。
13.根据权利要求11所述的系统，其特征在于，所述布局单元，进一步用于桌面管理器根据配置数据创建并布局所述WebApp窗口对象的情况下，桌面 管理器获取的配置数据包括WebApp窗口对象的位置，WebApp窗口对象的高度和宽度，桌面管理器根据获取的配置数据生成WebApp窗口对象,并将WebApp窗口对象的属性赋值为WebApp窗口对象的位置二维坐标值，WebApp窗口对象的高度值和宽度值；桌面管理器获取的配置数据还包括当前工作区的高度值和宽度值，根据所述当前工作区的高度值和宽度值对WebApp窗口对象进行排序布局。
全文摘要
本发明公开了一种网页应用上实现多工作区多桌面的布局方法，该方法包括获取配置数据，通过配置数据创建并布局多工作区多桌面的WebApp快捷方式对象和WebApp窗口对象，通过WebApp快捷方式对象触发运行WebApp窗口对象。本发明还公开了一种网页应用上实现多工作区多桌面的布局系统，系统中的布局单元用于在获取配置数据的情况下，通过配置数据创建并布局多工作区多桌面的WebApp快捷方式对象和WebApp窗口对象，通过WebApp快捷方式对象触发运行WebApp窗口对象。采用本发明的方法及系统，在为用户带来使用方便的同时，提高用户登录Web客户端运行网页应用中的WebApp的效率和降低系统资源占用。
文档编号G06F17/30GK102760123SQ201110103978
公开日2012年10月31日 申请日期2011年4月25日 优先权日2011年4月25日
发明者吕远, 潘祥智 申请人:腾讯科技(深圳)有限公司