CN112631571A - 一种web编辑器内组件的联动方法及装置 - Google Patents
一种web编辑器内组件的联动方法及装置 Download PDFInfo
- Publication number
- CN112631571A CN112631571A CN202011337378.2A CN202011337378A CN112631571A CN 112631571 A CN112631571 A CN 112631571A CN 202011337378 A CN202011337378 A CN 202011337378A CN 112631571 A CN112631571 A CN 112631571A
- Authority
- CN
- China
- Prior art keywords
- linkage
- action
- component
- asynchronous
- code
- 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
- 238000000034 method Methods 0.000 title claims abstract description 22
- 230000009471 action Effects 0.000 claims abstract description 296
- 230000001360 synchronised effect Effects 0.000 claims abstract description 15
- 230000004048 modification Effects 0.000 claims description 13
- 238000012986 modification Methods 0.000 claims description 13
- 238000012544 monitoring process Methods 0.000 claims description 12
- 238000013515 script Methods 0.000 abstract description 4
- 230000008859 change Effects 0.000 description 6
- 230000003111 delayed effect Effects 0.000 description 2
- 230000006872 improvement Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000000712 assembly Effects 0.000 description 1
- 238000000429 assembly Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
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/35—Creation or generation of source code model driven
-
- 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/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- Stored Programmes (AREA)
Abstract
本发明提出了一种web编辑器内组件的联动方法及装置,所述联动方法包括:确定web编辑器内第一组件与第二组件的绑定关系,基于绑定关系选取第一组件的触发动作与第二组件的联动动作;配置第一组件和第二组件的联动模式,所述联动模式包括同步联动和异步联动;若联动模式为异步联动,获取触发动作的反馈信息,结合联动动作与反馈信息生成异步联动代码,通过第二组件执行异步联动代码。预先对组件之间的触发动作、联动动作以及联动模式进行配置,在进行web页面编辑时,无需再编写脚本,降低了web页面编辑的技术门槛,提高了工程师的开发效率。
Description
技术领域
本发明属于web编辑器领域,尤其涉及一种web编辑器内组件的联动方法及装置。
背景技术
随着浏览器性能提升,越来越多的编辑器开始web化,越来越多的web编辑器应用而生,目前已经产生一大批web编辑器,使用户使用鼠标的拖拽功能生成自定义网页。web编辑器里通常有很多web组件可使用,例如日期组件、输入框组件、按钮组件等。
但多个web组件之间存在无法快速联动的问题,通常组件之间的联动包括文本输入与格式属性修改两方面,文本输入如修改输入框组件的内容,格式属性修改如点击按钮组件重置输入框组件的背景颜色等,常规的联动方法都需要通过编写JavaScript脚本来实现,在编辑web页面时需要具有一定的编译语言基础,并且需要工程师花费大量的时间,导致web页面开发的效率低下。
发明内容
为了解决现有技术中存在的缺点和不足,本发明提出了一种web编辑器内组件的联动方法,包括:
确定web编辑器内第一组件与第二组件的绑定关系,基于绑定关系选取第一组件的触发动作与第二组件的联动动作;
配置第一组件和第二组件的联动模式,所述联动模式包括同步联动和异步联动;
若联动模式为异步联动,获取触发动作的反馈信息,结合联动动作与反馈信息生成异步联动代码,通过第二组件执行异步联动代码。
可选的,所述确定web编辑器内第一组件与第二组件的绑定关系,基于绑定关系选取第一组件的触发动作与第二组件的联动动作,包括:
分别将web编辑器内的第一组件和第二组件拖拽到预设区域,通过绑定预设区域内组件的ID,建立第一组件与第二组件的绑定关系;
在第一组件的动作列表中选取触发动作,基于绑定关系获取第二组件的动作列表,在第二组件的动作列表中选取与触发动作对应的联动动作。
可选的,所述配置第一组件和第二组件的联动模式,所述联动模式包括同步联动和异步联动,包括:
判断开始执行联动动作的时刻是否与触发动作的执行结果有关联;
若有关联则配置联动模式为异步联动,若没有关联则配置联动模式为同步联动。
可选的,所述若联动模式为异步联动,获取触发动作的反馈信息,结合联动动作与反馈信息生成异步联动代码,通过第二组件执行异步联动代码,包括:
若联动动作为文本输入类动作,获取用于输入文本的通用代码模板;
当发生触发动作时,通过预设的web服务器监测包含触发动作执行结果的反馈信息,若反馈信息显示触发动作执行成功,获取触发动作的具体执行内容;
根据触发动作的具体执行内容对预先存储的数据库进行查询,将查询结果填入通用代码模板中生成异步联动代码;
基于绑定关系将异步联动代码发送给第二组件,通过第二组件执行异步联动代码。
可选的,所述若联动模式为异步联动,基于联动动作生成异步联动代码,当获取到触发动作的反馈信息时再执行异步联动代码,通过第二组件执行异步联动代码,还包括:
若执行动作为格式修改类动作,获取用于修改格式的通用代码模板;
当发生触发动作时,通过预设的web服务器监测包含触发动作执行结果的反馈信息,若反馈信息显示触发动作执行成功,将修改的格式信息填入通用代码模板中生成异步联动代码;
基于绑定关系将异步联动代码发送给第二组件,通过第二组件执行异步联动代码。
本发明还基于同样的思路提出了一种web编辑器内组件的联动装置,其特征在于,所述联动装置包括:
绑定单元:用于确定web编辑器内第一组件与第二组件的绑定关系,基于绑定关系选取第一组件的触发动作与第二组件的联动动作;
联动单元:用于配置第一组件和第二组件的联动模式,所述联动模式包括同步联动和异步联动;
执行单元:用于若联动模式为异步联动,获取触发动作的反馈信息,结合联动动作与反馈信息生成异步联动代码,通过第二组件执行异步联动代码。
可选的,所述绑定单元具体用于:
分别将web编辑器内的第一组件和第二组件拖拽到预设区域,通过绑定预设区域内组件的ID,建立第一组件与第二组件的绑定关系;
在第一组件的动作列表中选取触发动作,基于绑定关系获取第二组件的动作列表,在第二组件的动作列表中选取与触发动作对应的联动动作。
可选的,所述联动单元具体用于:
判断开始执行联动动作的时刻是否与触发动作的执行结果有关联;
若有关联则配置联动模式为异步联动,若没有关联则配置联动模式为同步联动。
可选的,所述执行单元具体用于:
若联动动作为文本输入类动作,获取用于输入文本的通用代码模板;
当发生触发动作时,通过预设的web服务器监测包含触发动作执行结果的反馈信息,若反馈信息显示触发动作执行成功,获取触发动作的具体执行内容;
根据触发动作的具体执行内容对预先存储的数据库进行查询,将查询结果填入通用代码模板中生成异步联动代码;
基于绑定关系将异步联动代码发送给第二组件,通过第二组件执行异步联动代码。
可选的,所述执行单元还具体用于:
若联动模式为异步联动,获取用于输入文本的通用代码模板;
若执行动作为格式修改类动作,获取用于修改格式的通用代码模板;
当发生触发动作时,通过预设的web服务器监测包含触发动作执行结果的反馈信息,若反馈信息显示触发动作执行成功,将修改的格式信息填入通用代码模板中生成异步联动代码;
基于绑定关系将异步联动代码发送给第二组件,通过第二组件执行异步联动代码。
本发明提供的技术方案带来的有益效果是:
对web编辑器中组件之间的触发动作、联动动作以及联动模式进行配置,通过配置异步联动实现联动动作只有在接收到触发动作的反馈信息后才开始执行,使执行结果的成功和失败可以不受网络因素或者浏览器所在电脑配置好坏影响,会自动根据动态因素调整执行时机,完成执行结果。在进行web内组件联动编辑时,由于已经事先通过本发明提出的联动方法生成了联动代码,因此在实际开发时工程师只需要确定触发动作与联动动作即可,无需再单独编写JavaScript脚本就能自动实现联动配置,降低了web页面编辑的技术门槛,提高了工程师的开发效率。
附图说明
为了更清楚地说明本发明的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明提出的一种web编辑器内组件的联动方法的流程示意图;
图2为本发明提出的一种web编辑器内组件的联动装置的结构框图。
具体实施方式
为使本发明的结构和优点更加清楚,下面将结合附图对本发明的结构作进一步地描述。
实施例一
如图1所示,本发明提出了一种web编辑器内组件的联动方法,包括:
S1:确定web编辑器内第一组件与第二组件的绑定关系,基于绑定关系选取第一组件的触发动作与第二组件的联动动作。
根据实际关联需求选取第一组件和第二组件,例如,第一组件为员工姓名输入框,实际关联需求为在第一组件的输入框输入员工姓名后,在员工部门输入框中自动填入所述员工所在的部门,因此将员工部门输入框确定为第二组件。在本实施例中,采用可视化的web编辑器对组件进行联动配置,分别将web编辑器内的第一组件和第二组件拖拽到预设区域,通过绑定预设区域内组件的ID,建立第一组件与第二组件的绑定关系。随后,web编辑器的联动功能页签中显示第一组件的动作列表,在第一组件的动作列表中选取触发动作。所述动作列表包括但不限于单击、双击、输入文本等动作,用户选中动作列表中的一个动作作为触发动作。当确定第一组件的触发动作后,基于绑定关系获取第二组件的动作列表,所述动作列表中包含第二组件可执行的各类动作,例如文本内容修改、背景色改变、日期格式改变等,web编辑器将在联动功能页签的联动栏中显示出第二组件的动作列表,在第二组件的动作列表中选取与触发动作对应的联动动作。例如,在第一组件的动作列表选中“输入文本”为触发动作,在第二组件的动作列表中选中“输入文本”为联动动作。
所述组件的ID为预先为web编辑器中的组件配置的固定编号,即每个ID唯一指定一个组件。由于在实际应用中,一个组件可能与多个组件同时存在联动关系,因此将触发动作与组件ID进行绑定,能够准确的确定第一组件在执行触发动作时具有联动关系的组件,方便确定组件之间的联动关系,避免联动关系定义混乱。
S2:配置第一组件和第二组件的联动模式,所述联动模式包括同步联动和异步联动。
在实际应用中,联动动作的执行可能与触发动作的执行结果有关,如在作为第一组件的输入框中输入员工姓名,在作为第二组件的输入框中自动联动输入员工所在的部门。当触发动作的执行出现问题时,联动动作仍继续秩序,导致联动混乱或联动错误。因此需要根据触发动作的执行结果确定执行联动动作的时刻,当触发动作执行成功时再开始执行联动动作。常规的联动方法仅通过统一延迟一段时间以保障联动成功,但当出现网络故障或设备性能过低等原因导致触发动作执行失败时,即使延迟一段时间也可能引起联动错误。因此为解决上述问题,设置了第一舰和第二组件的联动模式。具体包括:
判断开始执行联动动作的时刻是否与触发动作的执行结果有关联;若有关联则配置联动模式为异步联动,若没有关联则配置联动模式为同步联动。
通常应用场景下,开始执行联动动作的时刻是否与触发动作的执行结果有关联是人为判断的,本实施例也中可以根据触发动作与联动动作的具体执行内容判断是否有关联。所述触发动作与联动动作的具体执行内容是指具体输入的文本信息或改变的格式信息。例如,触发动作的具体执行内容为“单击”这个动作,联动动作的具体执行内容为“背景色改变为红色”;又如,触发动作的具体执行内容为“输入员工姓名”,联动动作的具体执行内容为“输入员工所在部门”,具体执行内容不相同。基于联动配置的经验,当触发动作与联动动作的具体执行内容相同时,通常联动动作与触发动作的执行结果无关,因此常规的联动方式即可满足要求,即无论触发动作是否执行成功,都会在触发动作执行结果后开始执行联动动作。当触发动作与联动动作的具体执行内容不同时,例如第一组件为员工姓名的输入框,第二组件为员工所在部门的输入框,二者输入框中的内容不同,即触发动作与联动动作不相同,需要员工姓名进行数据库查询,才能在第二组件中输入员工所在部门,即需要依据触发动作的执行结果执行联动动作。因此通过异步联动的方式,即使触发动作因某种原因执行失败,也可以动态调整联动动作的执行时刻,避免联动错误。
定义第一组件和第二组件的联动模式,增加了联动的多样性,使第二组件不仅可以与第二组件同步联动,还可以根据实际情况选择在第一组件的触发动作执行成功后再进行联动,方便实际应用的配置需要。
S3:若联动模式为异步联动,获取触发动作的反馈信息,结合联动动作与反馈信息生成异步联动代码,通过第二组件执行异步联动代码。
本实施例根据联动动作的类型生成不同种类的异步联动代码,具体包括:
若联动动作为文本输入类动作,获取用于输入文本的通用代码模板;当发生触发动作时,通过预设的web服务器监测包含触发动作执行结果的反馈信息,若反馈信息显示触发动作执行成功,获取触发动作的具体执行内容;根据触发动作的具体执行内容对预先存储的数据库进行查询,将查询结果填入通用代码模板中生成异步联动代码;基于绑定关系将异步联动代码发送给第二组件,通过第二组件执行异步联动代码。所述用于输入文本的通用代码模板即数据库查询代码的通用代码模板,在实际联动配置时仅需要填入查询条件与查询的数据库即可,本领域技术人员应当知道如何设置所述通用代码模板,此处不再赘述。例如,第一组件的触发动作为输入员工姓名,第二组件的联动动作为输入员工所在部门,基于输入文本的通用代码模板生成异步联动代码,所述异步联动代码用于根据第一组件输入框中的员工姓名在预先存储的数据库中查找到该员工所在的部门,并将查找到的部门结果填入用于输入文本的通用代码模板,得到异步联动代码。
若执行动作为格式修改类动作,获取用于修改格式的通用代码模板;当发生触发动作时,通过预设的web服务器监测包含触发动作执行结果的反馈信息,若反馈信息显示触发动作执行成功,将修改的格式信息填入通用代码模板中生成异步联动代码;基于绑定关系将异步联动代码发送给第二组件,通过第二组件执行异步联动代码。所述用于修改格式的通用代码模板在实际联动配置时仅需要填入修改的具体格式信息即可,本领域技术人员应当知道如何设置所述通用代码模板,此处不再赘述。例如,第一组件为按钮组件,触发动作为单击,第二组件的联动动作为修改日期格式,具体执行内容是将输入框中“xxxx年/xx月/xx日”的日期格式更改为“xx月/xx日/xxxx年”的日期格式,将修改后的格式信息即“xx月/xx日/xxxx年”填入基于改变格式属性的通用代码模板生成联动代码,所述联动代码用于改变输入框中的日期格式,“xx月/xx日/xxxx年”即为格式信息,将格式信息填入用于修改格式的通用代码模板,得到异步联动代码。
通过预设的web服务器作为第三方监测触发动作的执行情况,若触发动作执行失败,则暂停执行联动动作,直至第一组件发送了执行成功的反馈信号后才开始通过第二组件执行异步联动代码,使联动动作会根据触发动作的执行结果自动根据动态因素调整执行时机,不受网络因素或者浏览器所在电脑配置好坏影响,降低联动的出错率。本实施例中还可以设置等待时间,若在等待时间内始终未接收到执行成功的反馈信号,则发出联动失败的提示。
在本实施例中,所述通用代码模板为人为预置的,通过预置的通用代码模板以及对触发动作的判断,无需对每个联动动作都编写相应的JavaScript脚本,不仅降低了web网页联动组件开发的技术门槛,还提高了开发效率。
在本实施例中,第一组件可以与多个组件进行联动,每个与第一组件联动的组件可基于不同的联动模式执行联动动作。
实施例二
如图2所示,本发明提出了一种web编辑器内组件的联动装置4,包括:
绑定单元41:用于确定web编辑器内第一组件与第二组件的绑定关系,基于绑定关系选取第一组件的触发动作与第二组件的联动动作。
根据实际关联需求选取第一组件和第二组件,例如,第一组件为员工姓名输入框,实际关联需求为在第一组件的输入框输入员工姓名后,在员工部门输入框中自动填入所述员工所在的部门,因此将员工部门输入框确定为第二组件。在本实施例中,采用可视化的web编辑器对组件进行联动配置,分别将web编辑器内的第一组件和第二组件拖拽到预设区域,通过绑定预设区域内组件的ID,建立第一组件与第二组件的绑定关系。随后,web编辑器的联动功能页签中显示第一组件的动作列表,在第一组件的动作列表中选取触发动作。所述动作列表包括但不限于单击、双击、输入文本等动作,用户选中动作列表中的一个动作作为触发动作。当确定第一组件的触发动作后,基于绑定关系获取第二组件的动作列表,所述动作列表中包含第二组件可执行的各类动作,例如文本内容修改、背景色改变、日期格式改变等,web编辑器将在联动功能页签的联动栏中显示出第二组件的动作列表,在第二组件的动作列表中选取与触发动作对应的联动动作。例如,在第一组件的动作列表选中“输入文本”为触发动作,在第二组件的动作列表中选中“输入文本”为联动动作。
所述组件的ID为预先为web编辑器中的组件配置的固定编号,即每个ID唯一指定一个组件。由于在实际应用中,一个组件可能与多个组件同时存在联动关系,因此将触发动作与组件ID进行绑定,能够准确的确定第一组件在执行触发动作时具有联动关系的组件,方便确定组件之间的联动关系,避免联动关系定义混乱。
联动单元42:用于配置第一组件和第二组件的联动模式,所述联动模式包括同步联动和异步联动。
在实际应用中,联动动作的执行可能与触发动作的执行结果有关,如在作为第一组件的输入框中输入员工姓名,在作为第二组件的输入框中自动联动输入员工所在的部门。当触发动作的执行出现问题时,联动动作仍继续秩序,导致联动混乱或联动错误。因此需要根据触发动作的执行结果确定执行联动动作的时刻,当触发动作执行成功时再开始执行联动动作。常规的联动方法仅通过统一延迟一段时间以保障联动成功,但当出现网络故障或设备性能过低等原因导致触发动作执行失败时,即使延迟一段时间也可能引起联动错误。因此为解决上述问题,设置了第一舰和第二组件的联动模式。具体包括:
判断开始执行联动动作的时刻是否与触发动作的执行结果有关联;若有关联则配置联动模式为异步联动,若没有关联则配置联动模式为同步联动。
通常应用场景下,开始执行联动动作的时刻是否与触发动作的执行结果有关联是人为判断的,本实施例也中可以根据触发动作与联动动作的具体执行内容判断是否有关联。所述触发动作与联动动作的具体执行内容是指具体输入的文本信息或改变的格式信息。例如,触发动作的具体执行内容为“单击”这个动作,联动动作的具体执行内容为“背景色改变为红色”;又如,触发动作的具体执行内容为“输入员工姓名”,联动动作的具体执行内容为“输入员工所在部门”,具体执行内容不相同。基于联动配置的经验,当触发动作与联动动作的具体执行内容相同时,通常联动动作与触发动作的执行结果无关,因此常规的联动方式即可满足要求,即无论触发动作是否执行成功,都会在触发动作执行结果后开始执行联动动作。当触发动作与联动动作的具体执行内容不同时,例如第一组件为员工姓名的输入框,第二组件为员工所在部门的输入框,二者输入框中的内容不同,即触发动作与联动动作不相同,需要员工姓名进行数据库查询,才能在第二组件中输入员工所在部门,即需要依据触发动作的执行结果执行联动动作。因此通过异步联动的方式,即使触发动作因某种原因执行失败,也可以动态调整联动动作的执行时刻,避免联动错误。
定义第一组件和第二组件的联动模式,增加了联动的多样性,使第二组件不仅可以与第二组件同步联动,还可以根据实际情况选择在第一组件的触发动作执行成功后再进行联动,方便实际应用的配置需要。
执行单元43:用于若联动模式为异步联动,获取触发动作的反馈信息,结合联动动作与反馈信息生成异步联动代码,通过第二组件执行异步联动代码。
本实施例根据联动动作的类型生成不同种类的异步联动代码,具体包括:
若联动动作为文本输入类动作,获取用于输入文本的通用代码模板;当发生触发动作时,通过预设的web服务器监测包含触发动作执行结果的反馈信息,若反馈信息显示触发动作执行成功,获取触发动作的具体执行内容;根据触发动作的具体执行内容对预先存储的数据库进行查询,将查询结果填入通用代码模板中生成异步联动代码;基于绑定关系将异步联动代码发送给第二组件,通过第二组件执行异步联动代码。所述用于输入文本的通用代码模板即数据库查询代码的通用代码模板,在实际联动配置时仅需要填入查询条件与查询的数据库即可,本领域技术人员应当知道如何设置所述通用代码模板,此处不再赘述。例如,第一组件的触发动作为输入员工姓名,第二组件的联动动作为输入员工所在部门,基于输入文本的通用代码模板生成异步联动代码,所述异步联动代码用于根据第一组件输入框中的员工姓名在预先存储的数据库中查找到该员工所在的部门,并将查找到的部门结果填入用于输入文本的通用代码模板,得到异步联动代码。
若执行动作为格式修改类动作,获取用于修改格式的通用代码模板;当发生触发动作时,通过预设的web服务器监测包含触发动作执行结果的反馈信息,若反馈信息显示触发动作执行成功,将修改的格式信息填入通用代码模板中生成异步联动代码;基于绑定关系将异步联动代码发送给第二组件,通过第二组件执行异步联动代码。所述用于修改格式的通用代码模板在实际联动配置时仅需要填入修改的具体格式信息即可,本领域技术人员应当知道如何设置所述通用代码模板,此处不再赘述。例如,第一组件为按钮组件,触发动作为单击,第二组件的联动动作为修改日期格式,具体执行内容是将输入框中“xxxx年/xx月/xx日”的日期格式更改为“xx月/xx日/xxxx年”的日期格式,将修改后的格式信息即“xx月/xx日/xxxx年”填入基于改变格式属性的通用代码模板生成联动代码,所述联动代码用于改变输入框中的日期格式,“xx月/xx日/xxxx年”即为格式信息,将格式信息填入用于修改格式的通用代码模板,得到异步联动代码。
通过预设的web服务器作为第三方监测触发动作的执行情况,若触发动作执行失败,则暂停执行联动动作,直至第一组件发送了执行成功的反馈信号后才开始通过第二组件执行异步联动代码,使联动动作会根据触发动作的执行结果自动根据动态因素调整执行时机,不受网络因素或者浏览器所在电脑配置好坏影响,降低联动的出错率。本实施例中还可以设置等待时间,若在等待时间内始终未接收到执行成功的反馈信号,则发出联动失败的提示。
在本实施例中,所述通用代码模板为人为预置的,通过预置的通用代码模板以及对触发动作的判断,无需对每个联动动作都编写相应的JavaScript脚本,不仅降低了web网页联动组件开发的技术门槛,还提高了开发效率。
在本实施例中,第一组件可以与多个组件进行联动,每个与第一组件联动的组件可基于不同的联动模式执行联动动作。
上述实施例中的各个序号仅仅为了描述,不代表各部件的组装或使用过程中的先后顺序。
以上所述仅为本发明的实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种web编辑器内组件的联动方法,其特征在于,所述联动方法包括:
确定web编辑器内第一组件与第二组件的绑定关系,基于绑定关系选取第一组件的触发动作与第二组件的联动动作;
配置第一组件和第二组件的联动模式,所述联动模式包括同步联动和异步联动;
若联动模式为异步联动,获取触发动作的反馈信息,结合联动动作与反馈信息生成异步联动代码,通过第二组件执行异步联动代码。
2.根据权利要求1所述的一种web编辑器内组件的联动方法,其特征在于,所述确定web编辑器内第一组件与第二组件的绑定关系,基于绑定关系选取第一组件的触发动作与第二组件的联动动作,包括:
分别将web编辑器内的第一组件和第二组件拖拽到预设区域,通过绑定预设区域内组件的ID,建立第一组件与第二组件的绑定关系;
在第一组件的动作列表中选取触发动作,基于绑定关系获取第二组件的动作列表,在第二组件的动作列表中选取与触发动作对应的联动动作。
3.根据权利要求1所述的一种web编辑器内组件的联动方法,其特征在于,所述配置第一组件和第二组件的联动模式,所述联动模式包括同步联动和异步联动,包括:
判断开始执行联动动作的时刻是否与触发动作的执行结果有关联;
若有关联则配置联动模式为异步联动,若没有关联则配置联动模式为同步联动。
4.根据权利要求1所述的一种web编辑器内组件的联动方法,其特征在于,所述若联动模式为异步联动,获取触发动作的反馈信息,结合联动动作与反馈信息生成异步联动代码,通过第二组件执行异步联动代码,包括:
若联动动作为文本输入类动作,获取用于输入文本的通用代码模板;
当发生触发动作时,通过预设的web服务器监测包含触发动作执行结果的反馈信息,若反馈信息显示触发动作执行成功,获取触发动作的具体执行内容;
根据触发动作的具体执行内容对预先存储的数据库进行查询,将查询结果填入通用代码模板中生成异步联动代码;
基于绑定关系将异步联动代码发送给第二组件,通过第二组件执行异步联动代码。
5.根据权利要求1所述的一种web编辑器内组件的联动方法,其特征在于,所述若联动模式为异步联动,获取触发动作的反馈信息,结合联动动作与反馈信息生成异步联动代码,通过第二组件执行异步联动代码,还包括:
若执行动作为格式修改类动作,获取用于修改格式的通用代码模板;
当发生触发动作时,通过预设的web服务器监测包含触发动作执行结果的反馈信息,若反馈信息显示触发动作执行成功,将修改的格式信息填入通用代码模板中生成异步联动代码;
基于绑定关系将异步联动代码发送给第二组件,通过第二组件执行异步联动代码。
6.一种web编辑器内组件的联动装置,其特征在于,所述联动装置包括:
绑定单元:用于确定web编辑器内第一组件与第二组件的绑定关系,基于绑定关系选取第一组件的触发动作与第二组件的联动动作;
联动单元:用于配置第一组件和第二组件的联动模式,所述联动模式包括同步联动和异步联动;
执行单元:用于若联动模式为异步联动,获取触发动作的反馈信息,结合联动动作与反馈信息生成异步联动代码,通过第二组件执行异步联动代码。
7.根据权利要求6所述的一种web编辑器内组件的联动装置,其特征在于,所述绑定单元具体用于:
分别将web编辑器内的第一组件和第二组件拖拽到预设区域,通过绑定预设区域内组件的ID,建立第一组件与第二组件的绑定关系;
在第一组件的动作列表中选取触发动作,基于绑定关系获取第二组件的动作列表,在第二组件的动作列表中选取与触发动作对应的联动动作。
8.根据权利要求6所述的一种web编辑器内组件的联动装置,其特征在于,所述联动单元具体用于:
判断开始执行联动动作的时刻是否与触发动作的执行结果有关联;
若有关联则配置联动模式为异步联动,若没有关联则配置联动模式为同步联动。
9.根据权利要求6所述的一种web编辑器内组件的联动装置,其特征在于,所述执行单元具体用于:
若联动动作为文本输入类动作,获取用于输入文本的通用代码模板;
当发生触发动作时,通过预设的web服务器监测包含触发动作执行结果的反馈信息,若反馈信息显示触发动作执行成功,获取触发动作的具体执行内容;
根据触发动作的具体执行内容对预先存储的数据库进行查询,将查询结果填入通用代码模板中生成异步联动代码;
基于绑定关系将异步联动代码发送给第二组件,通过第二组件执行异步联动代码。
10.根据权利要求6所述的一种web编辑器内组件的联动装置,其特征在于,所述执行单元还具体用于:
若执行动作为格式修改类动作,获取用于修改格式的通用代码模板;
当发生触发动作时,通过预设的web服务器监测包含触发动作执行结果的反馈信息,若反馈信息显示触发动作执行成功,将修改的格式信息填入通用代码模板中生成异步联动代码;
基于绑定关系将异步联动代码发送给第二组件,通过第二组件执行异步联动代码。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011337378.2A CN112631571B (zh) | 2020-11-25 | 2020-11-25 | 一种web编辑器内组件的联动方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011337378.2A CN112631571B (zh) | 2020-11-25 | 2020-11-25 | 一种web编辑器内组件的联动方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112631571A true CN112631571A (zh) | 2021-04-09 |
CN112631571B CN112631571B (zh) | 2024-06-18 |
Family
ID=75303803
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011337378.2A Active CN112631571B (zh) | 2020-11-25 | 2020-11-25 | 一种web编辑器内组件的联动方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112631571B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114547519A (zh) * | 2022-02-24 | 2022-05-27 | 京东方数字科技有限公司 | 页面编辑方法、装置、电子设备和可读存储介质 |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1573700A (zh) * | 2003-06-13 | 2005-02-02 | 微软公司 | 用于应用框架不可知的异步组件的机制 |
US20090259934A1 (en) * | 2008-04-11 | 2009-10-15 | Go Hazel Llc | System and method for rendering dynamic web pages with automatic ajax capabilities |
EP2151773A1 (en) * | 2008-08-05 | 2010-02-10 | Accenture Global Services GmbH | Synchronous to asynchronous web page conversion |
CN104423932A (zh) * | 2013-08-21 | 2015-03-18 | 上海科泰世纪科技有限公司 | Javascript中调用二进制组件的方法 |
CN107122185A (zh) * | 2017-04-21 | 2017-09-01 | 国网福建省电力有限公司 | 一种针对配电网参数类信息可视化展现方法 |
CN108572817A (zh) * | 2017-03-07 | 2018-09-25 | 北京京东尚科信息技术有限公司 | 基于业务建模的资源动态配置的方法、装置和介质 |
CN109375916A (zh) * | 2018-10-30 | 2019-02-22 | 成都四方伟业软件股份有限公司 | 交互网页编排方法及装置 |
CN110007917A (zh) * | 2019-03-08 | 2019-07-12 | 国电南瑞科技股份有限公司 | 一种基于浏览器的可视化页面生成和浏览方法 |
CN110543350A (zh) * | 2019-09-09 | 2019-12-06 | 广州华多网络科技有限公司 | 一种生成页面组件的方法及装置 |
CN111443911A (zh) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | 一种页面开发方法、装置、电子设备及计算机存储介质 |
CN111639278A (zh) * | 2020-05-26 | 2020-09-08 | 北京三快在线科技有限公司 | 一种网页加载方法及装置 |
-
2020
- 2020-11-25 CN CN202011337378.2A patent/CN112631571B/zh active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1573700A (zh) * | 2003-06-13 | 2005-02-02 | 微软公司 | 用于应用框架不可知的异步组件的机制 |
US20090259934A1 (en) * | 2008-04-11 | 2009-10-15 | Go Hazel Llc | System and method for rendering dynamic web pages with automatic ajax capabilities |
EP2151773A1 (en) * | 2008-08-05 | 2010-02-10 | Accenture Global Services GmbH | Synchronous to asynchronous web page conversion |
CN104423932A (zh) * | 2013-08-21 | 2015-03-18 | 上海科泰世纪科技有限公司 | Javascript中调用二进制组件的方法 |
CN108572817A (zh) * | 2017-03-07 | 2018-09-25 | 北京京东尚科信息技术有限公司 | 基于业务建模的资源动态配置的方法、装置和介质 |
CN107122185A (zh) * | 2017-04-21 | 2017-09-01 | 国网福建省电力有限公司 | 一种针对配电网参数类信息可视化展现方法 |
CN109375916A (zh) * | 2018-10-30 | 2019-02-22 | 成都四方伟业软件股份有限公司 | 交互网页编排方法及装置 |
CN110007917A (zh) * | 2019-03-08 | 2019-07-12 | 国电南瑞科技股份有限公司 | 一种基于浏览器的可视化页面生成和浏览方法 |
CN110543350A (zh) * | 2019-09-09 | 2019-12-06 | 广州华多网络科技有限公司 | 一种生成页面组件的方法及装置 |
CN111443911A (zh) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | 一种页面开发方法、装置、电子设备及计算机存储介质 |
CN111639278A (zh) * | 2020-05-26 | 2020-09-08 | 北京三快在线科技有限公司 | 一种网页加载方法及装置 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114547519A (zh) * | 2022-02-24 | 2022-05-27 | 京东方数字科技有限公司 | 页面编辑方法、装置、电子设备和可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN112631571B (zh) | 2024-06-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10726195B2 (en) | Filtered stylesheets | |
US10824691B2 (en) | Page rendering method, device, and data storage medium | |
JP7316349B2 (ja) | カスタマイズ可能な企業自動化テストフレームワーク | |
US6269460B1 (en) | Dynamic enhancement of error condition handling and displayed error messages in computer operations | |
US8438418B2 (en) | Simplifying automated software maintenance of data centers | |
US20090037551A1 (en) | System and method of controlling multiple computer platforms | |
CN107562556B (zh) | 故障的恢复方法、恢复装置及存储介质 | |
US9646103B2 (en) | Client-side template engine and method for constructing a nested DOM module for a website | |
JP2000003347A (ja) | コンピュ―タ・システム構成変化追跡方法 | |
JPH0727504B2 (ja) | ネットワークの構成を定義するシステム、ネットワークのための構成パラメータを生成する方法及びネットワークを構成するためのシステム | |
JPH09185538A (ja) | フロントエンド・ナビゲータとネットワーク・アーキテクチャーのための方法と装置 | |
US20170192877A1 (en) | Mobile application development and deployment | |
CN103744680A (zh) | 一种业务流程处理方法及装置 | |
US20210117313A1 (en) | Language agnostic automation scripting tool | |
CN111158687B (zh) | Java插件的界面生成方法、装置、计算机设备和存储介质 | |
US20160012147A1 (en) | Asynchronous Initialization of Document Object Model (DOM) Modules | |
CN110806868A (zh) | 一种单页面搭建及加载方法 | |
US20160012144A1 (en) | Javascript-based, client-side template driver system | |
CN112506854B (zh) | 页面模板文件的存储和页面生成方法、装置、设备及介质 | |
US20220229767A1 (en) | Test script generation apparatus, test script generation method and program | |
CN114661375A (zh) | 应用集成方法及装置 | |
CN112631571A (zh) | 一种web编辑器内组件的联动方法及装置 | |
CN114610334A (zh) | 产品可视化部署方法、装置、***及存储介质 | |
CN104166551A (zh) | 一种应用接口开发方法和开发装置 | |
US20160012023A1 (en) | Self-Referencing of Running Script Elements in Asynchronously Loaded DOM Modules |
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 |