一种页面生成方法、装置、电子设备及介质与流程

1.本发明涉及计算机技术领域，尤其涉及一种页面生成方法、装置、电子设备及介质。


背景技术：

2.在传统的浏览器/服务器架构下，软件应用分为多页面应用和单页面应用。多页面应用可以合理利用后端优秀的计算能力生成超文本标记语言(hyper text markup language，html)界面来展示给用户，但是在后续的操作体验及局部刷新方面显得比较生硬。单页面应用虽然解决了页面跳转和局部刷新方面的不足，但其在首次渲染时白屏时间过长。另外，由于单页面应用后端返回的是白屏，造成搜索引擎优化(search engine optimization，seo)不理想，从而影响搜索引擎排名。


技术实现要素：

3.本发明提供一种页面生成方法、装置、电子设备及介质，以解决现有技术中页面生成方式中页面文件过大所导致的页面显示效果差等问题。
4.本发明提供的页面生成方法，包括：
5.接收页面请求，并根据所述页面请求获取目标地址；
6.解析所述目标地址，获取待生成页面路径，并对所述待生成页面路径进行访问匹配，得到目标组件；
7.根据目标组件获取待填充数据，并根据预设数据量对所述待填充数据进行筛选处理，得到目标填充数据；
8.将所述目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件；
9.对所述超文本标记语言文件进行渲染处理，得到目标页面。
10.可选地，所述解析所述目标地址，获取待生成页面路径，并对所述待生成页面路径进行访问匹配，得到目标组件，包括：
11.获取所述待生成页面的属性信息和配置信息；
12.根据所述属性信息和所述配置信息对所述待生成页面路径进行访问匹配，得到目标组件。
13.可选地，所述根据所述属性信息和所述配置信息将所述待生成页面与所述待匹配组件进行匹配，得到目标组件之后，还包括：
14.通过所述目标组件判断是否需要拉取待展示数据，所述待填充数据包括待展示数据；
15.若是，则将所述待展示数据拉取并存储到目标存储空间；
16.可选地，所述根据所述属性信息和所述配置信息将所述待生成页面与所述待匹配组件进行匹配，得到目标组件，包括：
17.采用vue框架将超文本标记语言元素、元素布局、样式和业务逻辑封装到组件，得到待匹配组件；
18.将所述待匹配组件部署到目标服务器；
19.通过所述目标服务器响应所述页面请求；
20.基于所述属性信息和所述配置信息，采用所述目标服务器将所述待生成页面与所述待匹配组件进行匹配，得到目标组件。
21.可选地，所述根据预设数据量对所述待填充数据进行筛选处理，得到目标填充数据，包括：
22.获取所述待填充数据的数据量，并将所述待填充数据的数据量与所述预设数据量进行比对；
23.若所述待填充数据的数据量大于所述预设数据量，则对所述待填充数据进行筛选，得到目标填充数据；
24.若所述待填充数据的数据量小于或等于所述预设数据量，则确定所述待填充数据为目标填充数据。
25.可选地，所述根据目标组件获取待填充数据的数据量之后，还包括：
26.将所述待填充数据划分为过滤数据和目标填充数据；
27.将过滤数据和目标填充数据中的至少一种数据添加数据标识，并根据所述数据标识将所述目标填充数据填充至所述超文本标记语言模板。
28.可选地，所述将所述目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件，包括：
29.获取系统信息，并根据所述系统信息和所述目标地址确定上下文信息；
30.将所述目标填充数据和所述上下文信息填充至所述预设超文本标记语言模板，得到超文本标记语言文件。
31.本发明还提供了一种页面生成装置，包括：
32.目标地址模块，用于接收页面请求，并根据所述页面请求获取目标地址；
33.组件匹配模块，用于解析所述目标地址，获取待生成页面路径，并对所述待生成页面路径进行访问匹配，得到目标组件；
34.数据筛选模块，用于根据目标组件获取待填充数据，并根据预设数据量对所述待填充数据进行筛选处理，得到目标填充数据；
35.数据填充模块，用于将所述目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件；
36.页面生成模块，用于对所述超文本标记语言文件进行渲染处理，得到目标页面，所述目标地址模块、所述组件匹配模块、所述数据筛选模块、所述填充模块和所述页面生成模块相连接。
37.本发明还提供一种电子设备，包括：处理器及存储器；
38.所述存储器用于存储计算机程序，所述处理器用于执行所述存储器存储的计算机程序，以使所述电子设备执行所述页面生成方法。
39.本发明还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上述所述页面生成方法。
40.本发明的有益效果：本发明中的页面生成方法，通过接收页面请求，接收页面请求，并根据页面请求获取目标地址；将目标地址所指向的待生成页面与待匹配组件进行匹配，得到目标组件；根据目标组件获取待填充数据，并根据预设数据量对待填充数据进行筛选处理，得到目标填充数据；将目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件；对超文本标记语言文件进行渲染处理，得到目标页面；通过对待填充数据进行筛选得到目标填充数据，并将目标填充数据填充至预设超文本标记语言模板，避免了大数据下生成html页面过大造成资源传输缓慢以及页面加载缓慢等问题，从而解决了现有技术中页面生成方式中页面文件过大所导致的页面显示效果差等问题。
41.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本技术。
附图说明
42.为了更清楚地说明本发明实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
43.图1是本发明实施例中页面生成方法的流程示意图；
44.图2是本发明实施例中目标组件的获取方法的流程示意图；
45.图3是本发明实施例中页面生成装置的结构示意图；
46.图4是本发明实施例中电子设备的结构示意图。
具体实施方式
47.以下通过特定的具体实例说明本发明的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本发明的精神下进行各种修饰或改变。需说明的是，在不冲突的情况下，以下实施例及实施例中的特征可以相互组合。
48.需要说明的是，以下实施例中所提供的图示仅以示意方式说明本发明的基本构想，遂图式中仅显示与本发明中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制，其实际实施时各组件的型态、数量及比例可为一种随意的改变，且其组件布局型态也可能更为复杂。
49.为使本技术的目的、技术方案和优点更加清楚，下面将结合附图对本技术实施方式作进一步地详细描述。
50.下面对本技术涉及的几个名词进行介绍和解释：
51.nodejs：nodejs又叫node，是一个基于chrome v8引擎的javascript运行环境。可以作为服务端提供web服务，由于使用的是javascript语言，所以可以和浏览器使用的javascript语言很好的通用。
52.javascript(js)：是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。
53.webpack：前端编译打包工具。它的主要目标是将javascript文件打包在一起，打包后的文件用于在浏览器中使用。
54.ssr：服务端渲染，是相对于浏览器端渲染来说的。浏览器端渲染是通过js操作dom来实现html的结构来进而实现页面的展示。服务端渲染是指直接在服务端获取到html界面然后让浏览器直接解析。
55.dom(document object model)：文档对象模型，是w3c组织推荐的处理可扩展置标语言的标准编程接口。
56.vue、vue-router、vuex：前端框架，结构化代码编写，提高开发效率和利于维护
57.vuessrserverplugin插件：可以理解为webpack的一个工具，用于服务端渲染。
58.编译期：开发人员编写的代码是无法直接运行的，需要转换成为机器(浏览器或服务器)能识别的语言，这个过程叫做编译
59.vue-server-renderer：专门用于服务端渲染的工具。
60.白屏：呈现白色，无内容的界面。
61.seo(search engine optimization)：搜索引擎优化，用于提高在百度、谷歌等所搜引擎搜素内容时的排名顺序。
62.以上英文缩写是web前端领域的专业术语，有些英文缩写无中文内容对应的叫法。
63.在传统的浏览器/服务器架构下，软件应用分为多页面应用和单页面应用。在多页面应用中，由于页面跳转以及局部刷新比较生硬，导致页面展示效果不理想；并且页面的简单操作也会触发页面跳转，打断了用户交互影响体验；页面每次跳转都会发起调用所有的请求操作，浪费流量资源。而在单页面应用中，虽然解决了多页面应用的缺点，但是由于初次渲染会加载所有资源从而造成了首屏白屏的时间过久，影响了用户体验。另外页面是由js渲染出来的，造成搜索引擎识别不了，造成seo较差。为了解决多页面应用和单页面中的问题，本技术提出了一种页面生成方法、装置、电子设备及介质。
64.在卫星管理系统中，如何解决大数据量的展示问题关系着页面的展现形式及用户体验的好与差。如果在请求时由后端获取到数据然后填写到html中回传给用户将会造成请求包数据量大，浏览器解析困难，展示效果差。如果在页面返回后再次发起请求来进行二次渲染的话也会造成第一次渲染不正确，二次渲染可能时间较久，网络卡顿情况下页面效果不一致的情况。
65.请参阅图1，图1是本发明在一实施例中提供的页面生成方法的流程示意图。该方法可以应用于卫星管理系统中，应理解的是，该方法也可以应用于其他实施环境中。
66.如图1所示，页面生成方法，包括步骤s110-s150：
67.步骤s110，接收页面请求，并根据页面请求获取目标地址。
68.为了减少页面请求，节约流量资源，本技术中的实施环境可以采用单页面应用，即卫星管理系统可以采用单页面应用。在接收页面请求之前还需要对前端进行部署，具体地，前端采用vue+vue-router+vuex全家桶的方式实现页面的渲染，路由跳转及数据的存储功能。
69.在js编译期，可以将前端项目打包成静态文件供页面调用，具体地，可以采用webpack通过webpack.client.config.js配置文件将前端项目打包编译成js、css(层叠样式表、cascading style sheets))等静态文件供页面调用。在js编译期，采用vue框架编写
待匹配组件，并将待匹配组件部署到目标服务器；例如，webpack通过webpack.server.config.js配置文件用vuessrserverplugin插件将编写好的vue项目及静态文件打包成为服务端应用js文件vue-ssr-server-bundle.json，并将该文件部署到目标服务器上，供服务器渲染html文件使用，目标服务器包括nodejs服务器。在js编译期，可以将页面生成方法的实施环境的环境变量编译进静态文件(例如js)中，供界面在运行时调用；例如，webpack.client.config.js及webpack.server.config.js通过webpack插件defineplugin将系统的环境变量编译进js静态文件中，供界面在运行时调用。用户可以根据浏览器发起请求，根据页面请求获取目标地址，目标地址是路由url(uniform resource locator，统一资源定位器)，即页面地址。
70.具体地，可以通过vue+vuex+vue-router编写高效的单页面应用程序。可以通过出口文件(例如app.js)将项目分离为单页面应用(entry-client.js)和服务端渲染界面(entry-server.js)两个项目。当webpack对前端页面进行编译时，通过两个项目文件分别进行编译。可以将vue应用编译为目标格式(例如，html、js以及css)的文件，供浏览器直接解析和使用；例如，webpack可以通过entry-client.js文件将vue应用编译为html+js+css的文件，供浏览器直接解析和使用。webpack可以通过entry-server.js文件将vue应用编译为可供服务端渲染器进行html渲染的vue-ssr-server-bundle.json文件。浏览器发起页面请求后，服务端渲染工具通过加载vue-ssr-server-bundle.json以及从后台服务端获取的数据生成html文件然后返回到浏览器。浏览器解析html界面从服务器拉取js及css文件并实例化vue应用。
71.用户可以通过浏览器发起请求，请求到达目标服务器后，服务器先根据请求header里面的cookie信息来判断用户是否登录。然后根据路由信息及配置信息判断当前请求是否需要登录授权，如果用户未登录且当前路由需要登录授权则重定向到登录界面，否则进行下一步。nodejs服务器根据路由url里是否含有api来判断当前请求是页面请求还是数据接口请求，如果是数据接口请求直接把数据以json的形式返回即可，如果是页面请求则进行步骤s120将目标地址所指向的待生成页面与待匹配组件进行匹配，得到目标组件。其中，目标服务器包括nodejs服务器。nodejs服务器可以通过调用http请求获取系统信息、基础配置信息及登录信息，如果用户登录则还要获取用户登录信息及用户权限信息等，然后将这些信息存储到vuex中。
72.步骤s120，解析目标地址，获取待生成页面路径，并对待生成页面路径进行访问匹配，得到目标组件。
73.在一实施例中，目标组件的获取方法请参阅图2，图2是本发明在一实施例中目标组件的获取方法的流程示意图。
74.如图2所示，目标组件的获取方法可以包括以下步骤s210-s220：
75.s210，获取待生成页面的属性信息和配置信息。
76.s220，根据属性信息和配置信息对待生成页面路径进行访问匹配，得到目标组件。
77.具体地，可以采用vue框架将超文本标记语言元素、元素布局、样式和业务逻辑封装到组件，得到待匹配组件；将待匹配组件部署到目标服务器；通过目标服务器响应所述页面请求；基于属性信息和配置信息，采用目标服务器将待生成页面与待匹配组件进行匹配，得到目标组件。nodejs服务器根据路由匹配相应的待匹配组件，如果匹配成功进行步骤
server-bundle.json来创建渲染器，然后设置html模板，最后将服务端的目标填充数据填充至模板中。其中，vue-ssr-server-bundle.json为webpack通过webpack.server.config.js配置文件用vuessrserverplugin插件将编写好的vue项目及静态文件打包为服务端应用的js文件。
83.将目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件，包括：获取系统信息，并根据系统信息和所述目标地址确定上下文信息；将目标填充数据和上下文信息填充至预设超文本标记语言模板，得到超文本标记语言文件。
84.步骤s150，对超文本标记语言文件进行渲染处理，得到目标页面。
85.应当理解的是，根据超文本标记语言文件生成htm界面并返回给浏览器，浏览器根据返回的html界面生成用户可视化的界面。同时向后台获取js及css文件。当执行获取回来的js文件时，在生成vue实例时如果发现当前页面是ssr渲染过的，将不会执行render渲染方法去重新渲染html界面，防止页面的二次刷新。然后将存储在html界面中的window.__initial_state__数据初始化到vuex中。浏览器渲染完毕后，从超文本标记语言文件中获取到目标填充数据，对目标填充数据进行判断是否经过筛选，如果经过了筛选需要重新到服务器获取完整的待填充数据并替换掉目标填充数据，如果没有经过筛选则不需要此步骤。具体地，当界面全部加载完成后，js还会通过数据标识来判断当前数据是否经过筛选或者数据完整，如果未经过筛选且数据完整则界面加载完毕等待用户下一步的操作，如果经过筛选或者数据不完整将会在空余时间去获取全部完整的数据(即待填充数据)。通过数据标识来判断当前数据是否经过筛选的实现方法包括：只对过滤数据添加标识时，若目标填充数据中包括过滤数据(即有过滤数据对应的数据标识)，则表明未经过筛选；只对目标填充数据添加数据标识时，若目标填充数据中包括过滤数据(即有数据没有目标填充数据标识)，则表明未进行筛选；对过滤数据和目标填充数据均添加数据标识时，若目标填充数据中过滤数据的数据标识均有来判断有无筛选；只对待填充数据添加数据标识时，通过数据标识获取待填充数据的数据量和目标填充数据的数据量，并将待填充数据的数据量和目标填充数据的数据量进行对比，若目标填充数据的数据量与待填充数据的数据量不同，则数据不完整。通过上述步骤，即可将原本只能在浏览器中运行的vue应用也可在nodejs服务器中生成html文件供浏览器解析使用。通过采用本实施例中的页面生成方法，可以实现基于webpack的适用于卫星管理系统的ssr方法，在使用vue开发前端界面简单高效的基础上，利用nodejs实现一个渲染服务器，通过引入数据拉取和vue解析实现在服务端渲染出原本只能在浏览器中才能渲染的vue应用。从而达到提高了首页加载速度及解决了首页白屏和大数据量下页面渲染效果不佳的情况，还方便了搜索引擎的抓取和搜索引擎的优化。
86.本施例提供了一种页面生成方法，该方法通过接收页面请求，接收页面请求，并根据页面请求获取目标地址；将目标地址所指向的待生成页面与待匹配组件进行匹配，得到目标组件；根据目标组件获取待填充数据，并根据预设数据量对待填充数据进行筛选处理，得到目标填充数据；将目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件；对超文本标记语言文件进行渲染处理，得到目标页面；通过对待填充数据进行筛选得到目标填充数据，并将目标填充数据填充至预设超文本标记语言模板，避免了大数据下生成html页面过大造成资源传输缓慢以及页面加载缓慢等问题，从而解决了现有技术中页面生成方式中页面文件过大所导致的页面显示效果差等问题。通过采用单页面应用，服务
端渲染的方式加载页面,减少页面请求，节约流量资源。前端采用vue+vue-router+vuex全家桶的方式实现页面的渲染，路由跳转及数据的存储功能；从而解决页面跳转生硬，页面展示效果不理想的问题，同时提高了用户体验。在js编译期，将编写好的vue项目及静态文件通过webpack打包成为服务端应用js文件，并将该文件部署到nodejs服务器上，供服务器渲染html文件使用，从而解决了每次刷新页面出现白屏的问题，并提高了首屏的加载速度。在生成目标页面时判断当前页面数据量大小，如果超过了一定阈值，对数据进行过滤，只生成目标(html)页面可视区域的数据，并标识此数据为视野数据，从而解决了大数据下生成html页面过大造成资源传输缓慢，页面加载缓慢的问题。
87.基于与页面生成方法相同的发明构思，相应的，本实施例还提供了一种页面生成装置。在本实施例中，该页面生成装置执行上述任一实施例所述的页面生成方法，具体功能和技术效果参照上述实施例即可，此处不再赘述。
88.图3为本发明提供的页面生成装置的结构示意图。
89.如图3所示，所示页面生成装置包括：31目标地址模块、32组件匹配模块、33数据筛选模块、34数据填充模块以及页面生成模块。
90.其中，目标地址模块，用于接收页面请求，并根据页面请求获取目标地址；
91.组件匹配模块，用于解析目标地址，获取待生成页面路径，并对待生成页面路径进行访问匹配，得到目标组件；
92.数据筛选模块，用于根据目标组件获取待填充数据，并根据预设数据量对待填充数据进行筛选处理，得到目标填充数据；
93.数据填充模块，用于将目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件；
94.页面生成模块，用于对超文本标记语言文件进行渲染处理，得到目标页面，目标地址模块、组件匹配模块、数据筛选模块、填充模块和页面生成模块相连接。
95.在该示例性的页面生成装置中，通过对待填充数据进行筛选得到目标填充数据，并将目标填充数据填充至预设超文本标记语言模板，避免了大数据下生成html页面过大造成资源传输缓慢以及页面加载缓慢等问题，从而解决了现有技术中页面生成方式中页面文件过大所导致的页面显示效果差等问题。
96.在一些示例性实施例中，组件匹配模块包括：
97.信息获取单元，用于获取待生成页面的属性信息和配置信息；
98.匹配单元，用于根据属性信息和配置信息对待生成页面路径进行访问匹配，得到目标组件。
99.在一些示例性实施例中，上述页面生成装置还包括：
100.判断模块，用于通过目标组件判断是否需要拉取待展示数据，待填充数据包括待展示数据；
101.执行模块，用于若是，则将待展示数据拉取并存储到目标存储空间；
102.在一些示例性实施例中，上述匹配单元包括：
103.组件封装子单元，用于采用vue框架将超文本标记语言元素、元素布局、样式和业务逻辑封装到组件，得到待匹配组件；
104.组件部署子单元，用于将待匹配组件部署到目标服务器；
105.请求响应子单元，用于通过目标服务器响应页面请求；
106.匹配子单元，用于基于属性信息和配置信息，采用目标服务器将待生成页面与待匹配组件进行匹配，得到目标组件。
107.在一些示例性实施例中，上述数据筛选模块包括：
108.数据比对单元，用于获取待填充数据的数据量，并将待填充数据的数据量与预设数据量进行比对；
109.第一筛选单元，用于若待填充数据的数据量大于预设数据量，则对待填充数据进行筛选，得到目标填充数据；
110.第二筛选单元，用于若待填充数据的数据量小于或等于预设数据量，则确定待填充数据为目标填充数据。
111.在一些示例性实施例中，上述页面生成装置还包括：
112.数据分类模块，用于将待填充数据划分为过滤数据和目标填充数据；
113.数据标识模块，用于将过滤数据和目标填充数据中的至少一种数据添加数据标识，并根据数据标识将目标填充数据填充至超文本标记语言模板。
114.在一些示例性实施例中，上述数据填充模块包括：
115.上下文信息单元，用于获取系统信息，并根据系统信息和目标地址确定上下文信息；
116.数据填充单元，用于将目标填充数据和上下文信息填充至超文本标记语言模板，得到超文本标记语言文件。
117.本实施例还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本实施例中的任一项方法。
118.在一个实施例中，请参见图4，本实施例还提供了一种电子设备400，包括存储器401、处理器402及存储在存储器上并可在处理器上运行的计算机程序，所述处理器402执行所述计算机程序时实现如上任一项实施例所述方法的步骤。
119.本实施例中的计算机可读存储介质，本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过计算机程序相关的硬件来完成。前述的计算机程序可以存储于一计算机可读存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：rom、ram、磁碟或者光盘等各种可以存储程序代码的介质。
120.本实施例提供的电子设备，包括处理器、存储器、收发器和通信接口，存储器和通信接口与处理器和收发器连接并完成相互间的通信，存储器用于存储计算机程序，通信接口用于进行通信，处理器和收发器用于运行计算机程序，使电子设备执行如上方法的各个步骤。
121.在本实施例中，存储器可能包含随机存取存储器(random access memory，简称ram)，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。
122.上述的处理器可以是通用处理器，包括中央处理器(central processing unit，简称cpu)、网络处理器(network processor，简称np)等；还可以是数字信号处理器(digital signal processing，简称dsp)、专用集成电路(application specific integrated circuit，简称asic)、现场可编程门阵列(field－programmable gate array，简称fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
123.在上述实施例中，说明书对“本实施例”、“一实施例”、“另一实施例”、“在一些示例性实施例”或“其他实施例”的提及表示结合实施例说明的特定特征、结构或特性包括在至少一些实施例中，但不必是全部实施例。“本实施例”、“一实施例”、“另一实施例”的多次出现不一定全部都指代相同的实施例。
124.在上述实施例中，尽管已经结合了本发明的具体实施例对本发明进行了描述，但是根据前面的描述，这些实施例的很多替换、修改和变形对本领域普通技术人员来说将是显而易见的。例如，其他存储结构(例如，动态ram(dram))可以使用所讨论的实施例。本发明的实施例旨在涵盖落入所附权利要求的宽泛范围之内的所有这样的替换、修改和变型。
125.本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
126.本发明可用于众多通用或专用的计算系统环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、置顶盒、可编程的消费电子设备、网络pc、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。
127.本发明可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本发明，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
128.上述实施例仅示例性说明本发明的原理及其功效，而非用于限制本发明。任何熟悉此技术的人士皆可在不违背本发明的精神及范畴下，对上述实施例进行修饰或改变。因此，但凡所属技术领域中具有通常知识者在未脱离本发明所揭示的精神与技术思想下所完成的一切等效修饰或改变，仍应由本发明的权利要求所涵盖。