移动终端多WEB页面应用中的页面切换方法及系统.pdf

《移动终端多WEB页面应用中的页面切换方法及系统.pdf》由会员分享，可在线阅读，更多相关《移动终端多WEB页面应用中的页面切换方法及系统.pdf（12页珍藏版）》请在专利查询网上搜索。

1、(10)申请公布号 CN 102663003 A(43)申请公布日 2012.09.12CN102663003A*CN102663003A*(21)申请号 201210072228.2(22)申请日 2012.03.16G06F 17/30(2006.01)(71)申请人掌中帷幄（北京）科技有限公司地址 100089 北京市海淀区紫竹院路88号紫竹花园F座2002(72)发明人李铭(54) 发明名称移动终端多web页面应用中的页面切换方法及系统(57) 摘要本发明涉及移动操作系统技术领域，公开了一种移动终端多web页面应用中的页面切换方法及系统。该方法包括步骤：应用运行过程中，根据应用逻辑产生。

2、新页面加载请求，并指定新页面与当前页面的关系，解析并记录新页面地址和新页面的对应关系；创建新页面运行实例，根据新页面地址加载新页面，然后将新页面状态切换为运行状态并切换相关页面的运行状态；当新页面运行结束后将产生结束请求，根据指定的页面关系获得新页面的父亲页面，然后通知新页面进入结束状态并同时通知其父亲页面重新恢复到运行状态。本发明可有效支持多web页面的移动终端应用，降低了开发难度、实现了高级控制、方便了系统维护、保证了系统的可靠性并极大地提升了系统性能。(51)Int.Cl.权利要求书2页 说明书6页 附图3页(19)中华人民共和国国家知识产权局(12)发明专利申请权利要求书 2 页 说明。

3、书 6 页 附图 3 页1/2页21.一种移动终端多web页面应用中的页面切换方法，其特征在于，所述方法包括步骤：S1，应用运行过程中，根据应用逻辑产生新页面加载请求，并指定新页面与当前页面的关系；S2，解析并记录新页面地址以及新页面和当前页面的对应关系；S3，创建新页面运行实例，根据新页面地址加载新页面，随后将新页面状态切换为运行状态并切换相关页面的运行状态；S4，当新页面运行结束后将产生结束请求，根据指定的页面关系获得新页面的父亲页面，随后通知新页面进入结束状态并同时通知其父亲页面重新恢复到运行状态。2.根据权利要求1所述的方法，其特征在于，步骤S1前还包括步骤S0：应用启动，创建并加载运。

4、行应用的根页面。3.根据权利要求2所述的方法，其特征在于，步骤S0具体包括：S0-1，向用户呈现所有应用，用户选择某一应用运行；S0-2，查找该应用的信息，并获取该应用的根页面的地址；S0-3，记录根页面作为该应用的根页面；S0-4，根页面运行实例被创建，通过根页面的地址加载并运行根页面。4.根据权利要求1所述的方法，其特征在于，新页面与当前页面的对应关系为父子关系或兄弟关系。5.根据权利要求4所述的方法，其特征在于，步骤S3中，如果是指定父子关系而创建的子页面，则新页面运行时只将父页面切换到非运行状态；如果是指定兄弟关系而创建的兄弟页面，则新兄弟页面运行时将原有兄弟页面直接结束。6.根据权利。

5、要求1所述的方法，其特征在于，在步骤S3中，当切换页面的运行状态时，同时在页面之间传递数据。7.根据权利要求6所述的方法，其特征在于，在数据传递过程中对数据的合法性进行校验。8.根据权利要求6所述的方法，其特征在于，所述在页面之间传递数据具体指：当页面发生跳转时同时把页面参数从原页面传递到目标页面中。9.一种移动终端多web页面应用中的页面切换系统，其特征在于，所述系统包括：页面容器模块，用于在应用运行过程中根据应用逻辑产生新页面加载请求，并指定新页面与当前页面的对应关系；关系管理模块，用于解析并记录新页面地址以及新页面和当前页面的对应关系；页面运行模块，用于创建新页面运行实例，根据新页面地址。

6、加载新页面，随后将新页面状态切换为运行状态并切换相关页面的运行状态；结束返回模块，用于在新页面运行结束后产生结束请求，根据指定的页面关系获得新页面的父亲页面，随后通知新页面进入结束状态并同时通知其父亲页面重新恢复到运行状态。10.一种移动终端多web页面应用中的页面切换系统，其特征在于，所述系统包括web应用管理模块、页面运行容器模块和页面管理模块，其中：web应用管理模块：负责管理本系统上可以使用的web应用的信息，该模块包括：a)web应用部署管理模块：负责安装、更新和卸载web应用，并记录每个已经安装部署权 利 要 求 书CN 102663003 A2/2页3的web应用关键结构信息；b。

7、)应用管理GUI模块：提供GUI的入口，并为用户使用web应用提供GUI的呈现；页面运行容器模块：负责加载和运行指定的页面，为页面提供了扩展javascript功能接口，并处理页面返回过程；页面管理模块：负责在运行时维护该应用中各个页面的角色、运行状态以及页面之间的关系，其包含以下两个模块：页面关系管理模块：在运行时根据页面的请求创建新的页面运行实例来加载新的页面，同时记录两个页面的关系；页面数据交换管理模块：负责在页面之间传递数据。权 利 要 求 书CN 102663003 A1/6页4移动终端多 web 页面应用中的页面切换方法及系统技术领域0001 本发明涉及移动操作系统技术领域，特别涉。

8、及一种移动终端多web页面应用中的页面切换方法及系统。背景技术0002 随着信息技术的飞速发展和广泛应用，尤其是随着软硬件技术的进步，原本只有计算机等大型终端上才具有的开放式操作系统、可扩展软件、web访问、多任务处理等功能也逐渐可在小型移动终端上实现了。比如在手机、PDA、平板电脑等数码产品中，各种开放式操作系统已得到了广泛的应用，极大地丰富了这些小型移动终端的功能，为数据的处理和人们分享信息带来了极大便利。0003 随着以ios和android为代表的移动终端操作系统的迅猛发展，采用web技术开发移动终端应用的技术已经逐渐普及，不少公司和组织也开发和制定出了相应的产品和规范来指导和规范开发。

9、者采用web技术为移动设备开发应用。比如以PhoneGap为代表的平台产品，它使得web开发人员通过javascript代码就可开发出具有拨打电话、发送短信等传统浏览器不具备的功能的web应用。又比如wac widget和BONDI规范，它们为web应用访问底层设备能力提供了api规范。0004 然而现有技术中在移动终端开发应用(如采用PhoneGap或者wacwidget规范等进行的应用开发)都是基于单页面的应用。也就是说，这些产品定义的功能都仅仅在一个html页面的环境中才有效。单页面虽然能较好地支持小型的简单应用，但是，随着硬件功能的完善、应用程序的增多及操作系统的复杂化，移动终端上已经。

10、开始出现大型的复杂应用。大部分大型应用的程序功能复杂，不可避免地需要把应用划分成多个独立的功能模块分别进行控制和实现，如果仍采用单页面方式处理，所有功能模块只能放入到一个页面的环境中，导致程序架构混乱、控制复杂，难以实现和维护；且由于单一页面承载了过多的内容，极易造成程序冲突，而单一页面环境下任何错误都将导致应用的整体崩溃。发明内容0005 (一)要解决的技术问题0006 针对现有技术的上述缺陷，本发明为了解决现有技术中单页面方式无法支持大型应用的技术问题，提供了一种移动终端多web页面应用中的页面切换方法及系统。0007 (二)技术方案0008 为实现上述目的，本发明采用如下技术方案：000。

11、9 一方面，本发明提供一种移动终端多web页面应用中的页面切换方法，所述方法包括步骤：0010 S1，应用运行过程中，根据应用逻辑产生新页面加载请求，并指定新页面与当前页面的关系；0011 S2，解析并记录新页面地址以及新页面和当前页面的对应关系；说 明 书CN 102663003 A2/6页50012 S3，创建新页面运行实例，根据新页面地址加载新页面，随后将新页面状态切换为运行状态并切换相关页面的运行状态；0013 S4，当新页面运行结束后将产生结束请求，根据指定的页面关系获得新页面的父亲页面，随后通知新页面进入结束状态并同时通知其父亲页面重新恢复到运行状态。0014 优选地，步骤S1前还。

12、包括步骤S0：应用启动，创建并加载运行应用的根页面。0015 优选地，步骤S0具体包括：0016 S0-1，向用户呈现所有应用，用户选择某一应用运行；0017 S0-2，查找该应用的信息，并获取该应用的根页面的地址；0018 S0-3，记录根页面作为该应用的根页面；0019 S0-4，根页面运行实例被创建，通过根页面的地址加载并运行根页面。0020 优选地，新页面与当前页面的对应关系为父子关系或兄弟关系。0021 优选地，步骤S3中，如果是指定父子关系而创建的子页面，则新页面运行时只将父页面切换到非运行状态；如果是指定兄弟关系而创建的兄弟页面，则新兄弟页面运行时将原有兄弟页面直接结束。0022。

13、 优选地，在步骤S3中，当切换页面的运行状态时，同时在页面之间传递数据。0023 优选地，在数据传递过程中对数据的合法性进行校验。0024 优选地，所述在页面之间传递数据具体指：当页面发生跳转时同时把页面参数从原页面传递到目标页面中。0025 另一方面，本发明还同时提供一种移动终端多web页面应用中的页面切换系统，所述系统包括：0026 页面容器模块，用于在应用运行过程中根据应用逻辑产生新页面加载请求，并指定新页面与当前页面的对应关系；0027 关系管理模块，用于解析并记录新页面地址以及新页面和当前页面的对应关系；0028 页面运行模块，用于创建新页面运行实例，根据新页面地址加载新页面，随后将。

14、新页面状态切换为运行状态并切换相关页面的运行状态；0029 结束返回模块，用于在新页面运行结束后产生结束请求，根据指定的页面关系获得其父亲页面，随后通知新页面进入结束状态并同时通知其父亲页面重新恢复到运行状态。0030 再一方面，本发明还同时提供一种移动终端多web页面应用中的页面切换系统，所述系统包括web应用管理模块、页面运行容器模块和页面管理模块，其中：0031 web应用管理模块：负责管理本系统上可以使用的web应用的信息，该模块包括：0032 a)web应用部署管理模块：负责安装、更新和卸载web应用，并记录每个已经安装部署的web应用关键结构信息；0033 b)应用管理GUI模块：。

15、提供GUI的入口，并为用户使用web应用提供GUI的呈现；0034 页面运行容器模块：负责加载和运行指定的页面，为页面提供了扩展javascript功能接口，并处理页面返回过程；0035 页面管理模块：负责在运行时维护该应用中各个页面的角色、运行状态以及页面之间的关系，其包含以下两个模块：0036 页面关系管理模块：在运行时根据页面的请求创建新的页面运行实例来加载新的说 明 书CN 102663003 A3/6页6页面，同时记录两个页面的关系；0037 页面数据交换管理模块：负责在页面之间传递数据。0038 (三)有益效果0039 本发明的技术方案中，通过多页面的运行管理，有效地支持了多web。

16、页面的移动终端应用，应用开发不再仅局限于单页面，极大地降低了应用的开发复杂度，使得系统中可以集成更多的应用或是可以实现程序功能更为复杂的大型应用。此外，本发明可在多页面之间进行状态切换，实现了高级页面功能控制，使应用运行架构清楚明了，方便了应用的实现和维护，避免了程序冲突，降低了系统崩溃的概率，保证了系统的可靠性并极大地提升了系统性能。附图说明0040 图1是本发明实施例中移动终端中多web页面应用切换方法流程示意图；0041 图2是本发明实施例中应用启动过程的方法流程示意图；0042 图3是本发明的一个实施例中父子页面的切换方法流程示意图；0043 图4是本发明的另一个实施例中兄弟页面的切换。

17、方法流程示意图；0044 图5是本发明实施例中移动终端中多web页面应用切换系统虚拟模块结构示意图；0045 图6是本发明实施例中移动终端中多web页面应用切换系统软件功能模块结构示意图。具体实施方式0046 下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明的一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。0047 本发明中，为了更好地对具有多个不同功能模块的大型应用提供支持，首先提出了一种基于多页面的应用方式，以及在移动终端上如何实。

18、现能支持运行该应用方式的运行环境的系统。基于这种应用方式和运行环境，本发明可以允许在web应用包含多个页面，同时本发明中可支持应用在运行时自由地在多个页面间调用和切换，实现了对web应用的复杂控制的支持。0048 首先描述一下本发明中基于多页面的web应用的典型模型。0049 该应用模型对web应用做出如下约束准则：0050 1)一个应用必须包含至少一个html页面以及相应的css和javascript文件。0051 2)应用的页面根据其逻辑功能不同可分为如下种类：0052 a)根页面：代表整个应用的入口页面，也就是说，应用在启动时，运行环境将首先加载该页面。应用只能包含一个根页面。0053 。

19、b)副页面：应用中除了根页面外的其他页面都是副页面。0054 3)应用的页面关系：0055 应用程序在运行时，根据应用逻辑来控制页面的跳转和切换，从而形成了页面关说 明 书CN 102663003 A4/6页7系。在本应用模型中存在以下两种页面关系：0056 a)父子关系：当页面A请求运行环境打开页面B时，可以指定页面B成为其孩子页面，这时页面A和页面B就形成父子关系，页面A是页面B的“父亲”，而页面B成为页面A的“孩子”。0057 b)兄弟关系：当页面A请求运行环境打开页面B时，可以指定页面B是其兄弟。这时页面A和页面B就形成兄弟关系。0058 需要强调的是应用页面的关系不是一个静态的概念，。

20、它由应用在运行时来控制。比如，应用在运行时可以让页面B作为页面A的儿子，也可以相反，这个完全取决于应用的逻辑。0059 基于上述设定，如图1所示，本发明的移动终端中多web页面应用切换方法通用地包括步骤：0060 S1，应用运行过程中，根据应用逻辑产生新页面加载请求，并指定新页面与当前页面的关系；0061 S2，解析并记录新页面地址以及新页面和当前页面的对应关系；0062 S3，创建新页面运行实例，根据新页面地址加载新页面，随后将新页面状态切换为运行状态并切换相关页面的运行状态；0063 S4，当新页面运行结束后将产生结束请求，根据指定的页面关系获得新页面的父亲页面，随后通知新页面进入结束状态。

21、并同时通知其父亲页面重新恢复到运行状态。0064 其中，上述步骤S1前还包括步骤S0：应用启动，创建并加载运行应用的根页面。0065 更具体地，如图2所示，一个新的应用A的启动过程包括步骤：0066 S0-1，向用户呈现所有应用(比如在图形用户接口GUI中显示)，用户选择运行“应用A”；0067 S0-2，查找“应用A”的信息进行应用部署，并获取该应用A的根页面a的地址；0068 S0-3，进行页面管理，记录根页面a作为该应用的根页面；0069 S0-4，根页面运行实例被创建，通过根页面a的地址加载并运行根页面a。0070 本发明中，应用的页面关系包括父子关系和兄弟关系，因此，上述切换方法进一。

22、步包括父子页面的切换和兄弟页面的切换。下面通过2个具体实施例对这两种切换方式做进一步的说明。0071 实施例10072 在本发明的实施例1中，通过在页面a和其子页面b之间的切换操作进行说明，具体地，如图3所示，父子页面的切换过程为：0073 S1，页面a请求加载页面b，并要求页面b成为自己的子页面；0074 S2，解析页面b的地址，并记录页面a成为页面b的父亲；0075 S3，页面b的运行实例被创建，并根据页面b的地址加载页面b，将页面b切换进入运行状态，同时将页面a切换进入非运行状态；0076 S4，当页面b请求结束运行时，检查运行记录，找到页面b的父亲是页面a，此时将通知页面b进入结束状态。

23、，而通知页面a重新恢复到运行状态。0077 实施例20078 在本发明的实施例2中，通过在页面b和其兄弟页面c之间的切换操作进行说明，说 明 书CN 102663003 A5/6页8为进一步说明页面b、c的控制流程，本实施例2中首先详细说明了通过页面a得到其子页面b的过程。因此，如图4所示，在本实施例2中，兄弟页面的全部切换过程为：0079 S1，页面a请求加载页面b，并要求页面b成为自己的子页面；0080 S2，解析页面b的地址，并记录页面a成为页面b的父亲；0081 S3，页面b的运行实例被创建，并根据页面b的地址加载页面b，将页面b切换进入运行状态，同时将页面a切换进入非运行状态；008。

24、2 S3-1，页面b请求加载页面c，并指示页面c成为自己的兄弟页面；0083 S3-2，请求解析页面c的地址，并记录页面b成为页面c的兄弟；0084 S3-3，页面c的运行实例被创建，并根据页面c的地址加载页面c，将页面c切换进入运行状态，同时将页面b直接结束；0085 S4，页面c请求停止运行时，检查运行记录，找到页面c的父亲是页面a，此时将通知页面c进入结束状态，而通知页面a重新恢复到运行状态。0086 可以看出，在本发明的方法中，步骤S3进行页面状态切换时，如果是通过父页面创建的子页面，则新页面运行时只将父页面切换到非运行状态；如果是通过兄弟页面创建的兄弟页面，则新兄弟页面运行时将原有兄。

25、弟页面直接结束。0087 由于本发明的方法中随时可能产生加载新页面的请求，因此对于某一页面，当其在运行状态时(即完成其自身的步骤S3之后)，随时可根据请求执行新页面的处理过程，执行新页面对应的步骤S1-S4。0088 此外，在步骤S3中，当切换页面的运行状态时，同时在页面之间传递数据。即当页面发生跳转时同时把页面参数从原页面传递到目标页面中；此外，在数据传递过程中还对数据的合法性进行校验。0089 本领域普通技术人员可以理解，实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，包括上述实施例方法的各步骤，而所述。

26、的存储介质可以是：ROM/RAM、磁碟、光盘、存储卡等。因此，与本发明的方法相对应的，本发明还同时包括一种移动终端中多web页面应用切换系统，该系统通常以与方法各步骤相对应的功能模块的形式表示；如图5所示，所述系统包括：0090 页面容器模块，用于在应用运行过程中根据用户的输入产生新页面加载请求；0091 关系管理模块，用于解析并记录新页面地址和新页面的对应关系；0092 页面运行模块，用于创建新页面运行实例，根据新页面地址加载新页面，将新页面状态切换为运行状态并切换相应页面的运行状态；0093 结束返回模块，用于当新页面运行结束后产生结束请求时，根据新页面的对应关系查找其父亲页面，通知新页面。

27、进入结束状态并同时通知其父亲页面重新恢复到运行状态。0094 为便于理解，下面更进一步地以软件设计的角度来说明本发明系统的功能模块划分，参见图6，本发明的系统具体包括Web应用管理模块101、页面运行容器模块201和页面管理模块301，其中：0095 1.Web应用管理模块101：负责管理本系统上可以使用的web app的信息。更进一步地，该模块主要包含以下两个子模块：说 明 书CN 102663003 A6/6页90096 a)Web应用部署管理模块111：主要负责安装、更新和卸载webapp，此外还记录每个已经安装部署的web app关键结构信息，其中包括：应用名称和根页面的地址。0097。

28、 b)应用管理GUI(Graphic User Interface，图形用户界面)模块112：具有两个主要功能为模块111的功能提供GUI的入口，以及为用户使用web应用提供GUI的呈现，用户可以通过其来启动已经部署到本系统的web应用。0098 2.页面运行容器模块201：包含了一个类似浏览器的模块，只需要指定页面加载地址，就负责加载和运行指定的页面。此外，还为页面提供了扩展javascript功能接口，使得页面可以访问传统浏览器不具备的功能。在本发明的系统中，在现有技术的基础上增加了对多页面模型的支持，具体而言，该模块为页面提供了一下两个方法：0099 a)打开页面：页面通过该方法请求加载。

29、新的页面，并指定自己与新页面的关系。0100 b)返回：页面通过该方法返回自己的父亲页面。如果页面是根页面，那么整个应用将结束运行。0101 3.页面管理模块301：每个应用启动时，系统将为该应用专门创建一个该模块的实例。该实例负责在运行时维护该应用中各个页面的角色(根页面还是子页面)，运行状态以及它们之间的关系(父子还是兄弟)。该模块是本发明的关键创新，其包含以下两个模块：0102 a)页面关系管理模块311：该模块在运行时根据页面的请求创建新的页面运行实例(即页面运行容器模块201的实例)来加载新的页面，同时记录两个页面的关系。0103 b)页面数据交换管理模块312：该模块负责在页面之间。

30、传递数据。即当页面发生跳转时该模块负责把参数从原页面传递到目标页面中。此外，还负责对数据的合法性进行校验。0104 若将图5与图6对照说明，则图5中的页面容器模块和结束返回模块与图6中的页面运行容器模块201基本对应，图5中的关系管理模块和页面运行模块与图6中的页面管理模块201基本对应，而图6中的Web应用管理模块101则主要在应用启动和运行过程中进行外部和上位的管理。本领域普通技术人员应该理解，图5中的系统是与方法步骤一一对应的虚拟模块划分，而图6中的系统是本发明的软件功能模块划分，两者均是本发明系统的模块结构，只是同一实施例的不同表述方式而已，不应视作对本发明具体实施方式的限制。0105。

31、 本发明的技术方案中，通过多页面的运行管理，有效地支持了多web页面的移动终端应用，应用开发不再仅局限于单页面，极大地降低了应用的开发复杂度，使得系统中可以集成更多的应用或是可以实现程序功能更为复杂的大型应用。此外，本发明可在多页面之间进行状态切换，实现了高级页面功能控制，使应用运行架构清楚明了，方便了应用的实现和维护，避免了程序冲突，降低了系统崩溃的概率，保证了系统的可靠性并极大地提升了系统性能。0106 以上实施方式仅用于说明本发明，而并非对本发明的限制，有关技术领域的普通技术人员，在不脱离本发明的精神和范围的情况下，还可以做出各种变化和变型，因此所有等同的技术方案也属于本发明的范畴，本发明的专利保护范围应由权利要求限定。说 明 书CN 102663003 A1/3页10图1图2说 明 书 附 图CN 102663003 A10。