页面搭建方法、装置、设备及计算机可读存储介质

技术领域

本发明涉及显示页面设计领域，尤其涉及页面搭建方法、装置、设备及计算机可读存储介质。

背景技术

目前第5代HTML(HyperText Markup Language，超文本标记语言)的运营管理工具只能提供一些通用化组件，无法提供企业个性化组件，不能解决个性化、操作流程复杂、复用性低、迭代速度慢等现有技术问题，使得页面运营效率和页面迭代速度降低，增加了页面开发成本。

发明内容

本发明的主要目的在于提供一种页面搭建方法、装置、设备及计算机可读存储介质，旨在解决现有的页面通用组件操作复杂和复用性低的技术问题。

此外，为实现上述目的，本发明还提供一种页面搭建方法，所述页面搭建方法包括以下步骤：

当接收到页面调用请求时，获取所述页面调用请求对应的页面结构和目标界面组件，以及所述页面结构对应的目标模组；

当接收到基于所述目标模组生成的数据配置请求时，获取所述目标模组对应的业务数据；

将所述目标界面组件和所述业务数据配置到所述目标模组中，得到模组组件，基于所述模组组件搭建所述页面调用请求对应的目标页面。

可选地，所述获取所述页面调用请求对应的目标界面组件的步骤包括：

获取预设第一界面组件和预设第二界面组件，对所述预设第一界面组件和所述预设第二界面组件进行布局处理和视效处理，得到所述页面调用请求对应的目标界面组件。

可选地，所述当接收到基于所述目标模组生成的数据配置请求时，获取所述目标模组对应的业务数据的步骤包括：

当接收到基于所述目标模组生成的数据配置请求时，查询预设服务器缓存，并判断所述预设服务器缓存中是否存在所述目标模组对应的业务数据；

若所述预设服务器缓存中不存在所述业务数据，则查询预设键值对数据库，并判断所述预设键值对数据库中是否存在所述业务数据；

若所述预设键值对数据库中不存在所述业务数据，则确定所述业务数据存储在预设关系型数据库中，并从所述预设关系型数据库中获取所述业务数据。

可选地，所述当接收到基于所述目标模组生成的数据配置请求时，获取所述目标模组对应的业务数据的步骤，还包括：

当接收到基于所述目标模组生成的数据配置请求时，获取所述目标模组对应的目标接口，并对所述目标接口对接的业务系统做数据调取操作；

若所述数据调取操作失败，则获取所述目标模组对应的默认数据，并将所述默认数据作为所述目标模组对应的业务数据；

若所述数据调取操作成功，则从所述目标接口对接的业务系统中获取所述目标模组对应的业务数据。

可选地，所述获取所述页面结构对应的目标模组的步骤之后，包括：

对所述目标模组进行调用；

在调用所述目标模组后的预设时间段内，确定所述目标模组中调用失败的第一模组，以及所述目标模组中调用成功的第二模组；

停止调用所述第一模组，并向所述第一模组对应的终端输出异常提示；

所述当接收到基于所述目标模组生成的数据配置请求时，获取所述目标模组对应的业务数据的步骤包括：

当接收到基于所述第二模组生成的数据配置请求时，获取所述第二模组对应的业务数据。

可选地，所述获取所述页面结构对应的目标模组的步骤包括：

从预设公共存储空间获取样式代码和脚本代码，并获取所述目标模块对应的业务逻辑代码和页面元素构建代码；

对所述样式代码、所述脚本代码、所述业务逻辑代码和所述页面元素构建代码进行压缩和打包，得到目标模组。

可选地，所述将所述目标界面组件和所述业务数据配置到所述目标模组中，得到模组组件的步骤之后，包括：

当接收到页面部署请求时，获取所述页面部署请求对应的动态模板，并访问所述动态模板，得到页面代码；

所述基于所述模组组件搭建所述页面调用请求对应的目标页面的步骤包括：

将所述模组组件对应的文件写入所述页面代码中，得到页面文件，基于所述页面文件，搭建所述页面调用请求对应的目标页面。

此外，为实现上述目的，本发明还提供一种页面搭建装置，所述页面搭建装置包括：

目标模组获取模块，用于当接收到页面调用请求时，获取所述页面调用请求对应的页面结构和目标界面组件，以及所述页面结构对应的目标模组；

业务数据获取模块，用于当接收到基于所述目标模组生成的数据配置请求时，获取所述目标模组对应的业务数据；

目标页面搭建模块，用于将所述目标界面组件和所述业务数据配置到所述目标模组中，得到模组组件，基于所述模组组件搭建所述页面调用请求对应的目标页面。

此外，为实现上述目的，本发明还提供一种页面搭建设备，所述页面搭建设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的页面搭建程序，所述页面搭建程序被所述处理器执行时实现如上述的页面搭建方法的步骤。

此外，为实现上述目的，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有页面搭建程序，所述页面搭建程序被处理器执行时实现如上述的页面搭建方法的步骤。

本发明实施例提出的一种页面搭建方法、装置、设备及计算机可读存储介质。本发明实施例中当接收到页面调用请求时，获取页面调用请求对应的页面结构和目标界面组件，以及根据页面结构获取的目标模组，然后，当接收到基于目标模组生成的数据配置请求时，获取目标模组对应的业务数据，将页面调用请求对应目标界面组件以及目标模组对应的业务数据，配置到目标模组中，得到模组组件，最后，基于得到的模组组件，搭建页面调用请求所调用的目标页面，以显示目标页面，本发明通过独立组件对页面进行搭建，提高了页面运营效率和页面迭代速度，降低了页面开发成本。

附图说明

图1为本发明实施例提供的页面搭建设备一种实施方式的硬件结构示意图；

图2为本发明页面搭建方法第一实施例的流程示意图；

图3为本发明页面搭建方法第二实施例的流程示意图；

图4为本发明页面搭建装置一实施例的功能模块示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

在后续的描述中，使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本发明的说明，其本身没有特定的意义。因此，“模块”、“部件”或“单元”可以混合地使用。

本发明实施例页面搭建终端可以是个人电脑和智能手机等具有页面显示功能的设备。

如图1所示，该终端可以包括：处理器1001，例如CPU，网络接口1004，用户接口1003，存储器1005，通信总线1002。其中，通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard)，可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器，也可以是稳定的存储器(non-volatile memory)，例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。

可选地，终端还可以包括摄像头、RF(Radio Frequency，射频)电路，传感器、音频电路、WiFi模块等等。其中，传感器比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示屏的亮度，接近传感器可在移动终端移动到耳边时，关闭显示屏和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别移动终端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；当然，移动终端还可配置陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

本领域技术人员可以理解，图1中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

如图1所示，作为一种计算机可读存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及页面搭建程序。

在图1所示的终端中，网络接口1004主要用于连接后台服务器，与后台服务器进行数据通信；用户接口1003主要用于连接客户端(用户端)，与客户端进行数据通信；而处理器1001可以用于调用存储器1005中存储的页面搭建程序，所述页面搭建程序被处理器执行时实现下述实施例提供的页面搭建方法中的操作。

基于上述设备硬件结构，提出了本发明页面搭建方法的实施例。

参照图2，在本发明页面搭建方法的第一实施例中，所述页面搭建方法包括：

步骤S10，当接收到页面调用请求时，获取所述页面调用请求对应的页面结构和目标界面组件，以及所述页面结构对应的目标模组。

本实施例中的页面搭建方法的最优实施例是搭建手机银行相关软件的显示界面，本实施例也适用于其他终端(例如电脑)显示的页面，在手机银行相关软件的显示界面构建的过程中，页面构建程序接收到页面调用请求时，获取页面调用请求对应的页面结构和目标界面组件，其中，页面结构可以简单地理解为，根据显示页面相关的业务需求对显示页面进行的划分处理，一般会得到多个显示区域，目标界面组件是指，在基础UI(UserInterface，用户界面)组件和复杂UI组件的基础上，加入业务特色的布局和视觉效果，形成一套具备业务特色的UI组件，其中，基础UI组件，例如，按钮、隔离条、模组标题等，基础UI组件具有可配置性。复杂UI组件，例如，轮播图、标签分页导航、弹框等，复杂UI组件的功能和配置较复杂。根据显示页面相关的业务需求对显示页面进行划分处理，得到多个显示区域后，为这些显示区域配置一定的业务逻辑、页面样式和页面元素等与页面显示有关的数据，就可以得到页面结构对应的目标模组。

步骤S20，当接收到基于所述目标模组生成的数据配置请求时，获取所述目标模组对应的业务数据。

可知地，上述得到的目标模组有多个，每个目标模组都有其对应的业务数据，其中，业务数据来自于后台业务系统，可以理解的是，后台业务系统也存在多个，目标模组与业务系统之间通过API(application programming interface，应用程序接口，以下简称接口)连接，每个接口对应一个业务系统，而根据业务需求，每个目标模组可以对应多个接口，从而，每个目标模组可以连接多个业务系统，得到目标模组后，还需要对目标模组进行数据配置，当接收到基于目标模组生成的数据配置请求时，从目标模组通过接口连接的业务系统获取业务数据。

步骤S30，将所述目标界面组件和所述业务数据配置到所述目标模组中，得到模组组件，基于所述模组组件搭建所述页面调用请求对应的目标页面。

可知地，得到页面结构对应的目标模组后，还需要为目标模组配置业务数据和目标界面组件，例如，目标模组对应的功能是查询个人账户，目标模组对应的显示样式和页面元素是提前设置好的，为了更好的显示效果，每个显示页面对应的多个显示模组的显示效果可以相同，将基础UI组件中的“我的账户”按钮，以及存储用户账户信息的业务系统中的业务数据配置到目标模组中，以实现通过目标模组连接的接口从存储用户账户信息的业务系统中调用业务数据，目标界面组件和业务数据配置到目标模组中后，便得到了目标模组对应的模组组件，模组组件存在多个，其中，模组组件由业务特色UI组件+业务数据组成，通过模组后台管理中心，运营人员可以灵活的配置各类组件数据，通过模组组件的组合快速搭建生成全新的应用页面。

具体地，步骤S10细化的步骤包括：

步骤a1，获取预设第一界面组件和预设第二界面组件，对所述预设第一界面组件和所述预设第二界面组件进行布局处理和视效处理，得到所述页面调用请求对应的目标界面组件。

可知地，本实施例将构成页面的组件分为四层，上层组件建立在下层组件的基础之上，本实施例中的组件由下至上依次是：基础UI组件，复杂UI组件，业务特色UI组件和模组组件，其中，上述基础UI组件即是本实施例中的预设第一界面组件，上述复杂UI组件即是本实施例中的预设第二界面组件，在基础UI组件和复杂UI组件的基础上，通过加入业务特色的布局(即上述布局处理)和视觉效果(即上述视效处理)，以及提供可配置的数据来源，形成一套业务特色UI组件，即本实施例中的目标界面组件，上述在基础UI组件和复杂UI组件的基础上加入业务特色的布局以及视觉效果的目的是，统一页面的显示风格，便于快速组建页面。

具体地，步骤S10细化的步骤包括：

步骤b1，从预设公共存储空间获取样式代码和脚本代码，并获取所述目标模块对应的业务逻辑代码和页面元素构建代码。

步骤b2，对所述样式代码、所述脚本代码、所述业务逻辑代码和所述页面元素构建代码进行压缩和打包，得到目标模组。

可知地，每个目标模块都有其对应的业务逻辑和页面构建元素，这与显示页面的风格以及业务需求有关，其中，业务逻辑以及页面元素的构建可以通过本实施例中的业务逻辑代码和页面元素构建代码实现，而从预设公共存储空间获取的公共样式代码(即本实施例中的样式代码)以及公共脚本代码(即本实施例中的脚本代码)是在模组实现的时候就把样式代码和脚本代码作为公共代码而存放在预设公共存储空间里了，多个模组的实现过程都会从预设公共存储空间获取样式代码和脚本代码，这样做的目的是防止每个模组都有一个样式或者脚本，从而造成冗余和冲突。然后对获取到的样式代码、脚本代码、业务逻辑代码和页面元素构建代码进行压缩和打包，得到代码文件形式的目标模组，在目标模组实现的过程中，可以将目标代码对应的代码文件写入页面代码中。

具体地，步骤S10之后的步骤包括：

步骤c1，对所述目标模组进行调用。

步骤c2，在调用所述目标模组后的预设时间段内，确定所述目标模组中调用失败的第一模组，以及所述目标模组中调用成功的第二模组。

步骤c3，停止调用所述第一模组，并向所述第一模组对应的终端输出异常提示。

具体地，步骤S20细化的步骤包括：

步骤c4，当接收到基于所述第二模组生成的数据配置请求时，获取所述第二模组对应的业务数据。

可知地，获取到目标代码后，客户终端显示的页面在发起模组调用请求时，对模组后台管理中心管理的多个目标模组进行调用，在调用多个目标模组后的一段时间内，若存在调用失败的模组(即本实施例中的第一模组)，则停止调用该模组，并关闭连接，避免网络阻塞影响用户正常交互操作，及持续占用用户的终端内存，多个目标模组中除了调用失败的第一模组之外，剩下的就是调用成功的第二模组了，停止调用第一模组后，还可以向负责开发第一模组的相关人员发送预警，具体地，可以通过邮件向登录负责开发第一模组的相关人员的账号的终端(即本实施例中的第一模组对应的终端)输出异常提示，调用目标模组完成后，当接收到基于调用成功的第二模组生成的数据配置请求时，通过第二模组对应的接口，以及接口连接的业务系统，获取第二模组对应的业务数据。

具体地，步骤S30细化的步骤包括：

步骤d1，当接收到页面部署请求时，获取所述页面部署请求对应的动态模板，并访问所述动态模板，得到页面代码。

步骤d2，将所述模组组件对应的文件写入所述页面代码中，得到页面文件，基于所述页面文件，搭建所述页面调用请求对应的目标页面。

本实施例中的页面搭建方法还可以实现动态生成网页文件，技术方案由模组组件、动态模板和调度任务构成，调度任务用于页面的更新部署，通过实时监听页面数据的变更，当监听到页面数据变更时，访问动态模板，以获取最新的页面代码，并对页面代码进行文件写入，其中，写入页面代码中的文件是组成页面的模组组件对应的脚本语言文件，模组组件对应的脚本语言文件由各种代码以及业务数据压缩打包而成，其中包括公共样式代码、公共脚本代码、页面元素构建代码和业务逻辑代码等，模组组件对应的脚本语言文件可以在任意页面中通过UI组件进行展示，将模组组件对应的脚本语言文件写入页面代码中后，得到页面代码，其中，写入过程包括将公共样式代码和公共脚本代码注入页面代码的头标签中。

在本实施例中当接收到页面调用请求时，获取页面调用请求对应的页面结构和目标界面组件，以及根据页面结构获取的目标模组，然后，当接收到基于目标模组生成的数据配置请求时，获取目标模组对应的业务数据，将页面调用请求对应目标界面组件以及目标模组对应的业务数据，配置到目标模组中，得到模组组件，最后，基于得到的模组组件，搭建页面调用请求所调用的目标页面，以显示目标页面，本发明通过独立组件对页面进行搭建，提高了页面运营效率和页面迭代速度，降低了页面开发成本。

进一步地，参照图3，在本发明上述实施例的基础上，提出了本发明页面搭建方法的第二实施例。

本实施例是第一实施例中步骤S20细化的步骤，本实施例与本发明上述实施例的区别在于：

步骤S21，当接收到基于所述目标模组生成的数据配置请求时，查询预设服务器缓存，并判断所述预设服务器缓存中是否存在所述目标模组对应的业务数据。

步骤S22，若所述预设服务器缓存中不存在所述业务数据，则查询预设键值对数据库，并判断所述预设键值对数据库中是否存在所述业务数据。

步骤S23，若所述预设键值对数据库中不存在所述业务数据，则确定所述业务数据存储在预设关系型数据库中，并从所述预设关系型数据库中获取所述业务数据。

可知地，本实施例中的页面搭建方法还提出了模组和接口的高度可用性的方法，通过多路缓存来实现数据的快速更新，模组通过接口异步获取业务数据，具体地，当接收到基于目标模组生成的数据配置请求时，依次查询服务器缓存、redis(Remote DictionaryServer，远程字典服务)缓存和关系型数据库，其中，上述服务器缓存即是本实施例中的预设服务器缓存，上述redis缓存即是本实施例中的预设键值对数据库，上述关系型数据库即是本实施例中的预设关系型数据库，查询预设服务器缓存、预设键值对数据库和预设关系型数据库的顺序不是固定的，且不限于上述三种存储方式，本实施例以三种存储方式为最优实施例，在上述最优实施例中，需要查询的单位业务数据只采用上述三种存储方式中的一种，因此，当预设服务器缓存和预设键值对数据库中都不存在所查询的业务数据时，便可以确认所查询的业务数据在预设关系型数据库中，然后从预设关系型数据库中获取所查询的业务数据，可以理解的是，若所查询的业务数据在预设服务器缓存中，则对预设键值对数据库以及预设关系型数据库的查询可以不用执行。

具体地，步骤S20细化的步骤还包括：

步骤e1，当接收到基于所述目标模组生成的数据配置请求时，获取所述目标模组对应的目标接口，并对所述目标接口对接的业务系统做数据调取操作。

步骤e2，若所述数据调取操作失败，则获取所述目标模组对应的默认数据，并将所述默认数据作为所述目标模组对应的业务数据。

步骤e3，若所述数据调取操作成功，则从所述目标接口对接的业务系统中获取所述目标模组对应的业务数据。

可知地，上述实施例中页面发起模组调用请求后，若成功调用目标模组，且接收到基于目标模组生成的数据配置请求时，通过目标模组对应的目标接口，对目标接口对接的业务系统做数据调取操作，若后台该业务系统异常或处理能力不足，导致数据调用超过一定时间后仍没有数据返回，则自动断开接口与业务系统之间的连接，返回并显示目标模组的默认数据，其中，默认数据可以是预设的数据，也可以是数据调用失败前，目标模组显示的数据，可以理解的是，调用数据失败而断开连接的目的是，避免导致网络阻塞及降低系统处理能力。

在本实施例中通过多路缓存机制以及超时机制，提高了高请求下接口的高可用性，以及避免了网络阻塞导致系统处理能力降低。

此外，参照图4，本发明实施例还提出一种页面搭建装置，所述页面搭建装置包括：

目标模组获取模块10，用于当接收到页面调用请求时，获取所述页面调用请求对应的页面结构和目标界面组件，以及所述页面结构对应的目标模组；

业务数据获取模块20，用于当接收到基于所述目标模组生成的数据配置请求时，获取所述目标模组对应的业务数据；

目标页面搭建模块30，用于将所述目标界面组件和所述业务数据配置到所述目标模组中，得到模组组件，基于所述模组组件搭建所述页面调用请求对应的目标页面。

可选地，所述目标模组获取模块10，包括：

布局处理和视效处理单元，用于获取预设第一界面组件和预设第二界面组件，对所述预设第一界面组件和所述预设第二界面组件进行布局处理和视效处理，得到所述页面调用请求对应的目标界面组件。

可选地，所述业务数据获取模块20，包括：

第一查询单元，用于当接收到基于所述目标模组生成的数据配置请求时，查询预设服务器缓存，并判断所述预设服务器缓存中是否存在所述目标模组对应的业务数据；

第二查询单元，用于若所述预设服务器缓存中不存在所述业务数据，则查询预设键值对数据库，并判断所述预设键值对数据库中是否存在所述业务数据；

业务数据获取单元，用于若所述预设键值对数据库中不存在所述业务数据，则确定所述业务数据存储在预设关系型数据库中，并从所述预设关系型数据库中获取所述业务数据。

可选地，所述业务数据获取模块20，还包括：

数据调取单元，用于当接收到基于所述目标模组生成的数据配置请求时，获取所述目标模组对应的目标接口，并对所述目标接口对接的业务系统做数据调取操作；

默认数据获取单元，用于若所述数据调取操作失败，则获取所述目标模组对应的默认数据，并将所述默认数据作为所述目标模组对应的业务数据；

业务数据调取单元，用于若所述数据调取操作成功，则从所述目标接口对接的业务系统中获取所述目标模组对应的业务数据。

可选地，所述页面搭建装置，包括：

调用模块，用于对所述目标模组进行调用；

模组确认模块，用于在调用所述目标模组后的预设时间段内，确定所述目标模组中调用失败的第一模组，以及所述目标模组中调用成功的第二模组；

调用停止模块，用于停止调用所述第一模组，并向所述第一模组对应的终端输出异常提示；

所述业务数据获取模块20，包括：

配置请求接收单元，用于当接收到基于所述第二模组生成的数据配置请求时，获取所述第二模组对应的业务数据。

可选地，所述目标模组获取模块10，包括：

代码获取单元，用于从预设公共存储空间获取样式代码和脚本代码，并获取所述目标模块对应的业务逻辑代码和页面元素构建代码；

压缩打包单元，用于对所述样式代码、所述脚本代码、所述业务逻辑代码和所述页面元素构建代码进行压缩和打包，得到目标模组。

可选地，所述页面搭建装置，包括：

页面代码获取模块，用于当接收到页面部署请求时，获取所述页面部署请求对应的动态模板，并访问所述动态模板，得到页面代码；

所述目标页面搭建模块30，包括：

文件写入单元，用于将所述模组组件对应的文件写入所述页面代码中，得到页面文件，基于所述页面文件，搭建所述页面调用请求对应的目标页面。

此外，本发明实施例还提出一种计算机可读存储介质，所述计算机可读存储介质上存储有页面搭建程序，所述页面搭建程序被处理器执行时实现上述实施例提供的页面搭建方法中的操作。

上述各程序模块所执行的方法可参照本发明页面搭建方法各个实施例，此处不再赘述。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体/操作/对象与另一个实体/操作/对象区分开来，而不一定要求或者暗示这些实体/操作/对象之间存在任何这种实际的关系或者顺序；术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。

对于装置实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以不是物理上分开的。可以根据实际的需要选择中的部分或者全部模块来实现本发明方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本发明各个实施例所述的页面搭建方法。

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。