CN107357861B - 一种基于可视化控件呈现数据的方法和装置 - Google Patents
一种基于可视化控件呈现数据的方法和装置 Download PDFInfo
- Publication number
- CN107357861B CN107357861B CN201710525088.2A CN201710525088A CN107357861B CN 107357861 B CN107357861 B CN 107357861B CN 201710525088 A CN201710525088 A CN 201710525088A CN 107357861 B CN107357861 B CN 107357861B
- Authority
- CN
- China
- Prior art keywords
- control
- user
- browser
- data
- visual
- 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.)
- Active
Links
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/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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/954—Navigation, e.g. using categorised browsing
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)
- Radar, Positioning & Navigation (AREA)
- Remote Sensing (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明的目的是提供一种基于可视化控件呈现数据的方法和装置。根据本发明的方法包括控件提供方执行的以下步骤:在用户通过用户端浏览器访问控件使用方的网站的数据页面时,接收来自用户端浏览器的跨域访问请求;基于所述跨域访问请求,向所述用户端浏览器发送与所述控件使用方对应的可视化控件的定义参数信息,以供浏览器加载该可视化控件;向所述用户端浏览器提供可视化控件所需的显示数据。本发明具有以下优点:方便控件使用方完善自身网站相关页面的数据可视化功能;实现了浏览器的跨域访问和数据交互,并且根据本发明的可视化控件的嵌入步骤简单,提升了用户体验。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种基于可视化控件呈现数据的方法和装置。
背景技术
数据仪表盘/报表(Dashboard/Report)是一种使用广泛的数据可视化形式,常用于各种行业相关的监控和分析应用当中,如:工业能耗监控、温度监控、财务报表等。与传统的单个图表相比,它的表现形式更灵活,可对接的数据源种类更多,交互体验更丰富。
而现有的传统的在线Dashboard/Report制作工具的输出形式主要是独立的H5页面或SPA,很难被当成控件嵌入用户现有的用户界面使用,如用户需要嵌入现有的用户界面使用只能通过iframe的方式,不能很好的解决跨域访问、跨域鉴权、控件开放交互接口(API)等问题。
因此,基于现有技术的方案,对于类似Dashboard/Report的数据,一般无法在用户端浏览器中通过嵌入可视化控件的方式来显示所需要的数据。
发明内容
本发明的目的是提供一种基于可视化控件呈现数据的方法和装置。
根据本发明的一个方面,提供了一种在控件提供方设备中管理可视化控件的方法,其中,控件使用方的开发人员在控件提供方的网站中使用软件开发工具包来在自身网站的数据页面中嵌入可视化控件,所述方法包括以下步骤:
-在用户通过用户端浏览器访问控件使用方的网站的数据页面时,接收来自用户端浏览器的跨域访问请求;
-基于所述跨域访问请求,向所述用户端浏览器发送与所述控件使用方对应的可视化控件的定义参数信息,以供浏览器加载该可视化控件;
其中,所述方法包括以下步骤:
-向所述用户端浏览器提供可视化控件所需的显示数据。
根据本发明的一个方面,提供了一种在用户端浏览器中使用可视化控件呈现数据的方法,其中,控件使用方在控件提供方的网站中使用软件开发工具包来在自身网站的数据页面中嵌入可视化控件,所述方法包括以下步骤:
-用户访问控件使用方的网站的数据页面时,向控件提供方设备发送相应的跨域访问请求;
-接收控件提供方设备发送的可视化控件的定义参数信息,以在该数据页面中加载该可视化控件;
其中,所述方法包括以下步骤:
-获取控件提供方设备提供的可视化控件所需的显示数据。
根据本发明的一个方面,提供了一种在控件提供方设备中管理可视化控件的控件管理装置,其中,控件使用方的开发人员在控件提供方的网站中使用软件开发工具包来在自身网站的数据页面中嵌入可视化控件,所述提供装置包括:
用于在用户通过用户端浏览器中访问控件使用方的网站的数据页面时,接收来自用户端浏览器的跨域访问请求的装置;
用于基于所述跨域访问请求,向所述用户端浏览器发送与所述控件使用方对应的可视化控件的定义参数信息,以供浏览器加载该可视化控件的装置;
其中,所述控件管理装置包括:
用于向所述用户端浏览器提供可视化控件所需的显示数据的装置。
根据本发明的一个方面,提供了一种使用可视化控件呈现数据的浏览器,其中,控件使用方在控件提供方的网站中使用软件开发工具包来在自身网站的数据页面中嵌入可视化控件,所述浏览器包括:
用于在用户访问控件使用方的网站的数据页面时,向控件提供方设备发送相应的跨域访问请求的装置;
用于接收控件提供方设备发送的可视化控件的定义参数信息,以在该数据页面中加载该可视化控件的装置;
其中,所述浏览器包括:
用于获取控件提供方设备提供的可视化控件所需的显示数据的装置。
与现有技术相比,本发明具有以下优点:通过在控件提供方设备中管理各个控件使用方的可视化控件,方便控件使用方完善自身网站相关页面的数据可视化功能;并在用户访问控件使用方的页面时,通过控件提供方与浏览器的交互,在用户端浏览器中嵌入可视化控件来显示所需要的数据,实现了浏览器的跨域访问和数据交互,并且根据本发明的可视化控件的嵌入步骤简单,提升了用户体验。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1示意出了根据本发明的一种基于可视化控件呈现数据的方法流程图;
图2示意出了根据本发明的一种在控件提供方设备中管理可视化控件的控件管理装置和一种使用可视化控件呈现数据的浏览器的结构示意图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本发明作进一步详细描述。
图1示意出了根据本发明的一种基于可视化控件呈现数据的方法流程图。根据本发明的方法包括由控件提供方设备执行的步骤S101、步骤S102和步骤S103,以及由浏览器执行的步骤S201、步骤S202和步骤S203。
其中,根据本发明的方法通过包含于控件提供方设备的控件管理装置,和包含于用户设备的浏览器来实现。
其中,所述控件提供方设备包括计算机设备。所述计算机设备包括一种能够按照事先设定或存储的指令,自动进行数值计算和/或信息处理的电子设备,其硬件包括但不限于微处理器、专用集成电路(ASIC)、可编程门阵列(FPGA)、数字处理器(DSP)、嵌入式设备等。所述计算机设备包括网络设备和/或用户设备。其中,所述网络设备包括但不限于单个网络服务器、多个网络服务器组成的服务器组或基于云计算(Cloud Computing)的由大量主机或网络服务器构成的云,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个超级虚拟计算机。所述用户设备包括但不限于任何一种可与用户通过键盘、鼠标、遥控器、触摸板、或声控设备等方式进行人机交互的电子产品,例如,个人计算机、平板电脑、智能手机、PDA、游戏机、或IPTV等。
优选地,根据本发明的控件提供方的网站为公司或企业等控件使用方提供可视化控件的服务,以供控件使用方的开发人员在件提供方的网站中设计和开发自身的可视化控件。
其中,所述用户设备及网络设备所处的网络包括但不限于互联网、广域网、城域网、局域网、VPN网络等。
需要说明的是,所述用户设备、网络设备以及网络仅为举例,其他现有的或今后可能出现的用户设备、网络设备以及网络如可适用于本发明,也应包含在本发明保护范围以内,并以引用方式包含于此。
在图1所示的步骤之前,控件使用方的开发人员在控件提供方的网站中使用软件开发工具包来在自身网站的数据页面中嵌入可视化控件。
控件管理装置基于控件使用方的开发人员的设置操作,存储对应于各个控件使用方的可视化控件的定义参数信息。
其中,所述可视化控件包括各种可用于在用户界面中嵌入数据的控件。
优选地,所述可视化控件用于在用户界面中嵌入数据仪表盘(Dashboard)或报表(Report)数据。
其中,所述定义参数信息包括可视化控件的标识信息和描述信息。
下面接着参照图1进行说明,在步骤S201中,在用户访问控件使用方的网站的数据页面时,浏览器向控件提供方设备发送相应的跨域访问请求。
其中,所述跨域访问请求包括控件使用方的访问令牌信息。
优选地,浏览器可采用诸如跨来源资源共享(Cross-Origin Resource Sharing,CORS)方法,来对接收到的跨域访问请求进行控制。
在步骤S101中,在用户通过用户端浏览器访问控件使用方的网站的数据页面时,控件管理装置接收来自用户端浏览器的跨域访问请求。
优选地,控件管理装置对接收到的跨域访问请求的头字段进行校验。
在步骤S102中,控件管理装置基于所述跨域访问请求,向所述用户端浏览器发送与所述控件使用方对应的可视化控件的定义参数信息,以供浏览器加载该可视化控件。
在步骤S202中,浏览器接收控件提供方设备发送的可视化控件的定义参数信息,以在该数据页面中加载该可视化控件。
在步骤S103中,控件管理装置向所述用户端浏览器提供可视化控件所需的显示数据。接着,在步骤S203中,浏览器获取控件提供方设备提供的可视化控件所需的显示数据。
具体地,需要在可视化控件中加载用户数据时,浏览器向控件提供方设备发送数据请求。控件管理装置接收来自用户端浏览器的数据请求,该数据请求用于请求可视化控件所需的显示数据。接着,控件管理装置向控件使用方的服务端发送该数据请求,以获取所需的显示数据。接着,控件管理装置向该浏览器发送可视化控件所需的显示数据。浏览器接收控件提供方设备返回的可视化控件所需的显示数据,以在可视化控件中进行呈现。
根据本发明的第一示例,控件提供方为百度物可视,控件使用方为WH公司。WH公司的开发人员登录百度物可视的网站完成其所需的可视化控件MyBudget的设计和开发工作。
控件管理装置基于该开发人员的设置操作,存储对应于WH公司的可视化控件MyBudget的定义参数信息,其中,可视化控件MyBudget的控件ID为f46ab0529e8b。该控件MyBudget使用了WH公司的数据服务https://www.wh.com/report/data,用来显示WH公司的用户的预算情况。开发人员使用物可视提供的开发工具包Embeded JS SDK和控件ID:f46ab0529e8b在自己维护的报表页面(http://www.wh.com/report,域名虚构)中的相应位置嵌入MyBudget控件,嵌入的方式为在被嵌入的页面中留出div作为占位容器,之后调用开发工具包Dashboard Player JS SDK将MyBudget渲染其中。
WH公司的用户user_1在其公司的电脑的浏览器中打开WH公司的数据页面http://www.wh.com/report,则该浏览器在步骤S201中向百度物可视的服务端发送跨域访问请求,该跨域访问请求包含WH公司对应的访问令牌token_1。接着,百度物可视的服务端中的控件管理装置在步骤S101中接收该跨域访问请求。
接着,控件管理装置在步骤S102中基于所述跨域访问请求,向该浏览器发送与WH公司对应的可视化控件MyBudget的定义参数信息,以供浏览器加载该可视化控件MyBudget。接着,该浏览器在步骤S202中接收控件提供方设备发送的可视化控件的定义参数信息,以在页面http://www.wh.com/report中加载该可视化控件。
浏览器向百度物可视的服务端方数据请求,以请求与用户user_1相关的预算数据。控件管理装置接收该数据请求,并向WH公司发送该数据请求,以获取用户ueser_1相关的预算数据,并发送至浏览器。浏览器接收控件管理装置返回的该预算数据,并在用户user_1所浏览器的页面中已加载的可视化控件MyBudget中呈现该用户user_1相关的预算数据。
根据本发明的一个优选实施方案,控件提供方为每个控件使用方分配一个集成密钥,所述方法通过控件提供方设备执行的步骤S104(图未示)和步骤S105(图未示),以及由浏览器执行的步骤S204(图未示)和步骤S205(图未示),来对用户端浏览器跨域访问请求的的认证。
在步骤S204中,浏览器向控件使用方的服务端发送认证请求。接着,控件使用方的服务端基于该认证请求,向控件提供方设备发送与自身对应的集成密钥。
在步骤S104中,控件管理装置接收控件使用方服务端发送的与其对应的集成密钥。
在步骤S105中,控件管理装置基于所述集成密钥对其进行认证,并在认证通过后向该控件使用方的服务端发送访问令牌,以供用户端浏览器使用访问令牌初始化可视化控件。
在步骤S205中,认证通过后,浏览器从控件使用方的服务端获取访问令牌,以使用该访问令牌在浏览器中初始化可视化控件。
继续对前述第一示例进行说明,百度物可视为每个控件使用方分配一个集成密钥(IntKey)。WH公司对应的集成密钥保存在WH公司网站的服务器端,用于向https://iot.baidu.com/viz/accessToken restful API获取访问令牌。
用户user_1所在用户端的浏览器在步骤S204中向WH公司的服务端发送认证请求。WH公司的服务端向百度物可视网站的认证服务器发送WH公司对应的集成密钥key_1,认证服务器在步骤S104中接收该集成密钥key_1,并接着在步骤S105中基于该集成密钥key_1对进行认证,并在认证通过后向WH公司的服务端发送访问令牌token_1,以供浏览器使用访问令牌token_1初始化可视化控件MyBudget。由于访问令牌是临时的,访问权限受限,所以可以保证信息安全。
需要说明的是,当控件提供方和控件使用方具备完备的账户体系和跨域单点登录(SSO)的接入能力时,可以使用标准的跨域认证协议,如SMAL,来对用户端浏览器跨域访问请求的的认证。
根据本发明的一个优选实施方案,在向控件提供方设备发送跨域访问请求之前,浏览器通过与对控件使用方设备的数据交互,对使用浏览器的用户进行鉴权,从而在鉴权成功之后向控件提供方设备发送跨域访问请求。
优选地,控件管理装置根据控件使用方的设置操作,在可视化控件的描述文件中保存回传参数,以基于该回传参数向控件使用方的服务端回传数据。
其中,所述回传参数用于指示需要控件提供方回传哪些数据给控件使用方的服务端以及数据交互接口信息。
例如,对于根据用户身份来返回个人数据的数据源,为了防止数据泄露,可通过设置回传参数,指示同时回传身份信息和一次性或临时的访问认证信息,通常是控件使用方后台根据当前登录的用户会话生成。
根据本发明的方法,通过在控件提供方设备中管理各个控件使用方的可视化控件,方便控件使用方完善自身网站相关页面的数据可视化功能;并在用户访问控件使用方的页面时,通过控件提供方与浏览器的交互,在用户端浏览器中嵌入可视化控件来显示所需要的数据,实现了浏览器的跨域访问和数据交互,并且根据本发明的可视化控件的嵌入步骤简单,提升了用户体验。
图2示意出了根据本发明的一种在控件提供方设备中管理可视化控件的控件管理装置和一种使用可视化控件呈现数据的浏览器的结构示意图。
根据本发明的控件管理装置包括:用于在用户通过用户端浏览器中访问控件使用方的网站的数据页面时,接收来自用户端浏览器的跨域访问请求的装置(以下简称“第一接收装置101”);用于基于所述跨域访问请求,向所述用户端浏览器发送与所述控件使用方对应的可视化控件的定义参数信息,以供浏览器加载该可视化控件的装置(以下简称“第二发送装置102”);用于向所述用户端浏览器提供可视化控件所需的显示数据的装置(以下简称“数据提供装置103”)。
根据本发明的浏览器包括:用于在用户访问控件使用方的网站的数据页面时,向控件提供方设备发送相应的跨域访问请求的装置(以下简称“第一发送装置201”);用于接收控件提供方设备发送的可视化控件的定义参数信息,以在该数据页面中加载该可视化控件的装置(以下简称“第二接收装置202”);用于获取控件提供方设备提供的可视化控件所需的显示数据的装置(以下简称“数据获取装置203”)。
在图2所示的装置的操作之前,控件使用方的开发人员在控件提供方的网站中使用软件开发工具包来在自身网站的数据页面中嵌入可视化控件。
所述控件管理装置包括用于基于控件使用方的开发人员的设置操作,存储对应于各个控件使用方的可视化控件的定义参数信息的装置。
其中,所述可视化控件包括各种可用于在用户界面中嵌入数据的控件。
优选地,所述可视化控件用于在用户界面中嵌入数据仪表盘(Dashboard)或报表(Report)数据。
其中,所述定义参数信息包括可视化控件的标识信息和描述信息。
下面接着参照图2进行说明,在用户访问控件使用方的网站的数据页面时,第一发送装置201向控件提供方设备发送相应的跨域访问请求。
其中,所述跨域访问请求包括控件使用方的访问令牌信息。
优选地,浏览器可采用诸如跨来源资源共享(Cross-Origin Resource Sharing,CORS)方法,来对接收到的跨域访问请求进行控制。
在用户通过用户端浏览器访问控件使用方的网站的数据页面时,第一接收装置101接收来自用户端浏览器的跨域访问请求。
优选地,控件管理装置对接收到的跨域访问请求的头字段进行校验。
接着,第二发送装置102基于所述跨域访问请求,向所述用户端浏览器发送与所述控件使用方对应的可视化控件的定义参数信息,以供浏览器加载该可视化控件。
第二接收装置202接收控件提供方设备发送的可视化控件的定义参数信息,以在该数据页面中加载该可视化控件。
数据提供装置103向所述用户端浏览器提供可视化控件所需的显示数据。接着,数据获取装置203获取控件提供方设备提供的可视化控件所需的显示数据。
具体地,所述数据提供装置103进一步包括:用于接收来自用户端浏览器的数据请求的装置,该数据请求用于请求可视化控件所需的显示数据(图未示,以下简称“请求接收装置”);用于向控件使用方的服务端发送该数据请求,以获取所需的显示数据的装置(图未示,以下简称“请求发送装置”);用于向该浏览器发送可视化控件所需的显示数据的装置(图未示,以下简称“数据发送装置”)。
所述数据获取装置203进一步包括:用于需要在可视化控件中加载用户数据时,向控件提供方设备发送数据请求的装置(图未示,以下简称“数据请求装置”);用于接收控件提供方设备返回的可视化控件所需的显示数据,以在可视化控件中进行呈现的装置(图未示,以下简称“数据接收装置”)。
需要在可视化控件中加载用户数据时,数据请求装置向控件提供方设备发送数据请求。请求接收装置接收来自用户端浏览器的数据请求,该数据请求用于请求可视化控件所需的显示数据。接着,请求接收装置向控件使用方的服务端发送该数据请求,以获取所需的显示数据。接着,数据发送装置向该浏览器发送可视化控件所需的显示数据。数据接收装置接收控件提供方设备返回的可视化控件所需的显示数据,以在可视化控件中进行呈现。
根据本发明的第一示例,控件提供方为百度物可视,控件使用方为WH公司。WH公司的开发人员登录百度物可视的网站完成其所需的可视化控件MyBudget的设计和开发工作。
控件管理装置基于该开发人员的设置操作,存储对应于WH公司的可视化控件MyBudget的定义参数信息,其中,可视化控件Mybudget的控件ID为f46ab0529e8b。该控件MyBudget使用了WH公司的数据服务https://www.wh.com/report/data,用来显示WH公司的用户的预算情况。开发人员使用物可视提供的开发工具包Embeded JS SDK和控件ID:f46ab0529e8b在自己维护的报表页面(http://www.wh.com/report,域名虚构)中的相应位置嵌入MyBudget控件,嵌入的方式为在被嵌入的页面中留出div作为占位容器,之后调用开发工具包Dashboard Player JS SDK将MyBudget渲染其中。
WH公司的用户user_1在其公司的电脑的浏览器中打开WH公司的数据页面http://www.wh.com/report,则该浏览器中的第一发送装置201向百度物可视的服务端发送跨域访问请求,该跨域访问请求包含WH公司对应的访问令牌token_1。接着,百度物可视的服务端中的第一接收装置101接收该跨域访问请求。
接着,第二发送装置102基于所述跨域访问请求,向该浏览器发送与WH公司对应的可视化控件MyBudget的定义参数信息,以供浏览器加载该可视化控件MyBudget。接着,第二接收装置202接收控件提供方设备发送的可视化控件的定义参数信息,以在页面http://www.wh.com/report中加载该可视化控件。
数据请求装置向百度物可视的服务端方数据请求,以请求与用户ueser_1相关的预算数据。控件管理装置中的请求接收装置接收该数据请求,请求接收装置向WH公司发送该数据请求,以获取用户user_1相关的预算数据,并由数据发送装置发送至浏览器。浏览器中的数据接收装置接收控件管理装置返回的该预算数据,并在用户user_1所浏览器的页面中已加载的可视化控件MyBudget中呈现该用户user_1相关的预算数据。
根据本发明的一个优选实施方案,控件提供方为每个控件使用方分配一个集成密钥,所述控件管理装置包括:用于接收控件使用方服务端发送的与其对应的集成密钥的装置(图未示,以下简称“密钥接收装置”),和用于基于所述集成密钥对其进行认证,并在认证通过后向该控件使用方的服务端发送访问令牌,以供用户端浏览器使用访问令牌初始化可视化控件的装置(图未示,以下简称“令牌发送装置”);
所述浏览器包括:用于向控件使用方的服务端发送认证请求的装置(图未示,以下简称“认证请求装置”);用于认证通过后,从控件使用方的服务端获取访问令牌,以使用该访问令牌在浏览器中初始化可视化控件的装置(图未示,以下简称“令牌获取装置”)。
浏览器中的认证请求装置向控件使用方的服务端发送认证请求。接着,控件使用方的服务端基于该认证请求,向控件提供方设备发送与自身对应的集成密钥。
控件管理装置中的密钥接收控件使用方服务端发送的与其对应的集成密钥。
控件管理装置基于所述集成密钥对其进行认证,在认证通过后,令牌发送装置向该控件使用方的服务端发送访问令牌,以供用户端浏览器使用访问令牌初始化可视化控件。
认证通过后,浏览器中的令牌获取装置从控件使用方的服务端获取访问令牌,以使用该访问令牌在浏览器中初始化可视化控件。
继续对前述第一示例进行说明,百度物可视为每个控件使用方分配一个集成密钥(IntKey)。WH公司对应的集成密钥保存在WH公司网站的服务器端,用于向https://iot.baidu.com/viz/accessToken restful API获取访问令牌。
用户user_1所在用户端的浏览器认证请求装置向WH公司的服务端发送认证请求。WH公司的服务端向百度物可视网站的认证服务器发送WH公司对应的集成密钥key_1,认证服务器中的密钥接收装置接收该集成密钥key_1,并接着基于该集成密钥key_1对进行认证,并在认证通过后由令牌发送装置向WH公司的服务端发送访问令牌token_1,以供浏览器使用访问令牌token_1初始化可视化控件Mybudget。由于访问令牌是临时的,访问权限受限,所以可以保证信息安全。
需要说明的是,当控件提供方和控件使用方具备完备的账户体系和跨域单点登录(SSO)的接入能力时,可以使用标准的跨域认证协议,如SMAL,来对用户端浏览器跨域访问请求的的认证。
根据本发明的一个优选实施方案,在向控件提供方设备发送跨域访问请求之前,浏览器通过与对控件使用方设备的数据交互,对使用浏览器的用户进行鉴权,从而在鉴权成功之后向控件提供方设备发送跨域访问请求。
优选地,所述控件管理装置包括用于根据控件使用方的设置操作,在可视化控件的描述文件中保存回传参数,以基于该回传参数向控件使用方的服务端回传数据的装置(图未示,以下简称“参数设置装置”)。
参数设置装置根据控件使用方的设置操作,在可视化控件的描述文件中保存回传参数,以基于该回传参数向控件使用方的服务端回传数据。
其中,所述回传参数用于指示需要控件提供方回传哪些数据给控件使用方的服务端以及数据交互接口信息。
例如,对于根据用户身份来返回个人数据的数据源,为了防止数据泄露,可通过设置回传参数,指示同时回传身份信息和一次性或临时的访问认证信息,通常是控件使用方后台根据当前登录的用户会话生成。
根据本发明的方案,通过在控件提供方设备中管理各个控件使用方的可视化控件,方便控件使用方完善自身网站相关页面的数据可视化功能;并在用户访问控件使用方的页面时,通过控件提供方与浏览器的交互,在用户端浏览器中嵌入可视化控件来显示所需要的数据,实现了浏览器的跨域访问和数据交互,并且根据本发明的可视化控件的嵌入步骤简单,提升了用户体验。
本发明的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地,本发明的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中,例如,RAM存储器,磁或光驱动器或软磁盘及类似设备。另外,本发明的一些步骤或功能可采用硬件来实现,例如,作为与处理器配合从而执行各个功能或步骤的电路。
另外,本发明的一部分可被应用为计算机程序产品,例如计算机程序指令,当其被计算机执行时,通过该计算机的操作,可以调用或提供根据本发明的方法和/或技术方案。而调用本发明的方法的程序指令,可能被存储在固定的或可移动的记录介质中,和/或通过广播或其他信号承载媒体中的数据流而被传输,和/或被存储在根据所述程序指令运行的计算机设备的工作存储器中。在此,根据本发明的一个实施例包括一个装置,该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器,其中,当该计算机程序指令被该处理器执行时,触发该装置运行基于前述根据本发明的多个实施例的方法和/或技术方案。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。
Claims (20)
1.一种在控件提供方设备中管理可视化控件的方法,其中,控件使用方的开发人员在控件提供方的网站中使用软件开发工具包来在自身网站的数据页面中嵌入可视化控件,所述可视化控件包括各种用于在用户界面中嵌入数据的控件,所述方法包括以下步骤:
-基于控件使用方的开发人员的设置操作,存储对应于各个控件使用方的可视化控件的定义参数信息;
-在用户通过用户端浏览器访问控件使用方的网站的数据页面时,接收来自用户端浏览器的跨域访问请求;
-基于所述跨域访问请求,向所述用户端浏览器发送与所述控件使用方对应的可视化控件的定义参数信息,以供浏览器加载该可视化控件;
其中,所述方法包括以下步骤:
-向所述用户端浏览器提供可视化控件所需的显示数据。
2.根据权利要求1所述的方法,其中,所述向所述用户端浏览器提供可视化控件所需的显示数据的步骤包括以下步骤:
-接收来自用户端浏览器的数据请求,该数据请求用于请求可视化控件所需的显示数据;
-向控件使用方的服务端发送该数据请求,以获取所需的显示数据;
-向该浏览器发送可视化控件所需的显示数据。
3.根据权利要求2所述的方法,其中,所述方法包括以下步骤:
-根据控件使用方的设置操作,在可视化控件的描述文件中保存回传参数,以基于该回传参数向控件使用方的服务端回传数据。
4.根据权利要求1至3中任一项所述的方法,其中,控件提供方为每个控件使用方分配一个集成密钥,所述方法包括以下步骤:
-接收控件使用方服务端发送的与其对应的集成密钥;
-基于所述集成密钥对其进行认证,并在认证通过后向该控件使用方的服务端发送访问令牌,以供用户端浏览器使用访问令牌初始化可视化控件。
5.一种在用户端浏览器中使用可视化控件呈现数据的方法,其中,控件使用方在控件提供方的网站中使用软件开发工具包来在自身网站的数据页面中嵌入可视化控件,所述可视化控件包括各种用于在用户界面中嵌入数据的控件,所述方法包括以下步骤:
-用户访问控件使用方的网站的数据页面时,向控件提供方设备发送相应的跨域访问请求;
-接收控件提供方设备发送的可视化控件的定义参数信息,以在该数据页面中加载该可视化控件,所述可视化控件的定义参数信息是基于控件使用方的开发人员的设置操作,在所述控件提供方设备中存储得到的;
其中,所述方法包括以下步骤:
-获取控件提供方设备提供的可视化控件所需的显示数据。
6.根据权利要求5所述的方法,其中,所述获取控件提供方设备提供的可视化控件所需的显示数据的步骤包括以下步骤:
-需要在可视化控件中加载用户数据时,向控件提供方设备发送数据请求;
-接收控件提供方设备返回的可视化控件所需的显示数据,以在可视化控件中进行呈现。
7.根据权利要求5或6所述的方法,其中,所述方法包括以下步骤:
-向控件使用方的服务端发送认证请求;
-认证通过后,从控件使用方的服务端获取访问令牌,以使用该访问令牌在浏览器中初始化可视化控件。
8.根据权利要求5或6所述的方法,其中,所述方法在向控件提供方设备发送跨域访问请求的步骤之前包括以下步骤:
-通过与对控件使用方设备的数据交互,对使用浏览器的用户进行鉴权,从而在鉴权成功之后向控件提供方设备发送跨域访问请求。
9.根据权利要求7所述的方法,其中,所述方法在向控件提供方设备发送跨域访问请求的步骤之前包括以下步骤:
-通过与对控件使用方设备的数据交互,对使用浏览器的用户进行鉴权,从而在鉴权成功之后向控件提供方设备发送跨域访问请求。
10.一种在控件提供方设备中管理可视化控件的控件管理装置,其中,控件使用方的开发人员在控件提供方的网站中使用开发工具包来在自身网站的数据页面中嵌入可视化控件,所述可视化控件包括各种用于在用户界面中嵌入数据的控件,所述控件管理装置包括:
用于基于控件使用方的开发人员的设置操作,存储对应于各个控件使用方的可视化控件的定义参数信息;
用于在用户通过用户端浏览器中访问控件使用方的网站的数据页面时,接收来自用户端浏览器的跨域访问请求的装置;
用于基于所述跨域访问请求,向所述用户端浏览器发送与所述控件使用方对应的可视化控件的定义参数信息,以供浏览器加载该可视化控件的装置;
其中,所述控件管理装置包括:
用于向所述用户端浏览器提供可视化控件所需的显示数据的装置。
11.根据权利要求10所述的控件管理装置,其中,所述用于向所述用户端浏览器提供可视化控件所需的显示数据的装置包括:
用于接收来自用户端浏览器的数据请求的装置,该数据请求用于请求可视化控件所需的显示数据;
用于向控件使用方的服务端发送该数据请求,以获取所需的显示数据的装置;
用于向该浏览器发送可视化控件所需的显示数据的装置。
12.根据权利要求11所述的控件管理装置,其中,所述控件管理装置包括:
用于根据控件使用方的设置操作,在可视化控件的描述文件中保存回传参数,以基于该回传参数向控件使用方的服务端回传数据的装置。
13.根据权利要求10至12中任一项所述的控件管理装置,其中,控件提供方为每个控件使用方分配一个集成密钥,所述控件管理装置包括:
用于接收控件使用方服务端发送的与其对应的集成密钥的装置;
用于基于所述集成密钥对其进行认证,并在认证通过后向该控件使用方的服务端发送访问令牌,以供用户端浏览器使用访问令牌初始化可视化控件的装置。
14.一种使用可视化控件呈现数据的浏览器,其中,控件使用方在控件提供方的网站中使用软件开发工具包来在自身网站的数据页面中嵌入可视化控件,所述可视化控件包括各种用于在用户界面中嵌入数据的控件,所述浏览器包括:
用于在用户访问控件使用方的网站的数据页面时,向控件提供方设备发送相应的跨域访问请求的装置;
用于接收控件提供方设备发送的可视化控件的定义参数信息,以在该数据页面中加载该可视化控件的装置,所述可视化控件的定义参数信息是基于控件使用方的开发人员的设置操作,在所述控件提供方设备中存储得到的;
其中,所述浏览器包括:
用于获取控件提供方设备提供的可视化控件所需的显示数据的装置。
15.根据权利要求14所述的浏览器,其中,所述用于获取控件提供方设备提供的可视化控件所需的显示数据的装置包括:
用于需要在可视化控件中加载用户数据时,向控件提供方设备发送数据请求的装置;
用于接收控件提供方设备返回的可视化控件所需的显示数据,以在可视化控件中进行呈现的装置。
16.根据权利要求14或15所述的浏览器,其中,所述浏览器包括:
用于向控件使用方的服务端发送认证请求的装置;
用于认证通过后,从控件使用方的服务端获取访问令牌,以使用该访问令牌在浏览器中初始化可视化控件的装置。
17.根据权利要求14或15所述的浏览器,其中,所述浏览器用于:
-通过与对控件使用方设备的数据交互,对使用浏览器的用户进行鉴权,从而在鉴权成功之后向控件提供方设备发送跨域访问请求。
18.根据权利要求16所述的浏览器,其中,所述浏览器用于:
-通过与对控件使用方设备的数据交互,对使用浏览器的用户进行鉴权,从而在鉴权成功之后向控件提供方设备发送跨域访问请求。
19.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1至4中任一所述的方法;或者,所述处理器执行所述程序时实现如权利要求5至9中任一所述的方法。
20.一种计算机可读的存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1至4中任一所述的方法;或者,该程序被处理器执行时实现如权利要求5至9中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710525088.2A CN107357861B (zh) | 2017-06-30 | 2017-06-30 | 一种基于可视化控件呈现数据的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710525088.2A CN107357861B (zh) | 2017-06-30 | 2017-06-30 | 一种基于可视化控件呈现数据的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107357861A CN107357861A (zh) | 2017-11-17 |
CN107357861B true CN107357861B (zh) | 2020-04-14 |
Family
ID=60273410
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710525088.2A Active CN107357861B (zh) | 2017-06-30 | 2017-06-30 | 一种基于可视化控件呈现数据的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107357861B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109787950A (zh) * | 2018-11-15 | 2019-05-21 | 北京网众共创科技有限公司 | 系统的登录方法和装置、存储介质及电子装置 |
CN110224818B (zh) * | 2019-06-03 | 2022-11-11 | 北京信安世纪科技股份有限公司 | 跨浏览器的签名license控制方法 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103186370A (zh) * | 2011-12-29 | 2013-07-03 | 金蝶软件(中国)有限公司 | Web页面展示方法及系统 |
CN106021419A (zh) * | 2016-05-12 | 2016-10-12 | 腾讯科技(深圳)有限公司 | 一种网页运行方法及装置、终端 |
CN106445983A (zh) * | 2009-07-06 | 2017-02-22 | 孟智平 | 一种构造和生成网页的方法及系统 |
CN106682028A (zh) * | 2015-11-10 | 2017-05-17 | 阿里巴巴集团控股有限公司 | 获取网页应用的方法、装置及系统 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080059322A1 (en) * | 2006-08-30 | 2008-03-06 | Ebay Inc. | Method and system to generate a portable contract document |
-
2017
- 2017-06-30 CN CN201710525088.2A patent/CN107357861B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106445983A (zh) * | 2009-07-06 | 2017-02-22 | 孟智平 | 一种构造和生成网页的方法及系统 |
CN103186370A (zh) * | 2011-12-29 | 2013-07-03 | 金蝶软件(中国)有限公司 | Web页面展示方法及系统 |
CN106682028A (zh) * | 2015-11-10 | 2017-05-17 | 阿里巴巴集团控股有限公司 | 获取网页应用的方法、装置及系统 |
CN106021419A (zh) * | 2016-05-12 | 2016-10-12 | 腾讯科技(深圳)有限公司 | 一种网页运行方法及装置、终端 |
Also Published As
Publication number | Publication date |
---|---|
CN107357861A (zh) | 2017-11-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9323835B2 (en) | Cloud-based web content filtering | |
US9225704B1 (en) | Unified management of third-party accounts | |
US8528066B2 (en) | Methods and apparatus for enabling context sharing | |
US10560435B2 (en) | Enforcing restrictions on third-party accounts | |
CN104412272A (zh) | 直通服务登录到应用程序登录 | |
US9330198B1 (en) | Mapping stored client data to requested data using metadata | |
WO2015196979A1 (en) | Web page information presentation method and system | |
US8856958B1 (en) | Personalized content access prompt | |
US10860729B2 (en) | Permission management of cloud-based documents | |
US20220052991A1 (en) | Systems and methods for controlling personal information on online services | |
US20100287231A1 (en) | Method and apparatus for certifying hyperlinks | |
CN107357861B (zh) | 一种基于可视化控件呈现数据的方法和装置 | |
US8949930B1 (en) | Template representation of security resources | |
US10282527B2 (en) | Information processing apparatus, information processing method, program, storage medium, and password entry apparatus | |
CN114666140B (zh) | 一种访问表单的方法、装置、计算机设备以及介质 | |
CN114936151A (zh) | 调试页面的显示方法、装置、设备、存储介质及通信系统 | |
US9742760B1 (en) | System and method for improving login and registration efficiency to network-accessed data | |
US9830209B2 (en) | Web based user interface driven prophylactic cross-domain communication architecture | |
CN106657024B (zh) | 防cookie被篡改的方法及装置 | |
KR101170322B1 (ko) | 웹을 기반으로 하는 개인 컴퓨터를 이용한 클라우드 컴퓨팅 서비스 제공 방법 및 장치 | |
KR101735964B1 (ko) | 단말 장치와, 상기 단말 장치의 웹 사이트 로그인에 사용되는 스마트 기기 및 이의 제어 방법 | |
US20140283132A1 (en) | Computing application security and data settings overrides | |
CN110995807B (zh) | 直接打开服务器kvm的方法、装置、设备及存储介质 | |
US11431591B2 (en) | Systems and methods for presenting workspace experience indicator on user interface | |
WO2019209306A1 (en) | Auto-form fill based website authentication |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |