后台数据展示方法及装置与流程

1.本发明涉及互联网技术领域，具体而言，涉及一种后台数据展示方法、装置、计算机可读存储介质及电子设备。


背景技术：

2.随着计算机技术的日益发展以及网页应用程序等的广泛应用，现有为提供更贴合用户需求的页面，需要对网页进行性能优化，并将进行性能优化后的页面进行渲染后，由浏览器展示给用户。服务端渲染(ssr)就是浏览器向服务器发出请求页面，服务端将准备好的模板和数据组装成完整的html返回给浏览器展示。由于ssr具有更利于搜索引擎优化(seo)和更利于首屏渲染的优势，具有较为广泛的应用。
3.在node ssr项目中，为实现seo通常采用服务端渲染模版引擎的方式进行首屏页面渲染，在实际开发中，对于服务端渲染模版引擎的数据开发人员无法清晰、直观和准确的认知每个数据的结构体和类型，往往需要人为进行终端打印，要在大量的终端日志中查找要展示的数据，极为不便。


技术实现要素：

4.鉴于此，本发明提出了一种后台数据展示方法及装置，以实现服务端模版引擎的后台数据可视展示，解决现有技术中后台数据获取及查找不便的问题。
5.第一方面，本发明实施例提供了一种后台数据展示方法，应用于第一服务器，所述方法包括：接收第二服务器的后台数据，所述后台数据的获取方式包括：在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器；将所述后台数据通过socket连接发送至第一客户端页面，以供所述第一客户端页面将所述后台数据按照类型和/或结构体进行展示。
6.进一步地，所述socket连接采用如下方式建立：根据html5规范中的websocket子规范的描述，通过javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现所述第一客户端页面与所述第一服务器之间的通信。
7.进一步地，所述将所述后台数据通过socket连接发送至第一客户端页面，以供第一客户端页面将所述后台数据按照类型和/或结构体进行展示，包括：在第一客户端订阅所述后台数据的情况下，将所述后台数据通过socket连接实时发送至第一客户端，以供第一客户端将所述后台数据按照类型和/或结构体进行展示。
8.进一步地，所述将所采集的后台数据推送至所述第一服务器，包括：将所采集的后台数据以ajax的形式推送至所述第一服务器。
9.进一步地，所述将所述后台数据通过socket连接发送至第一客户端页面之前，还包括：对所述后台数据进行格式化处理。
10.进一步地，所述方法还包括：响应于搜索请求，生成搜索界面以供所述第一客户端
页面接收搜索信息；根据所接收到的搜索信息与展示数据进行匹配，获得搜索结果以供第一客户端页面突出显示。
11.进一步地，所述后台数据为服务端渲染模版引擎的后台数据。
12.进一步地，所述后台数据的类型包括：字符串、数字、布尔、数组和对象。
13.第二方面，本发明实施例还提供了一种后台数据展示方法，应用于第二服务器，所述方法包括：在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据；将所采集的后台数据推送至第一服务器，以供第一服务器将所采集的后台数据通过socket连接发送至第一客户端页面将所述后台数据按照类型和/或结构体进行展示。
14.进一步地，所述将所采集的后台数据推送至第一服务器，包括：将所采集的后台数据以ajax的形式推送至第一服务器。
15.进一步地，所述socket连接采用如下方式建立：根据html5规范中的websocket子规范的描述，通过javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现所述第一客户端页面与所述第一服务器之间的通信。
16.进一步地，所述将所采集的后台数据通过socket连接发送至第一客户端页面之前，还包括：对所采集的后台数据进行格式化处理。
17.进一步地，所述后台数据为服务端渲染模版引擎的后台数据。
18.进一步地，所述后台数据的类型包括：字符串、数字、布尔、数组和对象。
19.第三方面，本发明实施例还提供了一种后台数据展示装置，应用于第一服务器，所述装置包括：数据接收单元，用于接收第二服务器的后台数据，所述后台数据的获取方式包括：在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器；第一数据发送单元，用于将所述后台数据通过socket连接发送至第一客户端页面，以供所述第一客户端页面将所述后台数据按照类型和/或结构体进行展示。
20.进一步地，所述socket连接采用如下方式建立：根据html5规范中的websocket子规范的描述，通过javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现所述第一客户端页面与所述第一服务器之间的通信。
21.进一步地，所述第一数据发送单元，还用于：在第一客户端订阅所述后台数据的情况下，将所述后台数据通过socket连接实时发送至第一客户端，以供第一客户端将所述后台数据按照类型和/或结构体进行展示。
22.进一步地，所述将所采集的后台数据推送至所述第一服务器，包括：将所采集的后台数据以ajax的形式推送至所述第一服务器。
23.进一步地，所述将所述后台数据通过socket连接发送至第一客户端页面之前，还包括：对所述后台数据进行格式化处理。
24.进一步地，所述装置还包括信息搜索单元，用于：响应于搜索请求，生成搜索界面以供所述第一客户端页面接收搜索信息；根据所接收到的搜索信息与展示数据进行匹配，获得搜索结果以供第一客户端页面突出显示。
25.进一步地，所述后台数据为服务端渲染模版引擎的后台数据。
26.进一步地，所述后台数据的类型包括：字符串、数字、布尔、数组和对象。
27.第四方面，本发明实施例还提供了一种后台数据展示装置，应用于第二服务器，所述装置包括：数据采集单元，用于在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据；第二数据发送单元，用于将所采集的后台数据推送至第一服务器，以供第一服务器将所采集的后台数据通过socket连接发送至第一客户端页面将所述后台数据按照类型和/或结构体进行展示。
28.进一步地，所述将所采集的后台数据推送至第一服务器，包括：将所采集的后台数据以ajax的形式推送至第一服务器。
29.进一步地，所述socket连接采用如下方式建立：根据html5规范中的websocket子规范的描述，通过javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现所述第一客户端页面与所述第一服务器之间的通信。
30.进一步地，所述将所采集的后台数据通过socket连接发送至第一客户端页面之前，还包括：对所采集的后台数据进行格式化处理。
31.进一步地，所述后台数据为服务端渲染模版引擎的后台数据。
32.进一步地，所述后台数据的类型包括：字符串、数字、布尔、数组和对象。
33.第五方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现本发明各实施例提供的方法。
34.第六方面，本发明实施例还提供了一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现本发明各实施例提供的方法。
35.本发明实施例提供的后台数据展示方法及装置，通过在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器，并由第一服务器通过socket连接发送至第一客户端页面按照类型和/或结构体进行展示，解决了现有研发过程中后台数据获取及查找不便的问题，可以实现后台数据可视展示，便于研发人员在网页或应用程序开发过程对于后台数据的查看，提升开发效率。
附图说明
36.图1为本发明一个示例性的实施例提供的系统架构示意图；
37.图2为本发明一个示例性的实施例提供的后台数据展示方法的流程图；
38.图3为本发明一个示例性的实施例提供的数据美化后第一客户端页面展示的效果图；
39.图4为本发明一个示例性的实施例提供的第一客户端页面搜索结果展示的效果图；
40.图5为本发明一个示例性的实施例提供的后台数据展示方法的流程图；
41.图6为本发明一个示例性的实施例提供的后台数据展示装置的结构示意图；
42.图7为本发明一个示例性的实施例提供的后台数据展示装置的结构示意图；
43.图8为本发明一个示例性的实施例提供的电子设备的框图。
具体实施方式
44.现在参考附图介绍本发明的示例性实施方式，然而，本发明可以用许多不同的形式来实施，并且不局限于此处描述的实施例，提供这些实施例是为了详尽地且完全地公开本发明，并且向所属技术领域的技术人员充分传达本发明的范围。对于表示在附图中的示例性实施方式中的术语并不是对本发明的限定。在附图中，相同的单元/元件使用相同的附图标记。
45.除非另有说明，此处使用的术语(包括科技术语)对所属技术领域的技术人员具有通常的理解含义。另外，可以理解的是，以通常使用的词典限定的术语，应当被理解为与其相关领域的语境具有一致的含义，而不应该被理解为理想化的或过于正式的意义。
46.图1为本发明一个示例性的实施例提供的系统架构示意图。
47.如图1所示，系统架构100可以包括终端设备101、第一网络102、第一服务器103、第二服务器104和第二网络105。第一网络102用以在终端设备101分别和第一服务器103、第二服务器104之间提供通信链路的介质；第二网络105用以在第一服务器103和第二服务器104之间提供通信链路的介质。
48.用户110可以使用终端设备101通过第一网络102分别与第一服务器103、第二服务器104交互，以访问各种服务，例如浏览网页、渲染网页、查询信息、下载数据等。
49.终端设备101可以是各种电子设备，包括但不限于个人电脑、智能手机、智能电视、平板电脑、个人数字助理、电子书阅读器等等。
50.第一服务器103和第二服务器104均可以包括一个独立运行的服务器，或者分布式服务器，或者由多个服务器组成的服务器集群。
51.第一网络102和第二网络105均可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
52.应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
53.本发明实施例中，第一客户端和第二客户端可以为运行于实体设备中的软体，例如服务商提供给用户的网页页面，也可以为该些服务商提供给用户的应用等。第一客户端页面和第二客户端页面可以加载在同一个终端设备，可以分别加载在两个终端设备。
54.具体地，第一客户端可以为socket client(socket客户端)，第二客户端可以为ssr；第一客户端页面可以为socket client页面，第二客户端页面可以为ssr页面；第一服务器可以为socket server(socket服务端)，第二服务器可以为ssr server。
55.图2为本发明一个示例性的实施例提供的后台数据展示方法的流程图。
56.该方法应用于第一服务器，如图2所示，该方法包括：
57.步骤s201：接收第二服务器的后台数据，后台数据的获取方式包括：在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器。
58.后台数据可以为任意网页或应用的后台数据。后台数据可以通过如下获取方式：开发者在代码开发页面(第二服务端模版渲染的入口处)插入数据获取指令(数据可视化采集服务)，数据获取指令里设定了开发者所希望查看的目标后台数据。具体地，后台数据为服务端渲染模版引擎的后台数据。
59.目标数据为用户根据需求订阅的不同类型和/或不同的结构体数据。第二服务器根据该目标数据采集对应的后台数据并推送至第一服务器。
60.进一步地，将所采集的后台数据推送至第一服务器，包括：将所采集的后台数据以ajax的形式推送至第一服务器。
61.ajax，即异步的javascript和xml，为一种独立于web服务器软件的浏览器技术，通过利用javascript在保证页面不被刷新、页面链接不改变的情况下与服务器交换数据并更新部分网页。采用ajax形式推送数据，可以使web应用程序更为迅捷地回应用户动作，并且易于安装、维护以及开发。
62.步骤s202：将后台数据通过socket连接发送至第一客户端页面，以供第一客户端页面将后台数据按照类型和/或结构体进行展示。
63.socket.io是一个用javascript实现的实时双向通信的库，自带客户端和服务端的通信机制，一个服务端可以同时对应多个客户端进行通信。利用socket.io技术搭建socket连接，实现数据从socket服务器自动发送至socket客户端以进行展示。
64.进一步地，socket连接采用如下方式建立：
65.根据html5规范中的websocket子规范的描述，通过javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现第一客户端页面与第一服务器之间的通信。
66.进一步地，步骤s202，包括：
67.在第一客户端订阅后台数据的情况下，将后台数据通过socket连接实时发送至第一客户端，以供第一客户端将后台数据按照类型和/或结构体进行展示。
68.用户可以根据需求通过在第一客户端订阅的不同类型和/或不同的结构体数据，第一服务器根据该订阅可以实时将所订阅的不同类型和/或不同的结构体数据发送至第一客户端进行展示。
69.进一步地，接收第二服务器的后台数据之后，还包括：将后台数据按照数据的类型和/或结构体进行分类。
70.将后台数据按照数据的类型和/或结构体进行分类及汇总。具体地，后台数据的类型包括：字符串、数字、布尔、数组和对象。后台数据的结构体包括：变量、指针或数组。
71.进一步地，将后台数据通过socket连接发送至第一客户端页面之前，还包括：
72.对后台数据进行格式化处理。
73.可以采用jsonformat来美化分类后的后台数据。图3为本发明一个示例性的实施例提供的数据美化后第一客户端页面展示的效果图。如图3所示，数据美化可以使数据按照结构和类型进行展示，从而便于用于清晰和准确地了解数据的结构和类型。
74.进一步地，该方法还包括：
75.响应于搜索请求，生成搜索界面以供第一客户端页面接收搜索信息；
76.根据所接收到的搜索信息与展示数据进行匹配，获得搜索结果以供第一客户端页面突出显示。
77.图4为本发明一个示例性的实施例提供的第一客户端页面搜索结果展示的效果图。用户可以采用ctrl f快捷键调出搜索界面，通过在搜索界面输入搜索信息对所展示的后台数据进行搜索，搜索结构则如图4所示，突出显示于展示页面。通过对所展示的后台数
据进行搜索，可以提高用户对数据的查看效率，并便于用户查看。
78.上述实施例，通过在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器，并由第一服务器通过socket连接发送至第一客户端页面按照类型和/或结构体进行展示，解决了现有研发过程中后台数据获取及查找不便的问题，可以实现后台数据可视展示，便于研发人员在网页或应用程序开发过程对于后台数据的查看，提升开发效率。
79.图5为本发明一个示例性的实施例提供的后台数据展示方法的流程图。
80.该方法应用于第二服务器，如图5所示，该方法包括：
81.步骤s501：在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据。
82.目标数据为用户根据需求订阅的不同类型和/或不同的结构体数据。后台数据可以为任意网页或应用的后台数据。后台数据可以通过如下获取方式：开发者在代码开发页面(第二服务端模版渲染的入口处)插入数据获取指令(数据可视化采集服务)，数据获取指令里定义了开发者色号顶的希望查看的目标后台数据。具体地，后台数据为服务端渲染模版引擎的后台数据。
83.步骤s502：将所采集的后台数据推送至第一服务器，以供第一服务器将所采集的后台数据通过socket连接发送至第一客户端页面将后台数据按照类型和/或结构体进行展示。
84.socket.io是一个用javascript实现的实时双向通信的库，自带客户端和服务端的通信机制，一个服务端可以同时对应多个客户端进行通信。利用socket.io技术搭建socket连接，实现数据从socket服务器自动发送至socket客户端以进行展示。
85.进一步地，第一服务器将所采集的后台数据通过socket连接发送至第一客户端页面将后台数据按照类型和/或结构体进行展示，包括：
86.第一服务器在第一客户端订阅后台数据的情况下，将所采集的后台数据通过socket连接实时发送至第一客户端，以供第一客户端将后台数据按照类型和/或结构体进行展示。
87.用户可以根据需求通过在第一客户端订阅的不同类型和/或不同的结构体数据，第一服务器根据该订阅可以实时将所订阅的不同类型和/或不同的结构体数据发送至第一客户端进行展示。
88.进一步地，将所采集的后台数据推送至第一服务器，包括：将所采集的后台数据以ajax的形式推送至第一服务器。
89.ajax，即异步的javascript和xml，为一种独立于web服务器软件的浏览器技术，通过利用javascript在保证页面不被刷新、页面链接不改变的情况下与服务器交换数据并更新部分网页。采用ajax形式推送数据，可以使web应用程序更为迅捷地回应用户动作，并且易于安装、维护以及开发。
90.进一步地，socket连接采用如下方式建立：
91.根据html5规范中的websocket子规范的描述，通过javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现第一客户端页面与第一服务器之间的通信。
92.进一步地，第一服务器接收第二服务器所采集的后台数据之后，还包括：将后台数据按照数据的类型和/或结构体进行分类。
93.第一服务器将所接收的后台数据按照数据的类型和/或结构体进行分类及汇总。具体地，后台数据的类型包括：字符串、数字、布尔、数组和对象。后台数据的结构体包括：变量、指针或数组。
94.进一步地，将所采集的后台数据通过socket连接发送至第一客户端页面之前，还包括：
95.对所采集的后台数据进行格式化处理。
96.可以采用jsonformat来美化分类后的后台数据。图3为本发明一个示例性的实施例提供的数据美化后第一客户端页面展示的效果图。如图3所示，数据美化可以使数据按照结构和类型进行展示，从而便于用于清晰和准确地了解数据的结构和类型。
97.上述实施例，通过在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器，并由第一服务器通过socket连接发送至第一客户端页面按照类型和/或结构体进行展示，解决了现有研发过程中后台数据获取及查找不便的问题，可以实现后台数据可视展示，便于研发人员在网页或应用程序开发过程对于后台数据的查看，提升开发效率。
98.图6为本发明一个示例性的实施例提供的后台数据展示装置的结构示意图。
99.该装置应用于第一服务器，如图6所示，该装置包括：
100.数据接收单元601，用于接收第二服务器的后台数据，后台数据的获取方式包括：在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器。
101.后台数据可以为任意网页或应用的后台数据。后台数据可以通过如下获取方式：开发者在代码开发页面(第二服务端模版渲染的入口处)插入数据获取指令(数据可视化采集服务)，数据获取指令里定义了开发者色号顶的希望查看的目标后台数据。具体地，后台数据为服务端渲染模版引擎的后台数据。
102.目标数据为用户根据需求订阅的不同类型和/或不同的结构体数据。第二服务器根据该目标数据采集对应的后台数据并推送至第一服务器。
103.进一步地，将所采集的后台数据推送至第一服务器，包括：将所采集的后台数据以ajax的形式推送至第一服务器。
104.ajax，即异步的javascript和xml，为一种独立于web服务器软件的浏览器技术，通过利用javascript在保证页面不被刷新、页面链接不改变的情况下与服务器交换数据并更新部分网页。采用ajax形式推送数据，可以使web应用程序更为迅捷地回应用户动作，并且易于安装、维护以及开发。
105.第一数据发送单元602，用于将后台数据通过socket连接发送至第一客户端页面，以供第一客户端页面将后台数据按照类型和/或结构体进行展示。
106.socket.io是一个用javascript实现的实时双向通信的库，自带客户端和服务端的通信机制，一个服务端可以同时对应多个客户端进行通信。利用socket.io技术搭建socket连接，实现数据从socket服务器自动发送至socket客户端以进行展示。
107.进一步地，socket连接采用如下方式建立：
108.根据html5规范中的websocket子规范的描述，通过javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现第一客户端页面与第一服务器之间的通信。
109.进一步地，第一数据发送单元602，还用于：
110.在第一客户端订阅后台数据的情况下，将后台数据通过socket连接实时发送至第一客户端，以供第一客户端将后台数据按照类型和/或结构体进行展示。
111.用户可以根据需求通过在第一客户端订阅的不同类型和/或不同的结构体数据，第一服务器根据该订阅可以实时将所订阅的不同类型和/或不同的结构体数据发送至第一客户端进行展示。
112.进一步地，接收第二服务器的后台数据之后，还包括：将后台数据按照数据的类型和/或结构体进行分类。
113.将后台数据按照数据的类型和/或结构体进行分类及汇总。具体地，后台数据的类型包括：字符串、数字、布尔、数组和对象。后台数据的结构体包括：变量、指针或数组。
114.进一步地，将后台数据通过socket连接发送至第一客户端页面之前，还包括：
115.对后台数据进行格式化处理。
116.可以采用jsonformat来美化分类后的后台数据。图3为本发明一个示例性的实施例提供的数据美化后第一客户端页面展示的效果图。如图3所示，数据美化可以使数据按照结构和类型进行展示，从而便于用于清晰和准确地了解数据的结构和类型。
117.进一步地，该装置还包括信息搜索单元，用于：
118.响应于搜索请求，生成搜索界面以供第一客户端页面接收搜索信息；
119.根据所接收到的搜索信息与展示数据进行匹配，获得搜索结果以供第一客户端页面突出显示。
120.图4为本发明一个示例性的实施例提供的第一客户端页面搜索结果展示的效果图。用户可以采用ctrl f快捷键调出搜索界面，通过在搜索界面输入搜索信息对所展示的后台数据进行搜索，搜索结构则如图4所示，突出显示于展示页面。通过对所展示的后台数据进行搜索，可以提高用户对数据的查看效率，并便于用户查看。
121.上述实施例，通过在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器，并由第一服务器通过socket连接发送至第一客户端页面按照类型和/或结构体进行展示，解决了现有研发过程中后台数据获取及查找不便的问题，可以实现后台数据可视展示，便于研发人员在网页或应用程序开发过程对于后台数据的查看，提升开发效率。
122.图7为本发明一个示例性的实施例提供的后台数据展示装置的结构示意图。
123.该装置应用于第二服务器，如图7所示，该装置包括：
124.数据采集单元701，用于在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据。
125.目标数据为用户根据需求订阅的不同类型和/或不同的结构体数据。后台数据可以为任意网页或应用的后台数据。后台数据可以通过如下获取方式：开发者在代码开发页面(第二服务端模版渲染的入口处)插入数据获取指令(数据可视化采集服务)，数据获取指令里定义了开发者色号顶的希望查看的目标后台数据。具体地，后台数据为服务端渲染模
版引擎的后台数据。
126.第二数据发送单元702，用于将所采集的后台数据推送至第一服务器，以供第一服务器将所采集的后台数据通过socket连接发送至第一客户端页面将后台数据按照类型和/或结构体进行展示。
127.socket.io是一个用javascript实现的实时双向通信的库，自带客户端和服务端的通信机制，一个服务端可以同时对应多个客户端进行通信。利用socket.io技术搭建socket连接，实现数据从socket服务器自动发送至socket客户端以进行展示。
128.进一步地，第一服务器将所采集的后台数据通过socket连接发送至第一客户端页面将后台数据按照类型和/或结构体进行展示，包括：
129.第一服务器在第一客户端订阅后台数据的情况下，将所采集的后台数据通过socket连接实时发送至第一客户端，以供第一客户端将后台数据按照类型和/或结构体进行展示。
130.用户可以根据需求通过在第一客户端订阅的不同类型和/或不同的结构体数据，第一服务器根据该订阅可以实时将所订阅的不同类型和/或不同的结构体数据发送至第一客户端进行展示。
131.进一步地，将所采集的后台数据推送至第一服务器，包括：将所采集的后台数据以ajax的形式推送至第一服务器。
132.ajax，即异步的javascript和xml，为一种独立于web服务器软件的浏览器技术，通过利用javascript在保证页面不被刷新、页面链接不改变的情况下与服务器交换数据并更新部分网页。采用ajax形式推送数据，可以使web应用程序更为迅捷地回应用户动作，并且易于安装、维护以及开发。
133.进一步地，socket连接采用如下方式建立：
134.根据html5规范中的websocket子规范的描述，通过javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现第一客户端页面与第一服务器之间的通信。
135.进一步地，第一服务器接收第二服务器所采集的后台数据之后，还包括：将后台数据按照数据的类型和/或结构体进行分类。
136.第一服务器将所接收的后台数据按照数据的类型和/或结构体进行分类及汇总。具体地，后台数据的类型包括：字符串、数字、布尔、数组和对象。后台数据的结构体包括：变量、指针或数组。
137.进一步地，将所采集的后台数据通过socket连接发送至第一客户端页面之前，还包括：
138.对所采集的后台数据进行格式化处理。
139.可以采用jsonformat来美化分类后的后台数据。图3为本发明一个示例性的实施例提供的数据美化后第一客户端页面展示的效果图。如图3所示，数据美化可以使数据按照结构和类型进行展示，从而便于用于清晰和准确地了解数据的结构和类型。
140.上述实施例，通过在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器，并由第一服务器通过socket连接发送至第一客户端页面按照类型和/或结构
体进行展示，解决了现有研发过程中后台数据获取及查找不便的问题，可以实现后台数据可视展示，便于研发人员在网页或应用程序开发过程对于后台数据的查看，提升开发效率。
141.图8为本发明一个示例性的实施例提供的电子设备的框图。如图8所示，电子设备包括一个或多个处理器810和存储器820。
142.处理器810可以是中央处理单元(cpu)或者具有数据处理能力和/或指令执行能力的其他形式的处理单元，并且可以控制电子设备中的其他组件以执行期望的功能。
143.存储器820可以包括一个或多个计算机程序产品，计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。所述易失性存储器例如可以包括随机存取存储器(ram)和/或高速缓冲存储器(cache)等。所述非易失性存储器例如可以包括只读存储器(rom)、硬盘、闪存等。在所述计算机可读存储介质上可以存储一个或多个计算机程序指令，处理器810可以运行所述程序指令，以实现上文所述的本发明的各个实施例的软件程序的基于维度信息进行数据访问的方法以及/或者其他期望的功能。在一个示例中，电子设备还可以包括：输入装置830和输出装置840，这些组件通过总线系统和/或其他形式的连接机构(未示出)互连。
144.此外，该输入装置830还可以包括例如键盘、鼠标等等。
145.该输出装置840可以向外部输出各种信息。该输出设备840可以包括例如显示器、扬声器、打印机、以及通信网络及其所连接的远程输出设备等等。
146.当然，为了简化，图8中仅示出了该电子设备中与本发明有关的组件中的一些，省略了诸如总线、输入/输出接口等等的组件。除此之外，根据具体应用情况，电子设备还可以包括任何其他适当的组件。
147.示例性计算机程序产品和计算机可读存储介质除了上述方法和设备以外，本发明的实施例还可以是计算机程序产品，其包括计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述“示例性方法”部分中描述的根据本发明各种实施例的基于维度信息进行数据访问的方法中的步骤。
148.所述计算机程序产品可以以一种或多种程序设计语言的任意组合来编写用于执行本发明实施例操作的程序代码，所述程序设计语言包括面向对象的程序设计语言，诸如java、c 等，还包括常规的过程式程序设计语言，诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。
149.此外，本发明的实施例还可以是计算机可读存储介质，其上存储有计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述“示例性方法”部分中描述的根据本发明各种实施例的基于维度信息进行数据访问的方法中的步骤。
150.所述计算机可读存储介质可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以包括但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。
151.以上结合具体实施例描述了本发明的基本原理，但是，需要指出的是，在本发明中提及的优点、优势、效果等仅是示例而非限制，不能认为这些优点、优势、效果等是本发明的各个实施例必须具备的。另外，上述公开的具体细节仅是为了示例的作用和便于理解的作用，而非限制，上述细节并不限制本发明为必须采用上述具体的细节来实现。
152.本说明书中各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似的部分相互参见即可。对于系统实施例而言，由于其与方法实施例基本对应，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
153.本发明中涉及的器件、装置、设备、系统的方框图仅作为例示性的例子并且不意图要求或暗示必须按照方框图示出的方式进行连接、布置、配置。如本领域技术人员将认识到的，可以按任意方式连接、布置、配置这些器件、装置、设备、系统。诸如“包括”、“包含”、“具有”等等的词语是开放性词汇，指“包括但不限于”，且可与其互换使用。这里所使用的词汇“或”和“和”指词汇“和/或”，且可与其互换使用，除非上下文明确指示不是如此。这里所使用的词汇“诸如”指词组“诸如但不限于”，且可与其互换使用。
154.可能以许多方式来实现本发明的方法和装置。例如，可通过软件、硬件、固件或者软件、硬件、固件的任何组合来实现本发明的方法和装置。用于所述方法的步骤的上述顺序仅是为了进行说明，本发明的方法的步骤不限于以上具体描述的顺序，除非以其它方式特别说明。此外，在一些实施例中，还可将本发明实施为记录在记录介质中的程序，这些程序包括用于实现根据本发明的方法的机器可读指令。因而，本发明还覆盖存储用于执行根据本发明的方法的程序的记录介质。
155.还需要指出的是，在本发明的装置、设备和方法中，各部件或各步骤是可以分解和/或重新组合的。这些分解和/或重新组合应视为本发明的等效方案。提供所公开的方面的以上描述以使本领域的任何技术人员能够做出或者使用本发明。对这些方面的各种修改对于本领域技术人员而言是非常显而易见的，并且在此定义的一般原理可以应用于其他方面而不脱离本发明的范围。因此，本发明不意图被限制到在此示出的方面，而是按照与在此公开的原理和新颖的特征一致的最宽范围。
156.为了例示和描述的目的已经给出了以上描述。此外，此描述不意图将本发明的实施例限制到在此公开的形式。尽管以上已经讨论了多个示例方面和实施例，但是本领域技术人员将认识到其某些变型、修改、改变、添加和子组合。