CN111124399B - 弹窗组件的处理方法及装置、存储介质及处理器 - Google Patents
弹窗组件的处理方法及装置、存储介质及处理器 Download PDFInfo
- Publication number
- CN111124399B CN111124399B CN201811290242.3A CN201811290242A CN111124399B CN 111124399 B CN111124399 B CN 111124399B CN 201811290242 A CN201811290242 A CN 201811290242A CN 111124399 B CN111124399 B CN 111124399B
- Authority
- CN
- China
- Prior art keywords
- popup
- style
- target
- vue
- markup language
- 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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Document Processing Apparatus (AREA)
Abstract
本申请公开了一种弹窗组件的处理方法及装置、存储介质及处理器。该方法包括:将弹窗组件的样式字符串转换为超文本标记语言下的样式代码,其中,弹窗组件为采用vue.js构建的网站下的弹窗组件;将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用,其中,目标插件由超文本标记语言构建。通过本申请,解决了相关技术中将vue.js构建的网站中的数据在html插件中进行显示时,采用html语言创建弹窗组件,该弹窗组件与vue.js构建的网站不协调的问题。
Description
技术领域
本申请涉及通信领域,具体而言,涉及一种弹窗组件的处理方法及装置、存储介质及处理器。
背景技术
Vue.js是构建用户界面的渐进式框架,它能够通过尽可能简单的接口实现响应数据绑定和组合的视图组件,还可以与第三方库或既有项目整合,但是,在采用Vue.js构建的网站与构建第三方项目的语言不同的情况下,整合的过程中存在一些问题。例如,采用vue.js构建追踪***,该***需要用到既有的地图插件,让地图上的相应位置显示追踪***中的内容,现有的地图插件采用html语言构建,为了在地图上显示追踪***中的内容,可以在地图插件上构建弹窗组件,为了让html语言构建的地图插件识别弹窗组件,采用html语言创建弹窗组件,但是,弹窗组件需要调用追踪***中的内容,采用html语言创建的弹窗组件与vue.js网站不协调,难以调用vue.js***中的数据和方法。
针对相关技术中将vue.js构建的网站中的数据在html插件中进行显示时,采用html语言创建弹窗组件,该弹窗组件与vue.js构建的网站不协调的问题,目前尚未提出有效的解决方案。
发明内容
本申请的主要目的在于提供一种弹窗组件的处理方法及装置、存储介质及处理器,以解决相关技术中将vue.js构建的网站中的数据在html插件中进行显示时,采用html语言创建弹窗组件,该弹窗组件与vue.js构建的网站不协调的问题。
为了实现上述目的,根据本申请的一个方面,提供了一种弹窗组件的处理方法。该方法包括:将弹窗组件的样式字符串转换为超文本标记语言下的样式代码,其中,弹窗组件为采用vue.js构建的网站下的弹窗组件;将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用,其中,目标插件由超文本标记语言构建。
进一步地,将弹窗组件的样式字符串转换为超文本标记语言下的样式代码包括:将弹窗组件的样式字符串转换为Vue.js下的模板;将Vue.js下的模板赋值到创建的vue实例中;将赋值后的vue实例转换为超文本标记语言下的样式代码。
进一步地,将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用包括:调取弹窗组件的功能代码;将超文本标记语言下的样式代码和弹窗组件的功能代码通过目标插件的接口导入目标插件中;基于超文本标记语言下的样式代码和弹窗组件的功能代码构建目标插件下的弹窗组件。
进一步地,在基于超文本标记语言下的样式代码和弹窗组件的功能代码构建目标插件下的弹窗组件之后,该方法还包括:通过目标插件中的弹窗显示功能在目标插件中的预设位置显示弹窗组件。
进一步地,通过目标插件中的弹窗显示功能在目标插件中的预设位置显示弹窗组件包括:通过网站的作用域调用网站中的目标数据;在弹窗组件的显示界面中显示目标数据。
为了实现上述目的,根据本申请的另一方面,提供了一种弹窗组件的处理装置。该装置包括:转换单元,用于将弹窗组件的样式字符串转换为超文本标记语言下的样式代码,其中,弹窗组件为采用vue.js构建的网站下的弹窗组件;启用单元,用于将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用,其中,目标插件由超文本标记语言构建。
进一步地,转换单元包括:第一转换模块,用于将弹窗组件的样式字符串转换为Vue.js下的模板;赋值模块,用于将Vue.js下的模板赋值到创建的vue实例中;第二转换模块,用于将赋值后的vue实例转换为超文本标记语言下的样式代码。
进一步地,启用单元包括:调取模块,用于调取弹窗组件的功能代码;导入模块,用于将超文本标记语言下的样式代码和弹窗组件的功能代码通过目标插件的接口导入目标插件中;构建模块,用于基于超文本标记语言下的样式代码和弹窗组件的功能代码构建目标插件下的弹窗组件。
为了实现上述目的,根据本申请的另一方面,提供了一种存储介质,存储介质包括存储的程序,其中,程序执行上述任意一种弹窗组件的处理方法。
为了实现上述目的,根据本申请的另一方面,提供了一种处理器,处理器用于运行程序,其中,程序运行时执行上述任意一种弹窗组件的处理方法。
通过本申请,采用以下步骤:将弹窗组件的样式字符串转换为超文本标记语言下的样式代码,其中,弹窗组件为采用vue.js构建的网站下的弹窗组件;将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用,其中,目标插件由超文本标记语言构建,解决了相关技术中将vue.js构建的网站中的数据在html插件中进行显示时,采用html语言创建弹窗组件,该弹窗组件与vue.js构建的网站不协调的问题。通过将转换为html的样式代码和弹窗组件的功能代码导入网站的目标插件中,进而达到了将vue.js构建的网站中的数据在html插件中进行显示时,构建的弹窗组件与vue.js构建的网站协调的效果。
附图说明
构成本申请的一部分的附图用来提供对本申请的进一步理解,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是根据本申请实施例提供的弹窗组件的处理方法的流程图;以及
图2是根据本申请实施例提供的弹窗组件的处理装置的示意图。
具体实施方式
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
为了便于描述,以下对本申请实施例涉及的部分名词或术语进行说明:
vue.js:是构建数据驱动的web界面的渐进式框架。
html:超文本标记语言。
根据本申请的实施例,提供了一种弹窗组件的处理方法。
图1是根据本申请实施例的弹窗组件的处理方法的流程图。如图1所示,该方法包括以下步骤:
步骤S101,将弹窗组件的样式字符串转换为超文本标记语言下的样式代码,其中,弹窗组件为采用vue.js构建的网站下的弹窗组件。
需要说明的是,弹窗组件的样式字符串为包含vue属性的字符串,字符串内容为弹窗的样式信息,具体地,可以包含弹窗的大小,弹窗的色彩,弹窗的界面构成等。
为了使得采用html构建的插件能够识别弹窗组件的样式,可选地,在本申请实施例提供的弹窗组件的处理方法中,将弹窗组件的样式字符串转换为超文本标记语言下的样式代码包括:将弹窗组件的样式字符串转换为Vue.js下的模板;将Vue.js下的模板赋值到创建的vue实例中;将赋值后的vue实例转换为超文本标记语言下的样式代码。
需要说明的是,弹窗组件的样式字符串为包含vue属性的字符串,将弹窗组件在vue.js构建的网站的第三方html插件上显示,则需要将弹窗组件的样式字符串转换为采用html构建的插件可以识别的代码。
具体地,先将弹窗组件的样式字符串转换为Vue.js可以解析超文本标记语言的模板,再创建一个vue实例,将模板转换为抽象语法树,再将抽象语法树转换为renderfunction字符串,并将render function字符串赋值给vue实例的render函数,vue实例的render函数输出虚拟文档对象模型,虚拟文档对象模型包含标签名、子节点、文本等信息。进一步,再创建一个div标签,通过div标签挂接虚拟文档对象模型,从而将虚拟文档对象模型转换为html下的样式代码,使得采用html构建的插件能够识别弹窗组件的样式。
步骤S102,将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用,其中,目标插件由超文本标记语言构建。
需要说明的是,实现弹窗组件在目标插件上的启用,除了显示的样式,还需要触发交互等功能,因而,将弹窗组件的样式代码和弹窗组件的功能代码一并导入网站的目标插件,为弹窗组件的构建提供数据基础。
可选地,在本申请实施例提供的弹窗组件的处理方法中,将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用包括:调取弹窗组件的功能代码;将超文本标记语言下的样式代码和弹窗组件的功能代码通过目标插件的接口导入目标插件中;基于超文本标记语言下的样式代码和弹窗组件的功能代码构建目标插件下的弹窗组件。
具体地,弹窗组件的功能代码为js代码,js代码无需转换html插件即可识别,因此,将js语言下的功能代码和html语言下的样式代码通过目标插件提供的接口进行挂接,根据样式代码和功能代码得到弹窗组件,该弹窗组件即可在目标插件中使用vue的属性和方法。
可选地,在本申请实施例提供的弹窗组件的处理方法中,在基于超文本标记语言下的样式代码和弹窗组件的功能代码构建目标插件下的弹窗组件之后,该方法还包括:通过目标插件中的弹窗显示功能在目标插件中的预设位置显示弹窗组件。
需要说明的是,目标插件中包含弹窗显示功能,在Vue.js网站下触发弹窗显示功能,即可在目标插件上弹出弹窗。
例如,采用Vue.js构建的网站为公安追踪***,采用html语言构建的目标插件为地图插件。在公安追踪***确定需要追踪的对象,并获取追踪对象的位置,在地图插件上触发弹窗功能,在地图上追踪对象所在的位置弹出提示弹窗。
可选地,在本申请实施例提供的弹窗组件的处理方法中,通过目标插件中的弹窗显示功能在目标插件中的预设位置显示弹窗组件包括:通过网站的作用域调用网站中的目标数据;在弹窗组件的显示界面中显示目标数据。
需要说明的是,为了在目标插件上显示的弹窗中展示vue.js网站中的数据,需要进行数据调用,具体地,将vue.js网站的作用域保存为当前作用域,通过当前作用域调用vue.js网站中的数据。
例如,采用Vue.js构建的网站为公安追踪***,采用html语言构建的目标插件为地图插件,在地图插件中的追踪对象的当前位置弹出弹窗,通过公安追踪***的作用域调用追踪对象的相关信息,例如,追踪对象为犯罪嫌疑人,可以调用犯罪嫌疑人姓名、性别、年龄等信息,显示在弹窗的显示界面中,使得工作人员能够全面地获知追踪对象的相应信息,在办案过程中做出有效的决策。
本申请实施例提供的弹窗组件的处理方法,通过E,解决了相关技术中将vue.js构建的网站中的数据在html插件中进行显示时,采用html语言创建弹窗组件,该弹窗组件与vue.js构建的网站不协调的问题。通过将转换为html的样式代码和弹窗组件的功能代码导入网站的目标插件中,进而达到了将vue.js构建的网站中的数据在html插件中进行显示时,构建的弹窗组件与vue.js构建的网站协调的效果。
需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
本申请实施例还提供了一种弹窗组件的处理装置,需要说明的是,本申请实施例的弹窗组件的处理装置可以用于执行本申请实施例所提供的用于弹窗组件的处理方法。以下对本申请实施例提供的弹窗组件的处理装置进行介绍。
图2是根据本申请实施例的弹窗组件的处理装置的示意图。如图2所示,该装置包括:转换单元10和启用单元20。
具体地,转换单元10,用于将弹窗组件的样式字符串转换为超文本标记语言下的样式代码,其中,弹窗组件为采用vue.js构建的网站下的弹窗组件;
启用单元20,用于将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用,其中,目标插件由超文本标记语言构建。
可选地,在本申请实施例提供的弹窗组件的处理装置中,转换单元10包括:第一转换模块,用于将弹窗组件的样式字符串转换为Vue.js下的模板;赋值模块,用于将Vue.js下的模板赋值到创建的vue实例中;第二转换模块,用于将赋值后的vue实例转换为超文本标记语言下的样式代码。
可选地,在本申请实施例提供的弹窗组件的处理装置中,启用单元20包括:调取模块,用于调取弹窗组件的功能代码;导入模块,用于将超文本标记语言下的样式代码和弹窗组件的功能代码通过目标插件的接口导入目标插件中;构建模块,用于基于超文本标记语言下的样式代码和弹窗组件的功能代码构建目标插件下的弹窗组件。
可选地,在本申请实施例提供的弹窗组件的处理装置中,该装置还包括:显示单元,用于在基于超文本标记语言下的样式代码和弹窗组件的功能代码构建目标插件下的弹窗组件之后,通过目标插件中的弹窗显示功能在目标插件中的预设位置显示弹窗组件。
可选地,在本申请实施例提供的弹窗组件的处理装置中,显示单元包括:调用模块,用于通过网站的作用域调用网站中的目标数据;显示模块,用于在弹窗组件的显示界面中显示目标数据。
本申请实施例提供的弹窗组件的处理装置,通过转换单元10将弹窗组件的样式字符串转换为超文本标记语言下的样式代码,其中,弹窗组件为采用vue.js构建的网站下的弹窗组件;启用单元20将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用,其中,目标插件由超文本标记语言构建,解决了相关技术中将vue.js构建的网站中的数据在html插件中进行显示时,采用html语言创建弹窗组件,该弹窗组件与vue.js构建的网站不协调的问题,通过将转换为html的样式代码和弹窗组件的功能代码导入网站的目标插件中,进而达到了将vue.js构建的网站中的数据在html插件中进行显示时,构建的弹窗组件与vue.js构建的网站协调的效果。
所述弹窗组件的处理装置包括处理器和存储器,上述转换单元10和启用单元20等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来解决相关技术中将vue.js构建的网站中的数据在html插件中进行显示时,采用html语言创建弹窗组件,该弹窗组件与vue.js构建的网站不协调的问题。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本发明实施例提供了一种存储介质,其上存储有程序,该程序被处理器执行时实现所述弹窗组件的处理方法。
本发明实施例提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行所述弹窗组件的处理方法。
本发明实施例提供了一种设备,设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:将弹窗组件的样式字符串转换为超文本标记语言下的样式代码,其中,弹窗组件为采用vue.js构建的网站下的弹窗组件;将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用,其中,目标插件由超文本标记语言构建。
将弹窗组件的样式字符串转换为超文本标记语言下的样式代码包括:将弹窗组件的样式字符串转换为Vue.js下的模板;将Vue.js下的模板赋值到创建的vue实例中;将赋值后的vue实例转换为超文本标记语言下的样式代码。
将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用包括:调取弹窗组件的功能代码;将超文本标记语言下的样式代码和弹窗组件的功能代码通过目标插件的接口导入目标插件中;基于超文本标记语言下的样式代码和弹窗组件的功能代码构建目标插件下的弹窗组件。
在基于超文本标记语言下的样式代码和弹窗组件的功能代码构建目标插件下的弹窗组件之后,该方法还包括:通过目标插件中的弹窗显示功能在目标插件中的预设位置显示弹窗组件。
通过目标插件中的弹窗显示功能在目标插件中的预设位置显示弹窗组件包括:通过网站的作用域调用网站中的目标数据;在弹窗组件的显示界面中显示目标数据。本文中的设备可以是服务器、PC、PAD、手机等。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:将弹窗组件的样式字符串转换为超文本标记语言下的样式代码,其中,弹窗组件为采用vue.js构建的网站下的弹窗组件;将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用,其中,目标插件由超文本标记语言构建。
将弹窗组件的样式字符串转换为超文本标记语言下的样式代码包括:将弹窗组件的样式字符串转换为Vue.js下的模板;将Vue.js下的模板赋值到创建的vue实例中;将赋值后的vue实例转换为超文本标记语言下的样式代码。
将超文本标记语言下的样式代码和弹窗组件的功能代码导入网站的目标插件中,以实现弹窗组件在目标插件上的启用包括:调取弹窗组件的功能代码;将超文本标记语言下的样式代码和弹窗组件的功能代码通过目标插件的接口导入目标插件中;基于超文本标记语言下的样式代码和弹窗组件的功能代码构建目标插件下的弹窗组件。
在基于超文本标记语言下的样式代码和弹窗组件的功能代码构建目标插件下的弹窗组件之后,该方法还包括:通过目标插件中的弹窗显示功能在目标插件中的预设位置显示弹窗组件。
通过目标插件中的弹窗显示功能在目标插件中的预设位置显示弹窗组件包括:通过网站的作用域调用网站中的目标数据;在弹窗组件的显示界面中显示目标数据。
本领域内的技术人员应明白,本申请的实施例可提供为方法、***、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、***或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (9)
1.一种弹窗组件的处理方法,其特征在于,包括:
将弹窗组件的样式字符串转换为超文本标记语言下的样式代码,其中,所述弹窗组件为采用vue.js构建的网站下的弹窗组件;
将所述超文本标记语言下的样式代码和所述弹窗组件的功能代码导入所述网站的目标插件中,以实现所述弹窗组件在所述目标插件上的启用,其中,所述目标插件由超文本标记语言构建,所述弹窗组件的功能代码为js代码;
其中,将弹窗组件的样式字符串转换为超文本标记语言下的样式代码包括:
将所述弹窗组件的样式字符串转换为Vue.js下的模板;
将所述Vue.js下的模板赋值到创建的vue实例中;
将赋值后的vue实例转换为超文本标记语言下的样式代码。
2.根据权利要求1所述的方法,其特征在于,将所述超文本标记语言下的样式代码和所述弹窗组件的功能代码导入所述网站的目标插件中,以实现所述弹窗组件在所述目标插件上的启用包括:
调取所述弹窗组件的功能代码;
将所述超文本标记语言下的样式代码和所述弹窗组件的功能代码通过所述目标插件的接口导入所述目标插件中;
基于所述超文本标记语言下的样式代码和所述弹窗组件的功能代码构建所述目标插件下的弹窗组件。
3.根据权利要求2所述的方法,其特征在于,在基于所述超文本标记语言下的样式代码和所述弹窗组件的功能代码构建所述目标插件下的弹窗组件之后,所述方法还包括:
通过所述目标插件中的弹窗显示功能在所述目标插件中的预设位置显示所述弹窗组件。
4.根据权利要求3所述的方法,其特征在于,通过所述目标插件中的弹窗显示功能在所述目标插件中的预设位置显示所述弹窗组件包括:
通过所述网站的作用域调用所述网站中的目标数据;
在所述弹窗组件的显示界面中显示所述目标数据。
5.一种弹窗组件的处理装置,其特征在于,包括:
转换单元,用于将弹窗组件的样式字符串转换为超文本标记语言下的样式代码,其中,所述弹窗组件为采用vue.js构建的网站下的弹窗组件;
启用单元,用于将所述超文本标记语言下的样式代码和所述弹窗组件的功能代码导入所述网站的目标插件中,以实现所述弹窗组件在所述目标插件上的启用,其中,所述目标插件由超文本标记语言构建,所述弹窗组件的功能代码为js代码;
其中,转换单元还包括:
第一转换模块,将所述弹窗组件的样式字符串转换为Vue.js下的模板;
赋值模块,将所述Vue.js下的模板赋值到创建的vue实例中;
第二转换模块,将赋值后的vue实例转换为超文本标记语言下的样式代码。
6.根据权利要求5所述的装置,其特征在于,所述转换单元包括:
第一转换模块,用于将所述弹窗组件的样式字符串转换为Vue.js下的模板;
赋值模块,用于将所述Vue.js下的模板赋值到创建的vue实例中;
第二转换模块,用于将赋值后的vue实例转换为超文本标记语言下的样式代码。
7.根据权利要求5所述的装置,其特征在于,所述启用单元包括:
调取模块,用于调取所述弹窗组件的功能代码;
导入模块,用于将所述超文本标记语言下的样式代码和所述弹窗组件的功能代码通过所述目标插件的接口导入所述目标插件中;
构建模块,用于基于所述超文本标记语言下的样式代码和所述弹窗组件的功能代码构建所述目标插件下的弹窗组件。
8.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,所述程序执行权利要求1至4中任意一项所述的弹窗组件的处理方法。
9.一种处理器,其特征在于,所述处理器用于运行程序,其中,所述程序运行时执行权利要求1至4中任意一项所述的弹窗组件的处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811290242.3A CN111124399B (zh) | 2018-10-31 | 2018-10-31 | 弹窗组件的处理方法及装置、存储介质及处理器 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811290242.3A CN111124399B (zh) | 2018-10-31 | 2018-10-31 | 弹窗组件的处理方法及装置、存储介质及处理器 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111124399A CN111124399A (zh) | 2020-05-08 |
CN111124399B true CN111124399B (zh) | 2023-07-04 |
Family
ID=70494373
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811290242.3A Active CN111124399B (zh) | 2018-10-31 | 2018-10-31 | 弹窗组件的处理方法及装置、存储介质及处理器 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111124399B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111736833B (zh) * | 2020-06-24 | 2024-05-03 | 携程计算机技术(上海)有限公司 | 弹窗组件的生成方法、***、电子设备和存储介质 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677789B (zh) * | 2012-09-25 | 2017-11-24 | 深圳市金正方科技股份有限公司 | 基于grid组件的列表数据展现方法及*** |
US9609075B1 (en) * | 2015-09-21 | 2017-03-28 | International Business Machines Corporation | Browser activity replay with advanced navigation |
CN108121539B (zh) * | 2016-11-28 | 2021-06-22 | 北京国双科技有限公司 | 组件处理方法和装置 |
-
2018
- 2018-10-31 CN CN201811290242.3A patent/CN111124399B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN111124399A (zh) | 2020-05-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105607895B (zh) | 一种基于应用程序编程接口的应用程序的运行方法和装置 | |
CN107786630B (zh) | 一种web应用包处理方法、装置及设备 | |
CN105335132B (zh) | 一种自定义应用程序功能的方法、装置以及*** | |
CN106411970B (zh) | 一种基于服务调用的故障处理方法、装置和*** | |
CN107479868B (zh) | 一种界面加载方法、装置及设备 | |
CN110019835A (zh) | 资源编排方法、装置以及电子设备 | |
CN107147645B (zh) | 网络安全数据的获取方法及装置 | |
CN109062906B (zh) | 程序语言资源的翻译方法及装置 | |
CN115982491A (zh) | 页面更新方法及装置、电子设备和计算机可读存储介质 | |
CN106599045B (zh) | 一种请求发送方法及装置 | |
CN111124399B (zh) | 弹窗组件的处理方法及装置、存储介质及处理器 | |
CN114547514A (zh) | 组件动态渲染方法、装置、设备及介质 | |
CN110851211A (zh) | 用于显示应用信息的方法、装置、电子设备和介质 | |
US10956026B2 (en) | Smart element filtering method via gestures | |
US10574517B2 (en) | Adding voice commands to invoke web services | |
CN113094138A (zh) | 界面显示方法、装置、电子设备及存储介质 | |
US9606775B2 (en) | Developing rich internet application | |
CN116521144A (zh) | 一种程序封装方法、装置及电子设备 | |
CN112527424A (zh) | 用于弹窗的控制方法及装置 | |
CN112346761B (zh) | 前端资源上线方法、设备、***及存储介质 | |
US12019673B2 (en) | Digital semantic structure conversion | |
CN114546359A (zh) | Dsl描述文件生成方法、装置、设备及存储介质 | |
CN111651160B (zh) | 插件构建、网页设计的方法和装置 | |
CN114489607A (zh) | 跨栈应用处理与页面渲染方法、装置、设备及存储介质 | |
CN112579221A (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 |