CN111309558A - 收集vue框架中事件数据的方法、装置、设备及存储介质 - Google Patents
收集vue框架中事件数据的方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN111309558A CN111309558A CN202010102777.4A CN202010102777A CN111309558A CN 111309558 A CN111309558 A CN 111309558A CN 202010102777 A CN202010102777 A CN 202010102777A CN 111309558 A CN111309558 A CN 111309558A
- Authority
- CN
- China
- Prior art keywords
- event data
- component
- data collection
- event
- collection instruction
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3003—Monitoring arrangements specially adapted to the computing system or computing system component being monitored
- G06F11/302—Monitoring arrangements specially adapted to the computing system or computing system component being monitored where the computing system component is a software system
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3051—Monitoring arrangements for monitoring the configuration of the computing system or of the computing system component, e.g. monitoring the presence of processing resources, peripherals, I/O links, software programs
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computing Systems (AREA)
- Physics & Mathematics (AREA)
- Quality & Reliability (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Mathematical Physics (AREA)
- Stored Programmes (AREA)
Abstract
本申请实施例提供了一种vue框架中收集事件数据的方法、装置、设备及存储介质。该方法包括:接收用户针对vue框架中的自定义组件的操作;根据预配置的映射关系,确定自定义组件对应的事件数据收集指令,并通过确定出的事件数据收集指令进行相应的事件数据收集;其中,映射关系为各自定义组件与各自定义组件各自对应的事件数据收集指令的对应关系。在本申请实施例中,由于可以预先配置自定义组件与对应的事件数据收集指令,进而可根据对应的事件数据收集指令进行相应的事件数据收集,以达到收集事件数据的目的。此外,由于事件数据收集指令与自定义组件可以是独立的,并不是封装在自定义组件中,因此具有更好的兼容性。
Description
技术领域
本申请涉及计算机技术领域,具体而言,本发明涉及一种vue框架中收集事件数据的方法、装置、设备及存储介质。
背景技术
随着技术的发展,一个成型的系统在生产环境中对用户的行为分析也是一个重要指标,有利于方便对用户的行为指引以及系统可靠性分析。对于vue(渐进式)框架,其是一套用于构建用户界面的渐进式框架,与其它大型框架不同的是,vue框架被设计为可以自底向上逐层应用,且vue框架的核心数据库只关注视图层,便于与第三方数据库或既有项目整合。
但是,现在对于vue框架中的用户行为埋点及其繁琐,统计的数据不够准确,并且对于自定义的组件兼容性比较差。
发明内容
本申请的目的旨在至少能解决上述的技术缺陷之一,特别是vue框架中的用户行为埋点繁琐,统计的数据不够准确,并且对于自定义的组件兼容性比较差的技术缺陷。
第一方面,提供了一种vue框架中收集事件数据的方法,包括:
接收用户针对vue框架中的当前自定义组件的操作;
根据预配置的映射关系,确定当前自定义组件对应的事件数据收集指令,并通过确定出的事件数据收集指令进行相应的事件数据收集;
其中,映射关系为各自定义组件与各自定义组件各自对应的事件数据收集指令的对应关系。
第一方面可选的实施例中,该方法还包括:
接收绑定指令,绑定指令中包括待绑定事件收集数据指令的待绑定自定义组件标识、以及待绑定的事件收集数据指令标识;
建立待绑定自定义组件标识与待绑定事件收集数据指令标识的对应关系。
第一方面可选的实施例中,映射关系包括组件组中的各子组件与对应的事件数据收集指令的对应关系;
若当前自定义组件为组件组中存在层级关系的子组件,确定当前自定义组件对应的事件数据收集指令,并通过对应的收集指令进行相应的事件数据收集,包括:
确定当前自定义组件在组件组中的层级关系是否满足设定要求;
在确定满足设定要求时,确定当前自定义组件对应的事件数据收集指令,并通过对应的事件数据收集指令进行相应的事件数据,否则不通过对应的事件数据收集指令进行相应的事件数据。
第一方面可选的实施例中,设定要求为在自定义组件中的层级为最低层级。
第一方面可选的实施例中,该方法还包括:
将收集得到的事件数据存储至数据库中。
第一方面可选的实施例中,当前自定义组件包括点击事件组件、输入事件组件、选择事件组件和页面浏览事件组件中的至少一种,事件数据包括事件标识、事件触发的业务标识
第一方面可选的实施例中,若当前自定义组件为点击事件组件,事件数据还包括触发时间,若当前自定义组件为选择事件组件或输入事件组件,事件数据还包括用户输入的信息;
若当前自定义组件为页面浏览事件组件,当前自定义组件对应的事件数据收集指令与当前自定义组件对应的路由地址中的钩子函数绑定。
第二方面,提供了一种vue框架中收集事件数据的装置,该装置包括:
操作接收模块,用于接收用户针对vue框架中的当前自定义组件的操作;
事件数据收集模块,用于根据预配置的映射关系,确定当前自定义组件对应的事件数据收集指令,并通过确定出的事件数据收集指令进行相应的事件数据收集;
其中,映射关系为各自定义组件与各自定义组件各自对应的事件数据收集指令的对应关系。
第二方面可选的实施例中,该装置还包括绑定模块,具体用于:
接收绑定指令,绑定指令中包括待绑定事件收集数据指令的待绑定自定义组件标识、以及待绑定的事件收集数据指令标识;
建立待绑定自定义组件标识与待绑定事件收集数据指令标识的对应关系。
第二方面可选的实施例中,映射关系包括组件组中的各子组件与对应的事件数据收集指令的对应关系;
若当前自定义组件为组件组中存在层级关系的子组件,事件数据收集模块在确定当前自定义组件对应的事件数据收集指令,并通过对应的收集指令进行相应的事件数据收集时,具体用于:
确定当前自定义组件在组件组中的层级关系是否满足设定要求;
在确定满足设定要求时,确定当前自定义组件对应的事件数据收集指令,并通过对应的事件数据收集指令进行相应的事件数据,否则不通过对应的事件数据收集指令进行相应的事件数据。
第二方面可选的实施例中,设定要求为在自定义组件中的层级为最低层级。
第二方面可选的实施例中,该装置还包括数据存储模块,用于:
将收集得到的事件数据存储至数据库中。
第二方面可选的实施例中,当前自定义组件包括点击事件组件、输入事件组件、选择事件组件和页面浏览事件组件中的至少一种,事件数据包括事件标识、事件触发的业务标识
第二方面可选的实施例中,若当前自定义组件为点击事件组件,事件数据还包括触发时间,若当前自定义组件为选择事件组件或输入事件组件,事件数据还包括用户输入的信息;
若当前自定义组件为页面浏览事件组件,当前自定义组件对应的事件数据收集指令与当前自定义组件对应的路由地址中的钩子函数绑定。
第三方面,提供了一种电子设备,该电子设备包括:
处理器;以及存储器,该储器配置用于存储机器可读指令,该指令在由该处理器执行时,使得该处理器执行第一方面中的任一项方法。
第四方面,提供了一种计算机可读存储介质,该计算机可读存储介质上用于存储计算机指令,当计算机指令在计算机上运行时,使得计算机可以执行实现第一方面中的任一项方法
本申请实施例提供的技术方案带来的有益效果是:
在本申请实施例中,由于可以预先配置自定义组件与对应的事件数据收集指令,进而在接收到接收用户针对vue框架中的自定义组件的操作时,既可根据对应的事件数据收集指令进行相应的事件数据收集,以达到收集事件数据的目的。此外,由于事件数据收集指令与自定义组件可以是独立的,并不是封装在自定义组件中,因此具有更好的兼容性。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对本申请实施例描述中所需要使用的附图作简单地介绍。
图1为本申请实施例提供的一种vue框架中收集事件数据的方法的流程示意图;
图2为本申请实施例提供的一种vue框架中收集事件数据的装置的结构示意图;
图3为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本申请,而不能解释为对本发明的限制。
本技术领域技术人员可以理解,除非特意声明,这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是,本申请的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件,但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解,当我们称元件被“连接”或“耦接”到另一元件时,它可以直接连接或耦接到其他元件,或者也可以存在中间元件。此外,这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
首先对本申请涉及的几个名词进行介绍和解释
自定义组件:自定义组件(Component)是vue框架中最强大的功能之一。其可以扩展HTML(HyperText Markup Language,超级文本标记语言)元素,封装可重用的代码。在较高层面上,自定义组件是自定义元素。在有些情况下,组件也可以表现为进行了扩展的原生HTML元素。所有的vue组件同时也都是vue的实例,可接受相同的选项对象并提供相同的生命周期钩子。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本申请的实施例进行描述。
本申请实施例提供了一种收集vue框架中事件数据的方法,如图1所示,该方法包括:
步骤S101,接收用户针对vue框架中的当前自定义组件的操作。
其中,针对vue框架中的当前自定义组件的操作用于表示用户触发自定义组件所对应的事件的动作,而触发该操作的方式可以预先配置,本申请实施例不限定。例如,当自定义组件为点击事件的组件时,用户点击该自定义组件对应的虚拟按钮时,即为触发了针对vue框架中的该自定义组件的操作。
步骤S102,根据预配置的映射关系,确定当前自定义组件对应的事件数据收集指令,并通过确定出的事件数据收集指令进行相应的事件数据收集;
其中,映射关系为各自定义组件与各自定义组件各自对应的收集指令的对应关系。
其中,事件数据收集指令用于收集自定义组件所对应的事件的事件数据。在本申请实施例中,为了在用户触发针对vue框架中自定义组件的操作时,即可获取到对应的事件数据,可以根据数据收集需求,预先配置各自定义组件与各自定义组件各自对应的事件数据收集指令的对应关系(即映射关系),以及各事件数据收集指令,进而在接收到用户针对vue框架中当前自定义组件的操作时,可以根据该映射关系确定用户所针对的当前自定义组件对应的事件数据收集指令,然后可以调用所对应的事件数据收集指令对事件数据进行相应的收集。
在本申请可选的实施例中,当前自定义组件包括点击事件组件、输入事件组件、选择事件组件和页面浏览事件组件中的至少一种,事件数据包括事件标识、事件触发的业务标识
其中,每一种事件数据收集指令具体需要收集的事件数据的种类可以预先配置,本申请实施例不做限定。例如需要收集的事件数据可以包括事件的标识,进而可以通过该标识知晓具体为哪一个事件,此外,事件数据还可以包括事件所对应的业务的标识,用于标识当前事件所对应的业务,在一示例中,假设当前的应用场景为旅行规划类的应用程序,该应用程序可以包括不同的业务,如包括酒店预订业务和车票预订业务,且进入不同的业务模块通过不同的点击事件,若用户触发了对应于酒店预订业务的点击事件,此时对应于酒店预订业务的点击事件的事件数据中可以包括用于标识酒店预订业务的标识。
在本申请可选的实施例中,若当前自定义组件为点击事件组件,事件数据还包括触发时间,若当前自定义组件为选择事件组件或输入事件组件,事件数据还包括用户输入的信息;
若当前自定义组件为页面浏览事件组件,该当前自定义组件对应的事件数据收集指令与自定义组件对应的路由地址中的钩子函数绑定。
在实际应用中,在当前自定义组件为不同事件的自定义组件时,自定义组件所对应的事件数据收集指令具体需要收集的事件数据也可以是不同的。例如,在当前自定义组件为点击事件组件时,事件数据中还可以包括触发时间,即将用户触发点击事件的时间也一并收集;在当前自定义组件为选择事件组件或输入事件组件,需要收集的事件数据还可以包括用户输入的信息。其中,用户输入的信息指的是用户输入的具体内容,不限定于具体的数值,还是文字等。
在一示例中,假设用户针对vue框架中的当前自定义组件的操作对应于选择事件组件时,此时,对应的事件数据收集指令所需要收集的事件数据中除了事件标识和事件触发的业务标识,还可以包括收集用户选择的具体事项。而当用户针对vue框架中的当前自定义组件的操作对应于输入事件组件时,还可以包括收集用户输入的具体数据,例如,用户对应于输入事件输入文字“您好!”,此时还需要将用户输入的具体内容,即文字“您好!”一并收集记录。
此外,在实际应用中,基于各自定义组件调用对应的事件数据收集指令进行相应的事件数据收集时,不同类型的自定义组件调用事件数据收集指令的方式是不同的。其中,若自定义组件属于traceButton(跟踪按钮)组件系统、traceInput(跟踪输入)组件系统或traecSelcet(跟踪选择)组件系统,此时可以直接在自定义组件中添加用于标识调用事件数据收集指令的调用指令即可。例如,假设需要调用的事件数据收集指令的标识为trace,此时可以在自定义组件中添加调用指令v-trace即可,相应的,在接收到用户针对该当前自定义组件的操作时,由于存在调用指令v-trace,此时既可以调用对应的事件数据收集指令进行事件数据收集。相应的,若当前自定义组件为页面浏览事件组件,此时页面浏览事件组件对应的事件数据收集指令可以与页面浏览事件组件对应的路由地址中的钩子函数进行绑定,进一步的,在接收到针对页面浏览事件组件的操作时,可以基于绑定的钩子函数调用对应的事件数据收集指令,以达到对事件数进行收集的目的。
在本申请实施例中,由于可以预先配置自定义组件与对应的事件数据收集指令,进而在接收到接收用户针对vue框架中的自定义组件的操作时,既可根据对应的事件数据收集指令进行相应的事件数据收集,以达到收集事件数据的目的。此外,由于事件数据收集指令与自定义组件可以是独立分开的,并不是封装在自定义组件中,因此具有更好的兼容性。
在本申请可选的实施例中,该方法还包括:
接收绑定指令,所述绑定指令中包括待绑定事件收集数据指令的待绑定自定义组件标识、以及待绑定事件收集数据指令标识;
建立所述待绑定自定义组件标识与所述待绑定事件收集数据指令标识的对应关系。
其中,绑定指令用户表示用户建立自定义组件与事件数据收集指令的对应关系的动作,即用于建立映射关系的动作,用户触发该指令的具体形式根据需要配置,本申请实施例不限定。在实际应用中,可以设置虚拟按钮,用于用户触发绑定触发指令(表示用户想要建立绑定关系的动作),当用户点击该虚拟按钮时,即视为用户触发了绑定触发指令,此时可以显示可以绑定事件数据收集指令的自定义组件标识,用户可以基于自定义组件标识知晓当前可以绑定事件收集指令的自定义组件有哪些。进一步的,当用户选中自定义组件标识时,此时,用户选中的自定义组件标识对应的自定义组件即为待绑定事件收集数据指令的自定义组件;进一步的,可以显示可以绑定的事件数据收集指令标识,以使用户可以知晓当前可以绑定的事件收集指令有哪些,而用户选择的事件数据收集指令标识对应的事件数据收集指令即为待绑定数据收集指令的自定义组件所要绑定的数据收集指令。
进一步的,在接收到用户触发的接收绑定指令后,可以建立绑定指令中用户选择的自定义组件(待绑定自定义组)标识与待绑定事件收集数据指令标识的对应关系。
在实际应用中,绑定指令中所包括的自定义组件标识和待绑定的事件收集数据指令标识可以是一一对应的(即一个自定义组件标识对应于事件收集数据指令标识),也可以是几个自定义组件标识对应于一个事件收集数据指令标识,本申请对此不做限定。
此外,在实际应用中,对于需要建立上述映射关系的每个自定义组件,各自定义组件与各自定义组件各自对应的事件数据收集指令的对应关系的具体展现形式可以预先配置,本申请实施例不限定。例如,可以以映射列表的形式体现各自定义组件与各自定义组件各自对应的事件数据收集指令的对应关系。
在本申请可选的实施例中,所述映射关系包括组件组中的各子组件与对应的事件数据收集指令的对应关系;
若所述当前自定义组件为组件组中存在层级关系的子组件,所述确定所述当前自定义组件对应的事件数据收集指令,并通过对应的收集指令进行相应的事件数据收集,包括:
确定所述当前自定义组件在所述组件组中的层级位置是否满足设定要求;
在确定满足设定要求时,确定所述当前自定义组件对应的事件数据收集指令,并通过对应的事件数据收集指令进行相应的事件数据,否则不通过对应的事件数据收集指令进行相应的事件数据。
在实际应用中,有时某些事项需要通过多个事件才可以完成,此时可以将多个事件对应的自定义组件进行封装得到组件组,而组件中所包括的各自定义组件为该组件组的子组件,并且组件组中所包括的各子组件之间存在层级关系,而层级关系是根据组件组中各子组件的触发顺序确定的。
例如,某项事项需要通过A点击事件来显示输入框,用户基于显示的输入框触发输入事件,并在输入信息后,触发B点击事件才可以完成。此时可以将两个点击事件(A点击事件和B点击事件)对应的自定义组件和该输入事件对应的自定义组件绑定封装得到一个组件组,此时两个点击事件(A点击事件和B点击事件)对应的自定义组件和该输入事件对应的自定义组件为组件组中的子组件,且层级关系由高到低的顺序依次为A点击事件、输入事件和B点击事件。
在实际应用中,若用户触发操作所针对的自定义组件为组件组中的子组件,此时需要确定用户所针对的当自定义组件在组件中的层级关系是否满足设定要求,若层级关系满足设定要求,此时可以通过预配置的映射关系确定该当前自定义组件所对应的事件数据收集指令,并通过确定的事件数据收集指令对该当前自定义组件的相应事件数据进行收集。相应的,若确定用户所针对的当前自定义组件在组件中的层级关系不满足设定要求,此时,可以不对该自定义组件的事件数据进行收集。
在本申请可选的实施例中,设定要求可以为在自定义组件中的层级为最低层级。
也就是说,若所针对的当前自定义组件在组件中的层级关系为最低层级,此时可以通过预配置的映射关系确定该当前自定义组件所对应的事件数据收集指令,并通过确定的事件数据收集指令对该自定义组件的相应事件数据进行收集,若不是最低层级则可以不对该自定义组件的事件数据进行收集。可以理解是,在实际应用中,若用户所针对的当前自定义组件中不包括子组件,此时可以正常采用该当前自定义组件对应的事件数据收集指令收集相应的事件数据。
在实际应用中,为了可以更好地管理事件数据的收集,对于绑定事件数据收集指令的自定义组件,还可以设置开启/或关闭事件数据收集的功能选项,对于一个绑定事件数据收集指令的自定义组件,若对应的事件数据收集的功能选项为开启状态,此时可以通过对应的事件数据收集指令收集相应的事件数据,若对应的事件数据收集的功能选项为关闭状态,此时无论什么情况,均可以不对该自定义组件的事件数据进行收集。
在本申请可选的实施例中,该方法还包括:
将收集得到的事件数据存储至数据库中。
在实际应用中,在收集到事件数据后,还可以将收集得到的事件数据存储至数据库中,以便后续可以对收集到的数据进行相应的处理。
其中,在将收集得到的事件数据存储至数据库时,可以设置自动调用相应的数据传输接口将事件数据存储至数据库中,已到达存储的目的。而数据传输接口可以根据实际应用场景预先配置,本申请实施例不限定。例如,当应用场景为java应用时,数据传输接口可以配置为restful(Representational State Transfer,网络应用程序的开发方式)接口。
本申请实施例提供了一种vue框架中收集事件数据的装置,如图2所示,该vue框架中收集事件数据的装置60可以包括:操作接收模块601和事件数据收集模602,其中,
操作接收模块,用于接收用户针对vue框架中的当前自定义组件的操作;
事件数据收集模块,用于根据预配置的映射关系,确定当前自定义组件对应的事件数据收集指令,并通过确定出的事件数据收集指令进行相应的事件数据收集;
其中,映射关系为各自定义组件与各自定义组件各自对应的事件数据收集指令的对应关系。
本申请可选的实施例中,该装置还包括绑定模块,具体用于:
接收绑定指令,绑定指令中包括待绑定事件收集数据指令的待绑定自定义组件标识、以及待绑定的事件收集数据指令标识;
建立待绑定自定义组件标识与待绑定事件收集数据指令标识的对应关系。
本申请可选的实施例中,映射关系包括组件组中的各子组件与对应的事件数据收集指令的对应关系;
若当前自定义组件为组件组中存在层级关系的子组件,事件数据收集模块在确定当前自定义组件对应的事件数据收集指令,并通过对应的收集指令进行相应的事件数据收集时,具体用于:
确定当前自定义组件在组件组中的层级关系是否满足设定要求;
在确定满足设定要求时,确定当前自定义组件对应的事件数据收集指令,并通过对应的事件数据收集指令进行相应的事件数据,否则不通过对应的事件数据收集指令进行相应的事件数据。
本申请可选的实施例中,设定要求为在自定义组件中的层级为最低层级。
本申请可选的实施例中,该装置还包括数据存储模块,用于:
将收集得到的事件数据存储至数据库中。
本申请可选的实施例中,当前自定义组件包括点击事件组件、输入事件组件、选择事件组件和页面浏览事件组件中的至少一种,事件数据包括事件标识、事件触发的业务标识
本申请可选的实施例中,若当前自定义组件为点击事件组件,事件数据还包括触发时间,若当前自定义组件为选择事件组件或输入事件组件,事件数据还包括用户输入的信息;
若当前自定义组件为页面浏览事件组件,当前自定义组件对应的事件数据收集指令与当前自定义组件对应的路由地址中的钩子函数绑定。
本实施例的vue框架中收集事件数据的装置可执行本申请实施例一提供的一种vue框架中收集事件数据方法,其实现原理相类似,此处不再赘述。
在本申请实施例中,由于可以预先配置自定义组件与对应的事件数据收集指令,进而在接收到接收用户针对vue框架中的自定义组件的操作时,既可根据对应的事件数据收集指令进行相应的事件数据收集,以达到收集事件数据的目的。此外,由于事件数据收集指令与自定义组件是独立分开的,并不是封装在自定义组件中,因此具有更好的兼容性。
本申请实施例提供了一种电子设备,如图3所示,图3所示的电子设备2000包括:处理器2001和存储器2003。其中,处理器2001和存储器2003相连,如通过总线2002相连。可选地,电子设备2000还可以包括收发器2004。需要说明的是,实际应用中收发器2004不限于一个,该电子设备2000的结构并不构成对本申请实施例的限定。
其中,处理器2001应用于本申请实施例中,用于实现图2所示的各模块的功能。
处理器2001可以是CPU,通用处理器,DSP,ASIC,FPGA或者其他可编程逻辑器件、晶体管逻辑器件、硬件部件或者其任意组合。其可以实现或执行结合本申请公开内容所描述的各种示例性的逻辑方框,模块和电路。处理器2001也可以是实现计算功能的组合,例如包含一个或多个微处理器组合,DSP和微处理器的组合等。
总线2002可包括一通路,在上述组件之间传送信息。总线2002可以是PCI总线或EISA总线等。总线2002可以分为地址总线、数据总线、控制总线等。为便于表示,图3中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
存储器2003可以是ROM或可存储静态信息和指令的其他类型的静态存储设备,RAM或者可存储信息和指令的其他类型的动态存储设备,也可以是EEPROM、CD-ROM或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。
存储器2003用于存储执行本申请方案的应用程序代码,并由处理器2001来控制执行。处理器2001用于执行存储器2003中存储的应用程序代码,以实现图2所示实施例提供的vue框架中收集事件数据装置的动作。
本申请实施例提供了一种电子设备,本申请实施例中的电子设备包括:处理器;以及存储器,存储器配置用于存储机器可读指令,该指令在由该处理器执行时,使得该处理器执行vue框架中收集事件数据的方法。
与现有技术相比可实现:由于在本申请实施例中可以预先配置自定义组件与对应的事件数据收集指令,进而在接收到接收用户针对vue框架中的自定义组件的操作时,既可根据对应的事件数据收集指令进行相应的事件数据收集,以达到收集事件数据的目的。此外,由于事件数据收集指令与自定义组件是独立分开的,并不是封装在自定义组件中,因此具有更好的兼容性。
本申请实施例提供了一种计算机可读存储介质,该计算机可读存储介质上用于存储计算机指令,当计算机指令在计算机上运行时,使得计算机可以执行实现vue框架中收集事件数据方法。与现有技术相比,由于在本申请实施例中可以预先配置自定义组件与对应的事件数据收集指令,进而在接收到接收用户针对vue框架中的自定义组件的操作时,既可根据对应的事件数据收集指令进行相应的事件数据收集,以达到收集事件数据的目的。此外,由于事件数据收集指令与自定义组件是独立分开的,并不是封装在自定义组件中,因此具有更好的兼容性。
本申请中的一种计算机可读存储介质所涉及的名词及实现原理具体可以参照本申请实施例中的一种vue框架中收集事件数据方法,在此不再赘述。
应该理解的是,虽然附图的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,其可以以其他的顺序执行。而且,附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,其执行顺序也不必然是依次进行,而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
以上所述仅是本发明的部分实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (10)
1.一种vue框架中收集事件数据的方法,其特征在于,包括:
接收用户针对渐进式vue框架中的当前自定义组件的操作;
根据预配置的映射关系,确定所述当前自定义组件对应的事件数据收集指令,并通过确定出的事件数据收集指令进行相应的事件数据收集;
其中,所述映射关系为各自定义组件与各自定义组件各自对应的事件数据收集指令的对应关系。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
接收绑定指令,所述绑定指令中包括待绑定事件收集数据指令的待绑定自定义组件标识、以及待绑定事件收集数据指令标识;
建立所述待绑定自定义组件标识与所述待绑定事件收集数据指令标识的对应关系。
3.根据权利要求1所述的方法,其特征在于,所述映射关系包括组件组中的各子组件与对应的事件数据收集指令的对应关系;
若所述当前自定义组件为组件组中存在层级关系的子组件,所述确定所述当前自定义组件对应的事件数据收集指令,并通过对应的收集指令进行相应的事件数据收集,包括:
确定所述当前自定义组件在所述组件组中的层级位置是否满足设定要求;
在确定满足设定要求时,确定所述当前自定义组件对应的事件数据收集指令,并通过对应的事件数据收集指令进行相应的事件数据,否则不通过对应的事件数据收集指令进行相应的事件数据。
4.根据权利要求3所述的方法,其特征在于,所述设定要求为在自定义组件中的层级位置为最低层级。
5.根据权利要求1至4任一项所述的方法,其特征在于,所述方法还包括:
将收集得到的所述事件数据存储至数据库中。
6.根据权利要求1至5任一项所述的方法,其特征在于,所述当前自定义组件包括点击事件组件、输入事件组件、选择事件组件和页面浏览事件组件中的至少一种,所述事件数据包括事件标识、所述事件触发的业务标识。
7.根据权利要求6所述的方法,其特征在于,若所述当前自定义组件为点击事件组件,所述事件数据还包括触发时间,若所述当前自定义组件为选择事件组件或输入事件组件,所述事件数据还包括用户输入的信息;
若所述当前自定义组件为页面浏览事件组件,所述当前自定义组件对应的事件数据收集指令与所述当前自定义组件对应的路由地址中的钩子函数绑定。
8.一种vue框架中收集事件数据的装置,其特征在于,包括:
操作接收模块,用于接收用户针对渐进式vue框架中的当前自定义组件的操作;
事件数据收集模块,用于根据预配置的映射关系,确定所述当前自定义组件对应的事件数据收集指令,并通过确定出的事件数据收集指令进行相应的事件数据收集;
其中,所述映射关系为各自定义组件与各自定义组件各自对应的事件数据收集指令的对应关系。
9.一种电子设备,其特征在于,包括处理器和存储器:
所述存储器被配置用于存储机器可读指令,所述指令在由所述处理器执行时,使得所述处理器执行权利要求1-7任一项所述的方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机存储介质用于存储计算机指令,当其在计算机上运行时,使得计算机可以执行上述权利要求1至7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010102777.4A CN111309558B (zh) | 2020-02-19 | 2020-02-19 | 收集vue框架中事件数据的方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010102777.4A CN111309558B (zh) | 2020-02-19 | 2020-02-19 | 收集vue框架中事件数据的方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111309558A true CN111309558A (zh) | 2020-06-19 |
CN111309558B CN111309558B (zh) | 2021-06-15 |
Family
ID=71149137
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010102777.4A Active CN111309558B (zh) | 2020-02-19 | 2020-02-19 | 收集vue框架中事件数据的方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111309558B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114785862A (zh) * | 2022-04-19 | 2022-07-22 | 中国工商银行股份有限公司 | 自定义路由信息的处理方法和相关装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120144250A1 (en) * | 2010-12-07 | 2012-06-07 | Brian Lee | Visual Outage Management Tool |
CN110263070A (zh) * | 2019-05-30 | 2019-09-20 | 北京创鑫旅程网络技术有限公司 | 事件上报方法及装置 |
CN110532159A (zh) * | 2019-09-03 | 2019-12-03 | 北京百度网讯科技有限公司 | 数据监听方法、装置、设备及计算机可读存储介质 |
CN110781052A (zh) * | 2019-09-20 | 2020-02-11 | 平安普惠企业管理有限公司 | 离线监控方法、装置、计算机设备及存储介质 |
-
2020
- 2020-02-19 CN CN202010102777.4A patent/CN111309558B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120144250A1 (en) * | 2010-12-07 | 2012-06-07 | Brian Lee | Visual Outage Management Tool |
CN110263070A (zh) * | 2019-05-30 | 2019-09-20 | 北京创鑫旅程网络技术有限公司 | 事件上报方法及装置 |
CN110532159A (zh) * | 2019-09-03 | 2019-12-03 | 北京百度网讯科技有限公司 | 数据监听方法、装置、设备及计算机可读存储介质 |
CN110781052A (zh) * | 2019-09-20 | 2020-02-11 | 平安普惠企业管理有限公司 | 离线监控方法、装置、计算机设备及存储介质 |
Non-Patent Citations (2)
Title |
---|
JAYKEYGUO: "监听事件", 《HTTPS://GITHUB.COM/VUEJS/CN.VUEJS.ORG/BLOB/7D96A676CFDE15BC1603448A8FF5D837D4D11543/SRC/V2/GUIDE/EVENTS.MD》 * |
廖建军: "Web信息的无埋点精准采集", 《中国优秀硕士论文全文数据库-信息科技辑》 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114785862A (zh) * | 2022-04-19 | 2022-07-22 | 中国工商银行股份有限公司 | 自定义路由信息的处理方法和相关装置 |
CN114785862B (zh) * | 2022-04-19 | 2023-10-13 | 中国工商银行股份有限公司 | 自定义路由信息的处理方法和相关装置 |
Also Published As
Publication number | Publication date |
---|---|
CN111309558B (zh) | 2021-06-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9465726B2 (en) | Abstract layer for automatic user interface testing | |
CN112765023B (zh) | 测试用例生成方法、装置 | |
CN109032590B (zh) | 一种可视化开发环境的配置方法、装置、终端及存储介质 | |
GB2508875A (en) | Defining elements of web pages for variation | |
CN111506579A (zh) | 一种智能合约代码的生成方法、程序及设备 | |
CN111045941B (zh) | 用户界面控件的定位方法、装置及存储介质 | |
CN111309558B (zh) | 收集vue框架中事件数据的方法、装置、设备及存储介质 | |
CN111782213A (zh) | 基于dom的动态控制页面生成系统 | |
CN111666328A (zh) | 实时展示可视化图表的方法、装置、计算机设备及存储介质 | |
EP3201790A1 (en) | Evaluating documentation coverage | |
CN111338614A (zh) | 一种应用程序接口开发方法、装置、设备及存储介质 | |
CN108022056B (zh) | 一种基于bim的结构动态响应安全监测系统与方法 | |
CN115291856B (zh) | 一种流程建立方法、装置以及电子设备 | |
CN112486461B (zh) | 一种基于springboot框架的信息处理系统 | |
CN114237407A (zh) | 一种字体图标处理方法、装置及计算机可读存储介质 | |
CN115687704A (zh) | 信息显示方法、装置、电子设备及计算机可读存储介质 | |
CN115543647A (zh) | 一种函数调用方法 | |
CN112579082A (zh) | 交互状态数据的建立方法、装置、存储介质及电子设备 | |
CN111309319A (zh) | 可继承的局数据动态页面配置方法和装置 | |
CN116628272B (zh) | 一种基于vue框架的树形结构节点快速选择方法 | |
CN113918152B (zh) | 页面搭建过程中的低代码应用开发方法及设备 | |
CN115202538B (zh) | 一种菜单配置方法、装置、电子设备及存储介质 | |
CN117251200A (zh) | 一种基于微应用的复合应用集成方法 | |
CN117573445A (zh) | 基于web微服务的插件化测试方法、装置、设备及介质 | |
CN117389647A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |