一种数据请求方法、模块、设备及存储介质技术

本申请公开了一种数据请求方法、模块、设备及存储介质，该方法可以包括：第一组件在预设条件下调用配置的URL，根据URL获取与URL对应的数据，以及，显示获取的数据。这样将向服务器请求数据以及向视图注入数据这两个步骤融合起来，在第一组件调用URL时，第一组件在其自身内部请求数据并注入数据，从而提高研发效率，并降低维护成本。

【技术实现步骤摘要】
一种数据请求方法、模块、设备及存储介质
本申请实施例涉及数据处理领域，尤其涉及一种数据请求方法、模块、设备及存储介质。
技术介绍
目前，在基于VUE(一种渐进式javascript的前端框架)开发的前端系统，通常需要先单独向服务端请求数据，获取数据后，再将数据注入到VUE组件中，才达到呈现数据的目的。但是，在现有技术中，在业务系统中存在大量数据查询的场景下时，通常会复用同样的VUE组件，这样就导致在VUE组件外部重复很多请求数据的工作。例如，同样使用一张表格呈现数据时，仅因为请求的统一资源定位符(UniformResourceLocator，URL)不同，需要编写多次的请求代码，这样会降低研发效率，不利于系统版本的快速迭代。
技术实现思路
本申请提供一种数据请求方法、模块、设备及存储介质，能够实现第一组件调用URL时，第一组件在其自身内部请求数据并注入数据，从而提高研发效率，并降低维护成本。第一方面，本申请实施例提供了一种数据请求方法，该方法包括：第一组件在预设条件下调用配置的URL；第一组件根据URL获取与URL对应的数据；第一组件显示获取的数据。第二方面，本申请实施例还提供了一种数据请求模块，该模块包括：调用单元，用于在预设条件下调用配置的URL；获取单元，用于根据URL获取与URL对应的数据；显示单元，用于显示获取的数据。第三方面，本申请实施例还提供了一种电子设备，该设备包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，当处理器执行计算机程序时，实现如本申请实施例提供的数据请求方法。第四方面，本申请实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，当该计算机程序被处理器执行时，实现如本申请实施例提供的数据请求方法。本申请提供了一种数据请求方法、模块、设备及存储介质，该方法可以包括：第一组件在预设条件下调用配置的URL，根据URL获取与URL对应的数据，以及，显示获取的数据。这样将向服务器请求数据以及向视图注入数据这两个步骤融合起来，在第一组件调用URL时，第一组件在其自身内部请求数据并注入数据，从而提高研发效率，并降低维护成本。附图说明图1是本申请实施例中的一种数据请求方法的流程图；图2是本申请实施例中的数据请求模块的结构示意图；图3是本申请实施例中的电子设备的结构示意图。具体实施方式下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本申请，而非对本申请的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本申请相关的部分而非全部结构。另外，在本申请实施例中，“可选地”或者“示例性地”等词用于表示作例子、例证或说明。本申请实施例中被描述为“可选地”或者“示例性地”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言，使用“可选地”或者“示例性地”等词旨在以具体方式呈现相关概念。在某一设定场景下，假设存在A、B两个页面，并且这两个页面都引用了表格组件，该表格组件是VUE组件，但两个表格中的所需要注入的数据不相同，数据来源于两个不同的URL，即VUE组件配置了不同的URL。这种情况下，需要在两个页面下根据不同的URL写两个相似的请求以及注入数据的过程，但这样是做了重复工作。如果有更多的页面也存在这种情形，那么这样的处理方式会导致工作效率降低。基于上述场景中存在的问题，本申请实施例提供了一种数据请求方法，如图1所示，该方法可以包括但不限于以下步骤：S101、第一组件在预设条件下调用配置的URL。示例性地，本步骤中的第一组件可以为VUE组件，VUE组件可以在满足一定预设条件的情况下，调用配置的URL。其中，VUE组件是一套用于构建用户界面的渐进式JavaScript框架，URL是因特网的万维网服务程序上用于指定信息位置的表示方法，URL可以配置在配置文件中。可选地，配置的URL可以为一个,也可以为多个，可以理解的是，在配置有多个URL的情况下，第一组件可以在预设条件下依次调用配置的URL,即针对不同的URL执行后续步骤以实现数据请求。可选地，预设条件可以包括第一组件接收父组件发送的请求信号，即VUE组件在父组件发送引用组件的请求信号的情况下，调用配置URL，将URL注入UVE组件中。需要说明的是，VUE组件接收父组件发送的请求信号时，可以将VUE组件理解为父组件的子组件，即由父组件向子组件发送信号调用该子组件。S102、第一组件根据URL获取与URL对应的数据。第一组件基于步骤S101注入URL后，可以根据URL向服务器发送数据请求，该请求中可以携带有URL，服务器接收到数据请求后，可以根据URL向第一组件返回请求的数据，进而，由第一组件保存服务器下发的数据。S103、第一组件显示获取的数据。第一组件获取服务器下发的数据后，可以自行将数据注入自身，并对外呈现以显示获取的数据。本申请实施例提供了一种数据请求方法，该方法包括：第一组件在预设条件下调用配置的URL，根据URL获取与URL对应的数据，以及，显示获取的数据。这样将向服务器请求数据以及向视图注入数据这两个步骤融合起来，在第一组件调用URL时，第一组件在其自身内部请求数据并注入数据，从而提高研发效率，并降低维护成本。在一种示例中，上述步骤S101的实现方式可以包括但不限于以下方式，例如：第一组件根据自身的属性在预设条件下通过通信接口调用配置的URL，并将配置的URL挂载至属性上；其中，上述通信接口可以为第一组件与父组件之间的接口。比如，独立编写或者重构一个VUE组件时，可以在其内部的属性(props)中定义一个名为URL的属性，基于该属性可以接收外部注入的URL。在一种示例中，上述步骤S102中，第一组件根据URL获取与URL对应的数据时，可以通过自身存储的数据请求流程根据URL向服务器发送数据请求。即独立编写或重构VUE组件时，除了将目标URL作为VUE组件的属性，也可以在VUE组件内部写入请求数据的流程，这样在VUE组件接收到父组件发送的请求信号时，可以根据注入的URL向服务器请求数据，并自行注入获取的数据，以向外部显示获取的数据。通过上述实现方式可以在配置有一个或多个不同URL的场景下，引用统一的VUE组件，做到不必在外部重复请求过程并注入数据这些步骤，从而提高和研发效率，降低维护成本。图2为本申请实施例提供的一种数据请求模块，如图2所示，该模块可以包括：调用单元201、获取单元202、显示单元203；其中，调用单元，用于在预设条件下调用配置的URL；获取单元，用于根据URL获取与URL对应的数据；显示单元，用于显示获取的数据。示例性地，上述预设条件可以包括：上述模块接收父组件发送的请求信号。在一种示例中，调用单元，用于根据模块本文档来自技高网...

【技术保护点】
1.一种数据请求方法，其特征在于，包括：/n第一组件在预设条件下调用配置的统一资源定位符URL；/n所述第一组件根据所述URL获取与所述URL对应的数据；/n所述第一组件显示获取的数据。/n

【技术特征摘要】
1.一种数据请求方法，其特征在于，包括：
第一组件在预设条件下调用配置的统一资源定位符URL；
所述第一组件根据所述URL获取与所述URL对应的数据；
所述第一组件显示获取的数据。


2.根据权利要求1所述的方法，其特征在于，所述预设条件包括：所述第一组件接收父组件发送的请求信号。


3.根据权利要求1或2所述的方法，其特征在于，所述第一组件在预设条件下调用配置的URL，包括：
所述第一组件根据自身的属性在预设条件下通过通信接口调用配置的URL；
所述第一组件将所述配置的URL挂载至所述属性；
其中，所述通信接口为所述第一组件与父组件之间的接口。


4.根据权利要求1所述的方法，其特征在于，所述第一组件根据所述URL获取与所述URL对应的数据，包括：
所述第一组件根据所述URL向服务器发送数据请求，所述数据请求中携带有所述URL；
所述第一组件保存所述服务器根据所述数据请求下发的数据。


5.根据权利要求4所述的方法，其特征在于，所述第一组件根据所述URL向服务器发送数据请求，包括：
所述第一...

【专利技术属性】
技术研发人员：马楚强，
申请(专利权)人：东莞市盟大塑化科技有限公司，
类型：发明
国别省市：广东;44