CN111931102A - 一种构建页面的方法、装置及系统 - Google Patents
一种构建页面的方法、装置及系统 Download PDFInfo
- Publication number
- CN111931102A CN111931102A CN202010622985.7A CN202010622985A CN111931102A CN 111931102 A CN111931102 A CN 111931102A CN 202010622985 A CN202010622985 A CN 202010622985A CN 111931102 A CN111931102 A CN 111931102A
- Authority
- CN
- China
- Prior art keywords
- page
- terminal
- server
- information
- elements
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 84
- 230000000007 visual effect Effects 0.000 claims description 19
- 238000004590 computer program Methods 0.000 claims description 16
- 238000012545 processing Methods 0.000 abstract description 13
- 238000007726 management method Methods 0.000 description 19
- 238000004891 communication Methods 0.000 description 17
- 238000010586 diagram Methods 0.000 description 17
- 230000006870 function Effects 0.000 description 17
- 230000008569 process Effects 0.000 description 7
- 238000012360 testing method Methods 0.000 description 7
- 238000004458 analytical method Methods 0.000 description 4
- 238000007405 data analysis Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 230000004044 response Effects 0.000 description 4
- 229920001621 AMOLED Polymers 0.000 description 3
- 230000006399 behavior Effects 0.000 description 3
- 238000010276 construction Methods 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000013480 data collection Methods 0.000 description 3
- 238000011161 development Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 239000004973 liquid crystal related substance Substances 0.000 description 3
- 239000002023 wood Substances 0.000 description 3
- 238000013500 data storage Methods 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 2
- 238000013486 operation strategy Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 230000003321 amplification Effects 0.000 description 1
- 238000013528 artificial neural network Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 210000000988 bone and bone Anatomy 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 239000003795 chemical substances by application Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 230000036541 health Effects 0.000 description 1
- 230000014759 maintenance of location Effects 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000003199 nucleic acid amplification method Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000002096 quantum dot Substances 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000000717 retained effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请涉及数据处理领域，提供了一种构建页面的方法、装置及系统，构建页面的方法包括服务器从第一终端处获取应用程序对应的页面信息，页面信息用于确定一个或多个页面元素以及一个或多个页面元素之间的布局关系；服务器根据页面信息，构建应用程序的页面，页面中包括一个或多个页面元素，且一个或多个页面元素在页面中按照布局关系排布；服务器更新页面，以及将更新后的页面确定为应用程序对应的目标页面。相对于通过图像识别的方法识别截图中的页面元素，本申请提高了页面元素识别的准确度，进一步提高了构建的页面的准确度。
Description
技术领域
本申请实施例涉及数据处理领域，尤其涉及一种构建页面的方法、装置及系统。
背景技术
大数据分析是一种常见的基于大数据技术的应用，通过大数据分析，能够得到用户行为及用户对产品的依赖程度等信息，从而指导商家优化产品(例如，根据用户反馈优化产品功能或者页面)，还可以指导商家优化运营策略(例如，针对特定人群制定对应的运营策略，提升投资回报率)。
大数据分析的基础是数据采集，例如，若需要得到用户行为及用户对产品的依赖程度等信息，需要采集用户相关的数据进行大数据分析。其中，用户相关的数据包括人口信息(例如，年龄、性别、所在城市、订单地址等)、用户设备信息(例如，品牌、型号、操作系统、运营商、应用等)、用户行为(最近购买情况、活跃时段、应用使用等)、业务领域(支付、发帖、视频播放、音乐播放等)、生命周期(注册、活跃、留存、流失等)、实时事件(搜索、点击、安装、浏览、加购物车、购买等)。
为了采集数据，服务器需要构建可以设定埋点信息的页面。现有的页面构建方法中，一般是服务器根据终端上报的页面对应的截图，以识别页面中的页面元素。然后，服务器根据识别出的页面元素构建页面。由于服务器是采用图像识别的方法识别截图中的页面元素，存在不能识别或者识别错误的页面元素的可能，因此，页面元素的识别准确度难以保证。
发明内容
本申请实施例提供一种构建页面的方法、装置及系统，可以提高页面元素识别的准确度。
第一方面，提供一种构建页面的方法，包括:服务器从第一终端处获取应用程序对应的页面信息，所述页面信息用于确定一个或多个页面元素以及所述一个或多个页面元素之间的布局关系；所述服务器根据所述页面信息，构建所述应用程序的页面，所述页面中包括所述一个或多个页面元素，且所述一个或多个页面元素在所述页面中按照所述布局关系排布；所述服务器更新所述页面，以及将更新后的所述页面确定为所述应用程序对应的目标页面。
上述实施例中，服务器从第一终端处获取应用程序对应的页面信息，根据页面信息构建应用程序的页面，由于页面信息用于确定一个或多个页面元素以及一个或多个页面元素之间的布局关系，服务器构建的页面中包括一个或多个页面元素，且一个或多个页面元素在页面中按照布局关系排布，因此，相对于通过图像识别的方法识别截图中的页面元素，提高了页面元素识别的准确度，进一步提高了构建的页面的准确度。
在第一方面的一种可能的实现方式中，所述页面信息为所述一个或多个页面元素以及布局信息，所述布局信息用于指示所述一个或多个页面元素之间的布局关系，根据页面信息可以直接识别出页面中的页面元素，提高了页面元素识别的准确度。
在第一方面的一种可能的实现方式中，所述页面信息为所述应用程序的资源文件，所述资源文件包括所述一个或多个页面元素以及布局信息，所述布局信息用于指示所述一个或多个页面元素之间的布局关系。所述服务器根据所述页面信息，构建所述应用程序的页面，包括：所述服务器解析所述资源文件，得到所述一个或多个页面元素以及布局信息；所述服务器根据所述一个或多个页面元素以及布局信息，构建所述应用程序的页面。服务器通过解析资源文件，得到一个或多个页面元素以及布局信息，再根据一个或多个页面元素以及布局信息构建页面，从而在构建页面的过程中，提高了页面元素识别的准确度。
在第一方面的一种可能的实现方式中，所述页面信息还用于确定所述一个或多个页面元素之间的关联信息，和/或所述一个或多个页面元素与所述目标页面的关联信息，从而在构建的页面中保留了页面元素的关联信息，进而在对构建的页面设定圈选规则时，可以设定更多的圈选规则。
在第一方面的一种可能的实现方式中，所述方法还包括：
所述服务器确定第二终端具有可视化圈选埋点的权限，且所述服务器处具有所述第二终端请求圈选的所述目标页面，向所述第二终端发送用于在所述第二终端的界面上显示的所述目标页面对应的网页，从而使用户通过第二终端查看目标页面，在第二终端设定圈选规则。用户设定圈选规则后，服务器接收来自所述第二终端的所述目标页面的圈选规则，所述圈选规则用于确定所述一个或多个页面元素中被圈选的页面元素，以及所述被圈选的页面元素对应的埋点信息。
在第一方面的一种可能的实现方式中，所述被圈选的页面元素对应的埋点信息包括所述被圈选的页面元素对应的事件信息以及所述事件信息对应的事件参数。
在第一方面的一种可能的实现方式中，所述事件信息对应的事件参数包括参数标识、参数名称、参数类型、参数来源和参数取值中的至少一项，从而可以对被圈选的页面元素设定更多的埋点信息。
在第一方面的一种可能的实现方式中，在所述服务器确定第二终端具有可视化圈选埋点的权限，且所述服务器处具有所述第二终端请求圈选的所述目标页面之前，所述方法还包括：
所述服务器接收来自第二终端的请求消息，所述请求消息中包括所述第二终端请求圈选的页面的页面标识，以及所述第二终端的标识。对应地，所述服务器确定第二终端具有可视化圈选埋点的权限，且所述服务器中具有所述目标页面，包括：所述服务器根据所述第二终端的标识确定所述第二终端具有圈选所述目标页面的权限，且所述服务器根据所述页面标识确定所述服务器处具有所述目标页面。服务器根据第二终端的标识即可确定出第二终端是否具有圈选目标页面的权限，若第二终端具有圈选目标页面的权限，即可进一步查询服务器是否具有第二终端请求圈选的目标页面，不需要其它触发圈选请求的步骤，从而提高了设定圈选规则的效率。
在第一方面的一种可能的实现方式中，所述方法还包括：所述服务器向第三终端发送所述圈选规则，所述服务器接收所述第三终端发送的根据所述圈选规则采集的数据，从而可以根据圈选规则采集对应的页面元素的数据。
第二方面，提供一种构建页面的方法，包括：
第一终端确定应用程序对应的页面信息，所述页面信息用于确定所述应用程序的页面包括的一个或多个页面元素以及所述一个或多个页面元素之间的布局关系；
所述第一终端向服务器发送所述页面信息。
在第二方面的一种可能的实现方式中，所述页面信息为所述应用程序的资源文件，所述资源文件中包括一个或多个页面元素以及所述一个或多个页面元素之间的布局关系。
在第二方面的一种可能的实现方式中，所述页面信息为一个或多个页面元素以及所述一个或多个页面元素之间的布局关系。
在第二方面的一种可能的实现方式中，所述第一终端确定应用程序对应的页面信息，包括：
所述第一终端解析所述应用程序的资源文件，从所述资源文件中确定所述一个或多个页面元素以及所述一个或多个页面元素之间的布局关系。
第三方面，提供一种构建页面的装置，包括，
获取模块，用于从第一终端处获取应用程序对应的页面信息，所述页面信息用于确定一个或多个页面元素以及所述一个或多个页面元素之间的布局关系；
构建模块，用于根据所述页面信息，构建所述应用程序的页面，所述页面中包括所述一个或多个页面元素，且所述一个或多个页面元素在所述页面中按照所述布局关系排布；
更新模块，用于更新所述页面，以及将更新后的所述页面确定为所述应用程序对应的目标页面。在第三方面的一种可能的实现方式中，所述页面信息为所述一个或多个页面元素以及布局信息，所述布局信息用于指示所述一个或多个页面元素之间的布局关系。
在第三方面的一种可能的实现方式中，所述页面信息为所述应用程序的资源文件，所述资源文件包括所述一个或多个页面元素以及布局信息，所述布局信息用于指示所述一个或多个页面元素之间的布局关系；
所述构建模块具体用于：所述服务器解析所述资源文件，得到所述一个或多个页面元素以及布局信息，所述服务器根据所述一个或多个页面元素以及布局信息，构建所述应用程序的页面。
在第三方面的一种可能的实现方式中，所述页面信息还用于确定所述一个或多个页面元素之间的关联信息，和/或所述一个或多个页面元素与所述目标页面的关联信息。
在第三方面的一种可能的实现方式中，所述构建页面的装置还包括圈选模块，所述圈选模块用于：确定第二终端具有可视化圈选埋点的权限，且所述服务器处具有所述第二终端请求圈选的所述目标页面；向所述第二终端发送用于在所述第二终端的界面上显示的所述目标页面对应的网页；接收来自所述第二终端的所述目标页面的圈选规则，所述圈选规则用于确定所述一个或多个页面元素中被圈选的页面元素，以及所述被圈选的页面元素对应的埋点信息。
在第三方面的一种可能的实现方式中，所述被圈选的页面元素对应的埋点信息包括所述被圈选的页面元素对应的事件信息以及所述事件信息对应的事件参数。
在第三方面的一种可能的实现方式中，所述事件信息对应的事件参数包括参数标识、参数名称、参数类型、参数来源和参数取值中的至少一项。
在第三方面的一种可能的实现方式中，所述构建页面的装置还包括验证模块，用于接收来自第二终端的请求消息，所述请求消息中包括所述第二终端请求圈选的页面的页面标识，以及所述第二终端的标识；
对应地，所述圈选模块具体还用于：根据所述第二终端的标识确定所述第二终端具有圈选所述目标页面的权限，且根据所述页面标识确定所述服务器处具有所述目标页面。
在第三方面的一种可能的实现方式中，所述构建页面的装置还包括数据采集模块，用于将所述圈选规则发送至第三终端，接收所述第三终端发送的根据所述圈选规则采集的数据。
第四方面，提供一种构建页面的装置，包括：
确定模块，用于确定应用程序对应的页面信息，所述页面信息用于确定所述应用程序的页面包括的一个或多个页面元素以及所述一个或多个页面元素之间的布局关系；
发送模块，用于向服务器发送所述页面信息。
在第四方面的一种可能的实现方式中，所述页面信息为所述应用程序的资源文件，所述资源文件中包括一个或多个页面元素以及所述一个或多个页面元素之间的布局关系。
在第四方面的一种可能的实现方式中，所述页面信息为一个或多个页面元素以及所述一个或多个页面元素之间的布局关系。
在第四方面的一种可能的实现方式中，所述确定模块具体用于解析所述应用程序的资源文件，从所述资源文件中确定所述一个或多个页面元素以及所述一个或多个页面元素之间的布局关系。
第五方面，提供一种服务器，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述第一方面所述的构建页面的方法。
第六方面，提供一种终端，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述第二方面所述的构建页面的方法。
第七方面，提供一种构建页面的系统，所述构建页面的系统包括如上述第五方面所述的服务器，以及如上述第六方面所述的终端。
第八方面，提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如上述第一方面所述的构建页面的方法或者实现如上述第二方面所述的构建页面的方法。
第九方面，提供一种计算机程序产品，当计算机程序产品在终端设备上运行时，使得终端设备执行上述第一方面所述的构建页面的方法或者实现如上述第二方面所述的构建页面的方法。
可以理解的是，上述第二方面至第九方面的有益效果可以参见上述第一方面中的相关描述，在此不再赘述。
附图说明
图1为本申请实施例提供的构建页面的系统的示意图；
图2为本申请实施例提供的构建页面的系统的架构图；
图3为本申请一实施例提供的构建页面的方法流程图；
图4为本申请一实施例提供的应用程序的页面的示意图；
图5为本申请另一实施例提供的应用程序的页面的示意图；
图6为本申请一实施例提供的应用程序的页面上的页面元素示意图；
图7为本申请另一实施例提供的应用程序的页面上的页面元素示意图；
图8为本申请另一实施例提供的构建页面的方法流程图；
图9为本申请实施例提供的设定圈选规则的页面示意图；
图10为本申请实施例提供的设定被圈选的页面元素的事件信息的示意图；
图11为本申请第一实施例提供的设定事件参数的示意图；
图12为本申请第二实施例提供的设定事件参数的示意图；
图13为本申请第三实施例提供的设定事件参数的示意图；
图14为本申请第四实施例提供的设定事件参数的示意图；
图15为本申请实施例提供的设定圈选规则的页面示意图；
图16为本申请又一实施例提供的构建页面的方法流程图；
图17为本申请实施例提供的服务器的结构示意图；
图18为本申请实施例提供的终端的结构示意图。
具体实施方式
以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本申请实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。
应当理解，当在本申请说明书和所附权利要求书中使用时，术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
如在本申请说明书和所附权利要求书中所使用的那样，术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地，短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。
另外，在本申请的描述中，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。
目前，可视化埋点技术广泛应用于数据采集中，可视化埋点是指由分析服务提供方提供一个独立的软件开发工具包(Software Development Kit，SDK)，并在云侧提供可视化圈选埋点的能力。开发者在开发过程中集成此SDK后，不需要再手工编写上报数据的代码，而是由开发者在需要时，在云侧圈选特定位置设置埋点规则，再由SDK按照开发者设置的规则自动采集数据、并上报到云侧的分析服务器，供分析使用。相对于现有的埋点技术，可视化埋点不需要手工编写代码，新增数据项时，不需要发布新版本，仅需要开发者圈选、设置采集规则，操作复杂度不高，而且可以按需动态调整采集的数据项，避免采集无效数据而占用用户流量、服务器资源。
现有的基于可视化埋点的数据采集方法中，用户在终端上通过预设触发方式触发可视化圈选功能，其中，预设触发方式可以是特定的手势或者是应用程序扫描预设二维码的方式。触发可视化圈选功能后，终端截取应用程序的页面的图像，将截取的图像通过SDK上报至服务器。服务器通过图像识别的方法识别出截取的图像中页面元素，其中，页面元素可以是按钮、文本框、输入框等。识别出页面元素后，服务器根据识别出的页面元素构建页面。由于用于构建页面的页面元素，是通过图像识别的方法对终端截取的图像进行识别得到的，可能存在不能识别或者识别错误的页面元素，进一步导致构建的页面的准确度不高。另一方面，服务器根据截取的图像无法解析出页面元素的关联信息，例如，对于页面上的“提交订单”按钮，只能记录点击“提交订单”按钮事件，不能获取到与提交订单相关的商品信息、页面信息等。因此，后续终端根据被圈选的页面元素和对应的埋点信息设定圈选规则时，只能设定简单的圈选规则，从而不能采集到完整的页面数据。另一方面，终端需要通过预设触发方式触发可视化圈选功能，圈选操作步骤多，效率不高。
为了解决上述问题，本申请实施例提供了构建页面的方法，该方法服务器根据页面信息构建应用程序的页面，根据构建的页面确定应用程序对应的目标页面，由于页面信息用于确定一个或多个页面元素以及一个或多个页面元素之间的布局关系，因此，服务器在构建应用程序的页面时，可以准确识别出应用程序的页面中的页面元素，以及页面元素在页面中的布局，相对于通过图像识别的方法识别截图中的页面元素，提高了页面元素识别的准确度，进一步提高了构建的目标页面的准确度。
如图1所示，图1示出了本申请实施例提供的构建页面的方法适用的构建页面的系统，该系统包括第一终端100和服务器400。其中，第一终端100能够与服务器400通信。
在一种可能的实现方式中，该系统还可以包括：第二终端200和第三终端300，第二终端200、第三终端300均与服务器400能够通信。
第一终端100、第二终端200以及第三终端300与服务器400之间的通信方式可以是有线方式也可以是无线方式，本申请实施例对此不做限定。
其中，服务器400至少具有构建某个应用程序对应的目标页面的功能。第一终端100用于向服务器400提供应用程序的页面信息，关于应用程序的页面信息的描述参考下述实施例中的描述，此处不再赘述。
第二终端200用于向服务器400请求进行圈选的目标页面，以及在目标页面上设置圈选规则。
第三终端300用于从服务器400处获取目标页面的圈选规则，以及根据圈选规则采集数据，然后向服务器400发送采集的数据。
上述第一终端100、第二终端200和第三终端300可以是同一个终端，也可以是不同的终端。应理解，第一终端100、第二终端200和第三终端300为同一个终端时，上述系统可以不具有第二终端200和第三终端300，这种情况下第一终端100还具有第二终端200和第三终端300的功能。第二终端200和第三终端300为同一个终端时，但是第一终端100和第二终端200不是同一个终端时，上述系统可以不具有第三终端300。以此类推，此处不再赘述。
示例性的，本申请实施例中的第一终端100、第二终端200和第三终端300可以是手机、平板电脑、手持计算机、个人数字助理(personal digital assistant，PDA)等可操作的设备，本申请实施例对终端设备的具体形态/类型不作特殊限制。
服务器400可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群。举例说明，应用程序或者网页的开发人员使用第一终端100访问服务器400，应用程序或者网页的运营人员使用第二终端200访问服务器400，应用程序或者网页的终端用户使用第三终端300访问服务器。
如图2所示，第一终端包括页面信息识别插件，页面信息识别插件安装在应用程序的集成开发环境(Integrated Development Environment，IDE)中，页面信息识别插件用于获取应用程序的资源文件，解析应用程序的资源文件，得到页面信息。第一终端可以向服务器发送页面信息或资源文件，服务器包括页面构建模块，圈选用户管理管理模块、可视化圈选规则管理模块、事件接收模块以及报告模块。页面构建模块用于接收第一终端发送的页面信息，根据页面信息构建应用程序对应的目标页面。圈选用户管理模块用于判断发送圈选请求的第二终端是否具有圈选目标页面的权限，若第二终端具有圈选目标页面的权限，允许第二终端访问目标页面。可视化圈选规则管理模块用于接收来自第二终端的对目标页面设定的圈选规则，并将圈选规则发送至第三终端，事件接收模块用于接收第三终端根据圈选规则上报的事件，报告模块用于对事件接收模块接收的事件进行分析。第二终端安装有与构建的目标页面对应的应用程序，应用程序的IDE中安装有可视化埋点软件开发工具包(Software Development Kit，SDK)，第二终端通过应用程序登录服务器，服务器将用于在第二终端显示的目标页面发送至第二终端，可视化埋点SDK的可视化圈选模块将用户设定的圈选规则发送至服务器。第三终端安装有与构建的目标页面对应的应用程序，应用程序的IDE中安装有可视化埋点SDK，若第三终端访问服务器，可视化埋点SDK的事件采集代理模块从服务器获取圈选规则，并根据圈选规则上报事件至服务器。
结合上述系统，如图3所示，图3为本申请一实施例提供的构建页面的方法流程图，该方法包括：
S101、第一终端向服务器发送应用程序对应的页面信息，相应的，服务器从第一终端处获取应用程序对应的页面信息，该页面信息用于确定一个或多个页面元素以及一个或多个页面元素之间的布局关系。
一方面，第一终端可以主动向服务器发送应用程序对应的页面信息。另一方面，第一终端可以基于服务器的触发才向服务器发送应用程序对应的页面信息。本申请实施例对此不做限定。
应理解，在第一终端向服务器发送应用程序对应的页面信息之前，第一终端与服务器之间已建立通信连接。例如，第一终端使用IDE中的页面信息识别插件与服务器进行通信。
关于页面信息的具体内容，详见下述实施例中的描述，此处不再赘述。
S102、服务器根据页面信息，构建应用程序的页面，页面中包括一个或多个页面元素，且一个或多个页面元素在页面中按照布局关系排布。
例如，图4为构建的应用程序的页面，页面包括页面元素41、页面元素42、页面元素43、页面元素44、页面元素45和页面元素46，各页面元素按照布局关系所确定的位置进行排布。
在一种可能的实现方式中，如果页面信息还用于指示一个或多个页面元素之间的关联信息，以及一个或多个页面元素与页面的关联信息，则服务器构建的应用程序的页面中的页面元素与其它页面元素或者其它页面之间存在关联信息。
例如，图5中的(A)和图5中的(B)为应用程序的两个页面，图5中的(A)的页面元素51对应的跳转页面为图5中的(B)的页面，页面元素51与图5中的(B)的页面存在关联信息，图5中的(B)的页面元素52与图5中的(A)的页面对应，存在关联信息，图5中的(B)的页面元素52和页面元素53存在关联关系。
S103、服务器更新页面，以及将更新后的页面确定为应用程序对应的目标页面。
在一种可能的实现方式中，本申请实施例中的步骤S103可以通过以下方式实现：服务器将构建应用程序的页面作为应用程序对应的目标页面。
在另一种可能的实现方式中，服务器构建应用程序的页面后，用户通过第一终端访问由服务器构建的页面。如果用户确定上述页面构建错误，则服务器可以根据用户输入的调整指令更新构建的页面。然后服务器将更新后的页面确定为应用程序对应的目标页面。
例如，若构建的页面中的其中一个页面元素的标识错误，则服务器接收用户输入的调整后的页面元素的标识，更新构建的页面，得到目标页面。
上述实施例中，服务器根据页面信息构建应用程序的页面，由于页面信息用于确定一个或多个页面元素以及一个或多个页面元素之间的布局关系，因此，服务器在构建应用程序的页面时，可以准确识别出应用程序的页面中的页面元素，相对于通过图像识别的方法识别截图中的页面元素，提高了页面元素识别的准确度，进一步提高了构建的页面的准确度。进一步地，页面信息中除了包括页面元素以及布局信息之外，还包括一个或多个页面元素之间的关联信息，以及一个或多个页面元素与页面的关联信息，因此，根据页面信息构建的页面，可以保留更多与页面元素相关的信息，例如，可以获取当前按钮对应的跳转后的页面的页面标识、可以获取文本框内的文本所对应的网页链接等，从而使得用户可以在构建的页面中设定更多的埋点信息，以生成更多的圈选规则，提高数据采集的完整度。
示例1)、由第一终端解析应用程序的资源文件得到一个或多个页面元素以及布局信息。布局信息用于指示一个或多个页面元素之间的布局关系。
在该示例1)中，本申请实施例提供的方法在S101之前还可以包括：第一终端通过IDE中的页面信息识别插件获取应用程序的资源文件，该资源文件中包括一个或多个页面元素以及布局信息，布局信息用于指示一个或多个页面元素之间的布局关系。第一终端解析上述资源文件得到一个或多个页面元素以及布局信息。具体地，如图2所示，资源文件包括*.m文件和layout文件，*.m文件为M文件，layout文件为页面布局文件，第一终端解析*.m文件和layout文件，得到安卓系统对应的一个或多个页面元素以及布局信息。资源文件还包括*.storyboard文件，第一终端解析*.storyboard文件，得到IOS系统对应的一个或多个页面元素以及布局信息。
相应的，在示例1)中该页面信息为一个或多个页面元素以及布局信息。即步骤S101中第一终端向服务器发送一个或多个页面元素以及布局信息。
可选的，该资源文件中还包括：一个或多个页面元素之间的关联信息，以及一个或多个页面元素与页面的关联信息，则第一终端还可以从资源文件中解析得到一个或多个页面元素之间的关联信息，以及一个或多个页面元素与页面的关联信息。那么，第一终端还可以向服务器发送一个或多个页面元素之间的关联信息，以及一个或多个页面元素与页面的关联信息。
具体地，如图2所示，资源文件包括strings.xml文件和AndroidManifest.xml文件，strings.xml文件用于定义页面元素对应的字符串信息，例如，页面元素对应的名称、标识、链接等信息，AndroidManifest.xml文件为应用程序入口文件，定义应用程序的页面信息，第一终端解析strings.xml和AndroidManifest.xml文件，得到安卓系统对应的一个或多个页面元素之间的关联信息，以及一个或多个页面元素与页面的关联信息。资源文件还包括*.storyboard文件，第一终端解析*.storyboard文件，得到IOS系统对应的一个或多个页面元素之间的关联信息，以及一个或多个页面元素与页面的关联信息。
举例说明，页面元素可以为应用程序的页面上的按钮、文本框、输入框等控件。
例如，图6为根据应用程序的页面信息构建的页面，构建的页面与客户端应用程序的页面对应，图6中，文本框61、文本框62、文本框63和按钮64是页面元素。图7为根据应用程序的页面信息构建的页面，构建的页面与应用程序的网页版中的页面对应，图7中，按钮71、文本框72、按钮73、文本框74是页面元素。
示例2)、由服务器解析应用程序的资源文件得到一个或多个页面元素以及布局信息。
在该示例2)中，页面信息为应用程序的资源文件，资源文件包括一个或多个页面元素以及布局信息，布局信息用于指示一个或多个页面元素之间的布局关系。
相应的，本申请实施例中的步骤S102可以通过以下方式实现：所述服务器解析所述资源文件，得到所述一个或多个页面元素以及布局信息。所述服务器根据所述一个或多个页面元素以及布局信息，构建所述应用程序的页面。
在另一种可能的实现方式中，资源文件中还可以包括一个或多个页面元素之间的关联信息，以及一个或多个页面元素与页面的关联信息。
应理解，在示例2)中，步骤S101中第一终端向服务器发送的实际上为应用程序的资源文件。
为了详细描述示例2)，现举例说明：如图2所示，本申请实施例中，在应用程序的页面的编译阶段，第一终端通过IDE中的页面信息识别插件打包应用程序的资源文件，将应用程序的资源文件发送至服务器。其中，资源文件是可以从中读取出应用程序的页面信息的文件，示例性地，应用程序的资源文件包括Android系统中应用程序的activity_main.xml、strings.xml、styles.xml、AndroidManifest.xml等用于描述页面信息的文件，以及iOS系统中应用程序的*.storyboard文件。其中，activity_main.xml为页面布局文件，strings.xml用于描述资源标识与文本内容的映射关系，styles.xml为页面风格文件，用于描述页面风格信息，AndroidManifest.xml为Android应用程序的入口文件。同理，storyboard文件用于描述iOS系统中应用程序的页面信息。
服务器接收到应用程序的资源文件后，解析该资源文件，得到一个或多个页面元素以及布局信息，布局信息用于指示一个或多个页面元素之间的布局关系。
举例说明，页面元素包括对应的页面标识(例如，页面1、页面2、页面3等)、页面元素的类型(例如，文本框、按钮、下拉列表、复选框、单选框等)、页面元素的标识(例如文本框1、文本框2、按钮1、按钮2等)、页面元素对应的文本内容(例如，与文本框对应的网页链接、与按钮对应的按钮名称等)、页面元素的状态(例如，页面元素是否处于选中状态)。一个或多个页面元素之间的布局关系包括页面元素的位置、各页面元素之间的位置关系。在一种可能的实现方式中，服务器解析资源文件，还得到一个或多个页面元素之间的关联信息、一个或多个页面元素与页面的关联信息等。
在一种可能的实现方式中，如图8所示，本申请实施例提供的方法还可以包括：
S104、第二终端向服务器发送请求消息，请求消息中包括第二终端请求圈选的页面的页面标识，以及第二终端的标识，相应的，服务器接收来自第二终端的请求消息。
具体地，当第二终端检测到运营人员的圈选设置指令时，获取第二终端上当前展示的页面的页面标识，将该页面标识和第二终端的标识发送至服务器。其中，第二终端上展示的页面是第二终端上安装的应用程序的页面，第二终端上安装的应用程序与服务器构建的应用程序的页面对应，即第二终端上安装的应用程序的页面信息与服务器接收到的第一终端发送的页面信息相同。
第二终端的标识可以是用户登录应用程序的帐号信息或者第二终端的设备标识，第二终端的设备标识可以是第二终端的国际移动设备识别码(International MobileEquipment Identity，IMEI)、唯一设备识别符(Unique Device Identifier，UDID)、匿名设备标识符或者广告标识等。
S105、服务器根据请求信息确定第二终端具有可视化圈选埋点的权限，且所述服务器处具有所述第二终端请求圈选的所述目标页面；
具体地，服务器中存储预设的圈选用户列表，预设的圈选用户列表用于存储可以进行圈选设置的用户白名单。服务器接收到第二终端发送的请求信息后，查询用户白名单中是否存在第二终端的标识，若不存在，则判定第二终端不具有圈选目标页面的权限。进一步地，若服务器判定第二终端不具有圈选目标页面的权限，向第二终端发送第一提示信息，以提示第二终端不具有圈选目标页面的权限，同时提示用户切换用户或者设备。若用户白名单中存在第二终端的标识，则判定第二终端具有圈选目标页面的权限。在判定第二终端具有圈选目标页面的权限后，服务器查询服务器上是否存在与第二终端发送的页面标识对应的目标页面。若服务器不存在页面标识对应的目标页面，向第二终端发送第二提示信息，用于提示未找到第二终端请求圈选的页面。若服务器存在页面标识对应的目标页面，则判定具有第二终端请求圈选的页面。由于服务器根据用户白名单和第二终端的标识即可判定第二终端具有圈选目标页面的权限，从而允许用户通过第二终端对目标页面设定圈选规则，不需要进行特定的手势或者扫描等触发操作，因此，减少了运营人员在圈选设定前的操作步骤，提高了圈选设定效率。
在其他可能的实现方式中，预设的圈选用户列表包括可以进行圈选设置的用户白名单以及对应的标识类型，服务器在获取到第二终端发送的第二终端的标识以及标识类型后，查询用户白名单中是否存在第二终端的标识，若存在，则判定第二终端发送的标识类型与用户白名单对应的标识类型是否相同，若相同，则判定第二终端具有圈选目标页面的权限，从而提高了身份认证的准确度。
S106、服务器向第二终端发送用于在第二终端的界面上显示的目标页面对应的网页。相应的，第二终端接收目标页面，并在界面显示目标页面。
具体地，若第二终端具有圈选目标页面的权限，且服务器具有第二终端请求圈选的目标页面，则允许用户通过第二终端登录服务器，访问页面标识对应的目标页面。本申请实施例中，服务器根据页面标识将目标页面对应的网页发送至第二终端，第二终端在接收到目标页面对应的网页后，打开预设浏览器，通过预设浏览器在第二终端的界面上显示目标页面对应的网页。在一种可能的实现方式中，用户通过第二终端登录服务器后，可以访问服务器上的圈选用户列表，服务器根据第二终端发送的修改指令对圈选用户列表的用户白名单进行修改。
S107、第二终端接收用户在目标页面上设定的圈选规则。
具体地，当第二终端的界面上显示目标页面对应的网页时，用户即可通过第二终端在目标页面对应的网页上设定圈选规则。
S108、第二终端向服务器发送目标页面的圈选规则，相应的，服务器接收来自第二终端的目标页面的圈选规则。圈选规则用于确定一个或多个页面元素中被圈选的页面元素，以及被圈选的页面元素对应的埋点信息。
示例性地，当第二终端检测到用户在目标页面对应的网页上选中页面元素时，获取被选中的页面元素的标识，将被选中的页面元素的标识发送至服务器，服务器根据被选中的页面元素的标识确定出被选中的页面元素，将被选中的页面元素标记为被圈选的页面元素，接收用户对被圈选的页面元素设定的埋点信息。
例如，如图9所示，若第二终端检测到“下一题”按钮被选中，将“下一题”按钮对应的标识发送至服务器，服务器将“下一题”按钮作为被圈选的页面元素，以接收运营人员对“下一题”按钮设定的埋点信息。
在一种可能的实现方式中，埋点信息包括被圈选的页面元素对应的事件信息以及事件信息对应的事件参数。具体地，当服务器将被选中的页面元素标记为被圈选的页面元素时，将添加事件信息以及事件参数的指令发送至第二终端，以提示运营人员添加对应的事件信息以及事件参数。其中，被圈选的页面元素对应的事件信息包括事件标识和事件名称，事件信息对应的事件参数包括参数标识、参数名称、参数类型、参数来源和参数取值中的至少一项。
示例性地，如图10所示，服务器将“下一题”按钮标记为被圈选的页面元素后，将添加事件信息以及事件参数的指令发送至第二终端，第二终端的界面弹出添加圈选事件的提示框，接收运营人员输入的事件标识和事件名称。例如，可以为“下一题”按钮添加事件标识为“点击下一题”，事件名称为“下一题”，若第二终端检测到“提交”按钮被选中，将运营人员输入的事件标识和事件名称发送至服务器。若第二终端检测到点击“添加参数”按钮的操作，在第二终端的界面弹出添加圈选事件参数的提示框，接收运营人员输入的事件信息对应的事件参数。示例性地，如图11所示，运营人员输入的事件信息对应的事件参数可以包括参数标识、参数名称、参数类型、参数来源和参数取值。其中，参数标识为运营人员设定的页面元素的标识或者需要采集的数据对应的标识，参数名称为运营人员设定的需要采集的数据对应的名称，参数类型为需要采集的数据的数据类型，参数来源包括页面元素、规则、固定值和内置变量中的任一项，参数来源与参数取值相对应。
示例性地，若选择的参数来源为当前页面的页面元素，则对应的参数取值为当前页面的页面元素中的一个属性值，例如，当前页面的页面元素的文本属性或者页面元素的标识，则设定的埋点信息为采集当前页面的页面元素的其中一个属性值。例如，如图11所示，为“下一题”按钮添加的事件参数中，参数标识为“题目”，参数来源为当前页面的页面元素，参数取值为“文本属性”，则设定的埋点信息为，当检测到点击“下一题”按钮的操作时，采集页面元素“题目”对应的文本。
若选择的参数来源为固定值，则对应的参数取值为用户输入的参数值，则设定的埋点信息为在参数取值为用户输入的参数值时进行数据采集。例如，图12中，为“下一题”按钮添加的事件参数中，参数标识为“测试参数”,参数来源为固定值，参数取值为“测试值”，则设定的埋点信息为，当检测到点击“下一题”按钮的操作时，若满足页面元素“测试参数”的取值为“测试值”，则进行数据采集。
若选择的参数来源为规则，则对应的参数取值为当前页面的页面元素对应的编辑表达式，则设定的埋点信息为，在满足编辑表达式时进行数据采集。例如，图13中，为“下一题”按钮添加的事件参数中，参数来源为规则，参数取值为“题目＝＝太阳系中最大的行星是木星”,则设定的埋点信息为，当检测到点击“下一题”按钮的操作时，若满足“题目＝＝太阳系中最大的行星是木星”，则进行数据采集。
若选择的参数来源为内置变量，则对应的参数取值为内置变量的名称，则设定的埋点信息为，采集内置变量的名称对应的取值，其中，内置变量的名称可以是运营人员设定的，也可以是运营人员从服务器预先存储的内置变量中所选择的。例如，图14中，为“下一题”按钮添加的事件参数中，参数来源为内置变量，参数取值为用户等级，则设定的埋点信息为，当检测到点击“下一题”按钮的操作时，采集当前用户的用户等级信息。
第二终端接收运营人员输入的事件信息对应的事件参数后，将事件参数与事件信息进行关联。示例性地，生成如图15所示的添加圈选事件界面，若第二终端检测到点击“添加参数”按钮的操作，则继续弹出添加圈选事件参数的提示框，接收运营人员输入的事件信息对应的事件参数。若检测到点击“提交”按钮的操作，将关联后的事件参数和事件信息发送至服务器。由于在对被圈选的页面元素设定埋点信息时，可以设定与被圈选的页面元素关联的埋点信息，因此可以设定的圈选规则较多，提高数据采集的完整度。
又例如，如图6所示，第二终端展示的目标页面对应的网页为“填写订单”页面，若第二终端检测到点击“提交订单”的操作，提示用户为“提交订单”按钮设定埋点信息。例如，设定事件信息中的事件标识为“点击提交订单”，事件名称为“交易”。在对事件信息设定的事件参数中，参数来源包括页面元素、规则、固定值和内置变量，页面元素对应的参数取值为文本框62的文本属性，文本框62内的文本为商品信息，规则对应的参数取值为“通过点击链接进入当前页面”，固定值对应的参数取值为“用户＝＝会员”，内置变量对应的参数取值为商品类别。相对于通过识别页面截图构建页面，在构建的页面上设定圈选规则，本申请实施例可以设定的埋点信息更多，从而提高了数据采集的完整度。
请继续参阅图2，服务器通过第二终端获取运营人员设定的圈选规则后，若检测到第三终端访问服务器，则将圈选规则通过可视化埋点SDK发送至第三终端，第三终端根据圈选规则采集数据，将采集的数据通过可视化埋点SDK发送至服务器，完成数据采集。
例如，第三终端接收到的圈选规则如图15所示，其中，参数标识“题目”对应的事件参数如图11所示，参数标识“测试参数”对应的事件参数如图12所示，参数标识“规则参数”对应的事件参数如图13所示，参数标识“内置变量参数”对应的事件参数如图14所示，则第三终端在检测到点击“下一题”按钮的操作时，若满足“题目＝＝太阳系中最大的行星是木星”，且页面元素“测试参数”的取值为“测试值”，则采集页面元素“题目”对应的文本，同时通过内置变量采集用户等级信息。
又例如，服务器获取的圈选规则为上述对如图6所示的“填写订单”页面所设定的圈选规则，当第三终端访问服务器时，服务器将圈选规则发送至终端设备，终端设备在检测到点击“提交订单”的操作时，获取用户的登录身份，若用户的登录身份为会员，且当前页面是通过点击链接进入的，则获取文本框62内的文本，即商品信息，同时根据内置变量获取商品类别，将获取的数据发送至服务器。
上述实施例中，服务器根据页面信息构建应用程序的页面，页面信息中除了包括页面元素以及布局信息之外，还包括一个或多个页面元素之间的关联信息，以及一个或多个页面元素与页面的关联信息，因此，根据页面信息构建的页面，可以保留更多与页面元素相关的信息。因此，当用户访问构建的应用程序的页面时，可以设定更多的埋点信息，以生成更多的圈选规则，再将圈选规则发送至终端，从而在终端根据圈选规则采集数据时，可以采集更全面的数据，从而提高数据采集的完整度。
图16为本申请又一实施例提供的构建页面的方法流程图，如图16所示，本申请实施例提供的构建页面的方法包括：
S201：第一终端确定应用程序对应的页面信息，所述页面信息用于确定所述应用程序的页面包括的一个或多个页面元素以及所述一个或多个页面元素之间的布局关系。
在一种可能的实现方式中，页面信息为应用程序的资源文件，资源文件中包括一个或多个页面元素以及一个或多个页面元素之间的布局关系。
在另一种可能的实现方式中，页面信息为一个或多个页面元素以及所述一个或多个页面元素之间的布局关系。第一终端通过其安装在IDE内的页面信息识别插件解析应用程序的资源文件，得到一个或多个页面元素以及一个或多个页面元素之间的布局关系。
S202：第一终端向服务器发送页面信息。
具体地，第一终端通过其安装在IDE内的页面信息识别插件将页面信息发送至服务器，服务器根据页面信息构建应用程序的页面。
上述实施例中，第一终端通过将页面信息发送至服务器，服务器根据页面信息构建应用程序的页面，由于页面信息用于确定应用程序的页面包括的一个或多个页面元素以及一个或多个页面元素之间的布局关系，因此，服务器根据页面信息构建应用程序的页面时，可以提高识别页面元素的准确度，进一步提高了构建的页面的准确度。
应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限定。
基于同一发明构思，本申请实施例还提供了一种服务器。图17为本申请实施例提供的服务器的结构示意图，如图17所示，本实施例提供的服务器可以包括：处理器210、存储器220、网络接口230。处理器210、存储器220和网络接口230通过通信总线240相连。
所述处理器210可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。可选的，处理器210可包括一个或多个处理单元。
所述存储器220可以是服务器的内部存储单元，例如服务器的硬盘或内存。所述存储器220也可以是服务器的外部存储设备，例如服务器上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)等。进一步地，所述存储器220还可以既包括服务器的内部存储单元也包括外部存储设备。所述存储器220用于存储计算机程序以及服务器所需的其他程序和数据。所述存储器220还可以用于暂时地存储已经输出或者将要输出的数据。
网络接口230可以用于收发信息，可以包括有线接口和/或无线接口，通常用于在该服务器与其他电子设备之间建立通信连接。例如，本申请中，网络接口230可以接收终端设备发送的位置信息，向终端设备发送访问令牌等。
可选地，该服务器还可以包括用户接口250，用户接口250可以包括显示器(Display)、输入单元比如键盘(Keyboard)，可选的用户接口250还可以包括标准的有线接口、无线接口。可选地，在一些实施例中，显示器可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode，有机发光二极管)触摸器等。其中，显示器也可以适当的称为显示屏或显示单元，用于显示在服务器中处理的信息以及用于显示可视化的用户页面。
本领域技术人员可以理解，图17仅仅是服务器的举例，并不构成对服务器的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
本实施例提供的服务器可以执行上述方法实施例，其实现原理与技术效果类似，此处不再赘述。
本申请实施例还提供了一种终端，图18示出了终端的结构示意图。如图18所示，终端可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universalserial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。
可以理解的是，本发明实施例示意的结构并不构成对终端的具体限定。在本申请另一些实施例中，终端可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processingunit，GPU)，像信号处理器(image signal processor，ISP)，控制器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。
控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。
处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。
在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuitsound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purposeinput/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。
I2C接口是一种双向同步串行总线，包括一根串行数据线(serial data line，SDA)和一根串行时钟线(derail clock line，SCL)。在一些实施例中，处理器110可以包含多组I2C总线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K，充电器，闪光灯，摄像头193等。例如：处理器110可以通过I2C接口耦合触摸传感器180K，使处理器110与触摸传感器180K通过I2C总线接口通信，实现终端的触摸功能。
可以理解的是，本发明实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对终端的结构限定。在本申请另一些实施例中，终端也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。
充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。在一些有线充电的实施例中，充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中，充电管理模块140可以通过终端的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时，还可以通过电源管理模块141为电子设备供电。
电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，显示屏194，摄像头193，和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量，电池循环次数，电池健康状态(漏电，阻抗)等参数。在其他一些实施例中，电源管理模块141也可以设置于处理器110中。在另一些实施例中，电源管理模块141和充电管理模块140也可以设置于同一个器件中。
终端的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。
无线通信模块160可以提供应用在终端上的包括无线局域网(wireless localarea networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequencymodulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。
终端通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emittingdiode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emittingdiode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot lightemitting diodes，QLED)等。在一些实施例中，终端可以包括1个或N个显示屏194，N为大于1的正整数。
外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展终端的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。
内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储终端使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。处理器110通过运行存储在内部存储器121的指令，和/或存储在设置于处理器中的存储器的指令，执行终端的各种功能应用以及数据处理。
触摸传感器180K，也称“触控器件”。触摸传感器180K可以设置于显示屏194，由触摸传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于终端的表面，与显示屏194所处的位置不同。
按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。终端可以接收按键输入，产生与终端的用户设置以及功能控制有关的键信号输入。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。
所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实现上述实施例方法中的全部或部分流程，可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质至少可以包括：能够将计算机程序代码携带到拍照装置/电子设备的任何实体或装置、记录介质、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，RandomAccess Memory)、电载波信号、电信信号以及软件分发介质。例如U盘、移动硬盘、磁碟或者光盘等。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
在本申请所提供的实施例中，应该理解到，所揭露的装置/网络设备和方法，可以通过其它的方式实现。例如，以上所描述的装置/网络设备实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。
本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。
最后应说明的是：以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何在本申请揭露的技术范围内的变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。
Claims (17)
1.一种构建页面的方法，其特征在于，包括:
服务器从第一终端处获取应用程序对应的页面信息，所述页面信息用于确定一个或多个页面元素以及所述一个或多个页面元素之间的布局关系；
所述服务器根据所述页面信息，构建所述应用程序的页面，所述页面中包括所述一个或多个页面元素，且所述一个或多个页面元素在所述页面中按照所述布局关系排布；
所述服务器更新所述页面，以及将更新后的所述页面确定为所述应用程序对应的目标页面。
2.根据权利要求1所述的方法，其特征在于，所述页面信息为所述一个或多个页面元素以及布局信息，所述布局信息用于指示所述一个或多个页面元素之间的布局关系。
3.根据权利要求1所述的方法，其特征在于，所述页面信息为所述应用程序的资源文件，所述资源文件包括所述一个或多个页面元素以及布局信息，所述布局信息用于指示所述一个或多个页面元素之间的布局关系；
所述服务器根据所述页面信息，构建所述应用程序的页面，包括：
所述服务器解析所述资源文件，得到所述一个或多个页面元素以及布局信息；
所述服务器根据所述一个或多个页面元素以及布局信息，构建所述应用程序的页面。
4.根据权利要求1～3任一项所述的方法，其特征在于，所述页面信息还用于确定所述一个或多个页面元素之间的关联信息，和/或所述一个或多个页面元素与所述目标页面的关联信息。
5.根据权利要求1～4任一项所述的方法，其特征在于，所述方法还包括：
所述服务器确定第二终端具有可视化圈选埋点的权限，且所述服务器处具有所述第二终端请求圈选的所述目标页面；
所述服务器向所述第二终端发送用于在所述第二终端的界面上显示的所述目标页面对应的网页；
所述服务器接收来自所述第二终端的所述目标页面的圈选规则，所述圈选规则用于确定所述一个或多个页面元素中被圈选的页面元素，以及所述被圈选的页面元素对应的埋点信息。
6.根据权利要求5所述的方法，其特征在于，所述被圈选的页面元素对应的埋点信息包括所述被圈选的页面元素对应的事件信息以及所述事件信息对应的事件参数。
7.根据权利要求6所述的方法，其特征在于，所述事件信息对应的事件参数包括参数标识、参数名称、参数类型、参数来源和参数取值中的至少一项。
8.根据权利要求5～7任一项所述的方法，其特征在于，在所述服务器确定第二终端具有可视化圈选埋点的权限，且所述服务器处具有所述第二终端请求圈选的所述目标页面之前，所述方法还包括：
所述服务器接收来自第二终端的请求消息，所述请求消息中包括所述目标页面的页面标识，以及所述第二终端的标识；
对应地，所述服务器确定第二终端具有可视化圈选埋点的权限，且所述服务器处具有所述第二终端请求圈选的所述目标页面，包括：
所述服务器根据所述第二终端的标识确定所述第二终端具有圈选所述目标页面的权限，且所述服务器根据所述页面标识确定所述服务器处具有所述目标页面。
9.根据权利要求5～8任一项所述的方法，其特征在于，所述方法还包括：
所述服务器向第三终端发送所述圈选规则；
所述服务器接收来自所述第三终端的数据，所述数据根据所述圈选规则采集到。
10.一种构建页面的方法，其特征在于，包括：
第一终端确定应用程序对应的页面信息，所述页面信息用于确定所述应用程序的页面包括的一个或多个页面元素以及所述一个或多个页面元素之间的布局关系；
所述第一终端向服务器发送所述页面信息。
11.根据权利要求10所述的方法，其特征在于，所述页面信息为所述应用程序的资源文件，所述资源文件中包括一个或多个页面元素以及所述一个或多个页面元素之间的布局关系。
12.根据权利要求10所述的方法，其特征在于，所述页面信息为一个或多个页面元素以及所述一个或多个页面元素之间的布局关系。
13.根据权利要求12所述的方法，其特征在于，所述第一终端确定应用程序对应的页面信息，包括：
所述第一终端解析所述应用程序的资源文件，得到所述一个或多个页面元素以及所述一个或多个页面元素之间的布局关系。
14.一种服务器，其特征在于，包括处理器，所述处理器用于执行存储在存储器中的计算机程序，以实现如权利要求1～9任一项所述的构建页面的方法。
15.一种终端，包括处理器，所述处理器用于执行存储在存储器中的计算机程序，以实现如权利要求10～13任一项所述的构建页面的方法。
16.一种构建页面的系统，其特征在于，所述构建页面的系统包括如权利要求14所述的服务器，以及如权利要求15所述的终端。
17.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1～9任一项所述的构建页面的方法或者实现如权利要求10～13任一项所述的构建页面的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010622985.7A CN111931102A (zh) | 2020-07-01 | 2020-07-01 | 一种构建页面的方法、装置及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010622985.7A CN111931102A (zh) | 2020-07-01 | 2020-07-01 | 一种构建页面的方法、装置及系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111931102A true CN111931102A (zh) | 2020-11-13 |
Family
ID=73317337
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010622985.7A Pending CN111931102A (zh) | 2020-07-01 | 2020-07-01 | 一种构建页面的方法、装置及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111931102A (zh) |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112394908A (zh) * | 2020-11-19 | 2021-02-23 | 平安普惠企业管理有限公司 | 埋点页面自动生成的方法、装置、计算机设备及存储介质 |
| CN112734165A (zh) * | 2020-12-18 | 2021-04-30 | 中国平安财产保险股份有限公司 | 智能化的功能展示方法、装置、设备及存储介质 |
| CN113051514A (zh) * | 2021-03-26 | 2021-06-29 | 挂号网（杭州）科技有限公司 | 元素的定位方法、装置、电子设备及存储介质 |
| CN113486216A (zh) * | 2021-07-27 | 2021-10-08 | 中国银行股份有限公司 | 页面合并方法、装置、服务器、介质及产品 |
| CN113505329A (zh) * | 2021-07-27 | 2021-10-15 | 中国工商银行股份有限公司 | 数据可视化处理方法及装置 |
| CN114625665A (zh) * | 2022-03-25 | 2022-06-14 | 联想(北京)有限公司 | 数据处理方法、装置及系统 |
| CN115576623A (zh) * | 2022-09-16 | 2023-01-06 | 花瓣云科技有限公司 | 一种应用程序启动方法及装置 |
| CN116089256A (zh) * | 2022-05-13 | 2023-05-09 | 荣耀终端有限公司 | 终端测试方法、装置及存储介质 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105868276A (zh) * | 2016-03-22 | 2016-08-17 | 乐视网信息技术（北京）股份有限公司 | 网页显示方法及装置 |
| WO2018024057A1 (zh) * | 2016-08-01 | 2018-02-08 | 华为技术有限公司 | 用于访问业务的方法和装置 |
| CN108334525A (zh) * | 2017-01-20 | 2018-07-27 | 阿里巴巴集团控股有限公司 | 一种数据展示方法及装置 |
| CN108509526A (zh) * | 2018-03-13 | 2018-09-07 | 百度在线网络技术（北京）有限公司 | 用于动态布局移动应用的界面元素的方法和装置 |
| CN109144615A (zh) * | 2018-09-29 | 2019-01-04 | 北京城市网邻信息技术有限公司 | 一种信息发布方法、装置、设备及存储介质 |
| CN109614545A (zh) * | 2018-11-13 | 2019-04-12 | 阿里巴巴集团控股有限公司 | 页面加载方法、装置及设备 |
| CN110659435A (zh) * | 2019-08-14 | 2020-01-07 | 平安普惠企业管理有限公司 | 页面数据采集处理方法、装置、计算机设备和存储介质 |
-
2020
- 2020-07-01 CN CN202010622985.7A patent/CN111931102A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105868276A (zh) * | 2016-03-22 | 2016-08-17 | 乐视网信息技术（北京）股份有限公司 | 网页显示方法及装置 |
| WO2018024057A1 (zh) * | 2016-08-01 | 2018-02-08 | 华为技术有限公司 | 用于访问业务的方法和装置 |
| CN108334525A (zh) * | 2017-01-20 | 2018-07-27 | 阿里巴巴集团控股有限公司 | 一种数据展示方法及装置 |
| CN108509526A (zh) * | 2018-03-13 | 2018-09-07 | 百度在线网络技术（北京）有限公司 | 用于动态布局移动应用的界面元素的方法和装置 |
| CN109144615A (zh) * | 2018-09-29 | 2019-01-04 | 北京城市网邻信息技术有限公司 | 一种信息发布方法、装置、设备及存储介质 |
| CN109614545A (zh) * | 2018-11-13 | 2019-04-12 | 阿里巴巴集团控股有限公司 | 页面加载方法、装置及设备 |
| CN110659435A (zh) * | 2019-08-14 | 2020-01-07 | 平安普惠企业管理有限公司 | 页面数据采集处理方法、装置、计算机设备和存储介质 |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112394908A (zh) * | 2020-11-19 | 2021-02-23 | 平安普惠企业管理有限公司 | 埋点页面自动生成的方法、装置、计算机设备及存储介质 |
| CN112734165A (zh) * | 2020-12-18 | 2021-04-30 | 中国平安财产保险股份有限公司 | 智能化的功能展示方法、装置、设备及存储介质 |
| CN112734165B (zh) * | 2020-12-18 | 2024-06-07 | 中国平安财产保险股份有限公司 | 智能化的功能展示方法、装置、设备及存储介质 |
| CN113051514A (zh) * | 2021-03-26 | 2021-06-29 | 挂号网（杭州）科技有限公司 | 元素的定位方法、装置、电子设备及存储介质 |
| CN113051514B (zh) * | 2021-03-26 | 2023-05-26 | 挂号网（杭州）科技有限公司 | 元素的定位方法、装置、电子设备及存储介质 |
| CN113486216A (zh) * | 2021-07-27 | 2021-10-08 | 中国银行股份有限公司 | 页面合并方法、装置、服务器、介质及产品 |
| CN113505329A (zh) * | 2021-07-27 | 2021-10-15 | 中国工商银行股份有限公司 | 数据可视化处理方法及装置 |
| CN113486216B (zh) * | 2021-07-27 | 2024-02-09 | 中国银行股份有限公司 | 页面合并方法、装置、服务器、介质及产品 |
| CN114625665A (zh) * | 2022-03-25 | 2022-06-14 | 联想(北京)有限公司 | 数据处理方法、装置及系统 |
| CN116089256B (zh) * | 2022-05-13 | 2024-03-12 | 荣耀终端有限公司 | 终端测试方法、装置及存储介质 |
| CN116089256A (zh) * | 2022-05-13 | 2023-05-09 | 荣耀终端有限公司 | 终端测试方法、装置及存储介质 |
| CN115576623A (zh) * | 2022-09-16 | 2023-01-06 | 花瓣云科技有限公司 | 一种应用程序启动方法及装置 |
| CN115576623B (zh) * | 2022-09-16 | 2023-08-22 | 花瓣云科技有限公司 | 一种应用程序启动方法及装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111931102A (zh) | 一种构建页面的方法、装置及系统 | |
| CN111178012B (zh) | 一种表单渲染方法、装置、设备及存储介质 | |
| CN106970790B (zh) | 一种应用程序创建的方法、相关设备及系统 | |
| CN108345543B (zh) | 一种数据处理方法、装置、设备及存储介质 | |
| CN110869907B (zh) | 一种浏览应用页面的方法及终端 | |
| US12032820B2 (en) | Fast data copying method and electronic device | |
| CN109857403B (zh) | 一种页面更新、页面处理方法及装置 | |
| CN105471931B (zh) | 一种查询业务数据的方法、装置和系统 | |
| CN107766747B (zh) | 校验应用程序安装包完整性的方法、移动终端及服务器 | |
| CN109040182B (zh) | 一种服务访问方法及装置、电子设备、存储介质 | |
| CN112882772B (zh) | 移动终端应用界面的配置方法、移动终端及存储介质 | |
| CN108156508B (zh) | 弹幕信息处理的方法、装置、移动终端、服务器及系统 | |
| CN106502703B (zh) | 一种函数调用方法和装置 | |
| CN111434132A (zh) | 一种eSIM卡的开户方法及终端 | |
| CN105847325B (zh) | 应用客户端的调试方法及装置 | |
| JP2016502190A (ja) | Ｎｆｃデータ伝送方法、端末装置、サーバ、プログラム、及び記録媒体 | |
| CN106095456A (zh) | 引导用户下载应用程序的方法、装置及移动终端 | |
| CN112527386B (zh) | 应用程序发布方法及装置 | |
| CN106919458B (zh) | Hook目标内核函数的方法及装置 | |
| CN108205568A (zh) | 基于标签选择数据的方法及装置 | |
| CN107465646B (zh) | 一种应用下载方法、系统及相关设备 | |
| CN111273955A (zh) | 热修复插件优化方法、装置、存储介质及电子设备 | |
| CN109145598B (zh) | 脚本文件的病毒检测方法、装置、终端及存储介质 | |
| CN110020338B (zh) | 浏览器、网页打开方法及设备 | |
| CN109145182B (zh) | 数据采集方法、装置、计算机设备及系统 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |