CN114356299A - 页面搭建过程中的事件编排方法和装置 - Google Patents
页面搭建过程中的事件编排方法和装置 Download PDFInfo
- Publication number
- CN114356299A CN114356299A CN202210008515.0A CN202210008515A CN114356299A CN 114356299 A CN114356299 A CN 114356299A CN 202210008515 A CN202210008515 A CN 202210008515A CN 114356299 A CN114356299 A CN 114356299A
- Authority
- CN
- China
- Prior art keywords
- event
- component
- user
- target
- configuring
- 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.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本公开提供一种页面搭建过程中的事件编排方法和装置。事件编排方法包括:响应于用户将事件区中的目标事件组件拖拽到事件编排区的指定位置的第一操作,在指定位置显示目标事件组件;应于用户对目标事件组件的业务属性进行配置的第二操作,根据用户输入的配置信息对目标事件组件的业务属性进行配置;响应于用户对目标事件组件的关联关系进行配置的第三操作,根据用户输入的关联信息调整事件编排区中各事件组件间的关联关系;响应于用户的第一编排操作,根据事件编排区中各事件组件的业务属性和关联关系生成DSL代码。本公开能够在低代码平台有效实现对事件的可视化配置。
Description
技术领域
本公开涉及信息处理领域,特别涉及一种页面搭建过程中的事件编排方法和装置。
背景技术
在现有技术中,研发人员经常使用常规的敲代码方法完成页面开发工作。为了降低研发成本,快速实现业务交付,目标页面开发利用低代码平台完成。由于低代码注重代码层面很少,用极少代码可实现业务场景,从而能够满足业务需求。
发明内容
发明人注意到,目前的低代码平台,事件(例如点击事件、双击事件、页面生命周期方法)大多使用JS(JavaScript)代码进行编写,例如imgcook、宜塔等。由于其主要是使用代码方式解决事件的并发,串联,因此实际上为伪低代码。从而增加了研发工作量,对于问题也很难定位。
此外,页面的搭建很大一部分时间花费在业务逻辑组装,例如弹框、请求接口、条件判断、页面跳转等。使用JS高代码方式,不利于快速定位问题,测试成本较高,不利于理解业务逻辑,从而降低低代码平台的使用体验。
据此,本公开提供一种页面搭建过程中的事件编排方案,能够在低代码平台有效实现对事件的可视化配置。
根据本公开实施例的第一方面,提供一种页面搭建过程中的事件编排方法,包括:响应于用户将事件区中的目标事件组件拖拽到事件编排区的指定位置的第一操作,在所述指定位置显示所述目标事件组件;响应于所述用户对所述目标事件组件的业务属性进行配置的第二操作,根据所述用户输入的配置信息对所述目标事件组件的业务属性进行配置;响应于所述用户对所述目标事件组件的关联关系进行配置的第三操作,根据所述用户输入的关联信息调整所述事件编排区中各事件组件间的关联关系;响应于所述用户的第一编排操作,根据所述事件编排区中各事件组件的业务属性和关联关系生成领域特定语言DSL代码。
在一些实施例中,所述事件区中包括开始事件组件、导航事件组件、显示、隐藏和禁用事件组件、数据事件组件、弹框事件组件和操作事件组件中的至少一项。
在一些实施例中,所述弹框事件组件包括对话框组件、消息框组件、确认框组件和抽屉弹框组件中的至少一项。
在一些实施例中,所述操作事件组件包括延迟事件组件、条件判断组件、编程语言组件、重新执行当前事件组件和触发另一事件组件中的至少一项。
在一些实施例中,根据所述用户输入的配置信息对所述目标事件组件的业务属性进行配置包括:在所述目标事件组件为重新执行当前事件组件的情况下,根据所述用户输入的配置信息配置重新执行当前事件的次数。
在一些实施例中,在所述目标事件组件为触发另一事件组件的情况下,根据所述用户输入的配置信息配置所述另一事件的标识。
在一些实施例中,在运行所述DSL代码的过程中,检测弹框事件是否被触发;若弹框事件被触发,则启动事件增强引擎,以便监控所述弹框事件是否消失;若所述弹框事件消失,则触发所述弹框事件的下一事件或者当前事件的下一个事件节点,并关闭所述事件增强引擎。
根据本公开实施例的第二方面,提供一种页面搭建过程中的事件编排装置,包括:第一处理模块,被配置为响应于用户将事件区中的目标事件组件拖拽到事件编排区的指定位置的第一操作,在所述指定位置显示所述目标事件组件;第二处理模块,被配置为响应于所述用户对所述目标事件组件的业务属性进行配置的第二操作,根据所述用户输入的配置信息对所述目标事件组件的业务属性进行配置;响应于所述用户对所述目标事件组件的关联关系进行配置的第三操作,根据所述用户输入的关联信息调整所述事件编排区中各事件组件间的关联关系;第三处理模块,被配置为响应于所述用户的第一编排操作,根据所述事件编排区中各事件组件的业务属性和关联关系生成领域特定语言DSL代码。
根据本公开实施例的第三方面,提供一种页面搭建过程中的事件编排装置,包括:存储器,被配置为存储指令;处理器,耦合到存储器,处理器被配置为基于存储器存储的指令执行实现如上述任一实施例所述的方法。
根据本公开实施例的第四方面,提供一种计算机可读存储介质,其中,计算机可读存储介质存储有计算机指令,指令被处理器执行时实现如上述任一实施例涉及的方法。
通过以下参照附图对本公开的示例性实施例的详细描述,本公开的其它特征及其优点将会变得清楚。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本公开一个实施例的页面搭建过程中的事件编排方法的流程示意图;
图2-图6为本公开一些实施例的事件编码示意图;
图7为本公开一个实施例的页面搭建过程中的事件编排装置的结构示意图;
图8为本公开另一个实施例的页面搭建过程中的事件编排装置的结构示意图。
具体实施方式
下面将结合本公开实施例中的附图,对本公开实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本公开一部分实施例,而不是全部的实施例。以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本公开及其应用或使用的任何限制。基于本公开中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。
同时,应当明白,为了便于描述,附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为授权说明书的一部分。
在这里示出和讨论的所有示例中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它示例可以具有不同的值。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步讨论。
图1为本公开一个实施例的页面搭建过程中的事件编排方法的流程示意图。在一些实施例中,下列的事件编排方法由事件编排装置执行。
在步骤101,响应于用户将事件区中的目标事件组件拖拽到事件编排区的指定位置的第一操作,在指定位置显示目标事件组件。
例如,如图2所示,响应于用户将事件区中的事件组件1拖拽到事件编排区的指定位置的操作,在事件编排区的指定位置显示事件组件1。
在一些实施例中,事件区中包括开始事件组件、导航事件组件、显示、隐藏和禁用事件组件、数据事件组件、弹框事件组件和操作事件组件中的至少一项。其中:
开始事件:事件的开始节点。
导航事件:用于触发页面的跳转,例如跳转到上一页或下一页。
显示&隐藏&禁用事件:用于控制组件(UI层)的显示、隐藏和禁用。
数据事件:组件中的数据来源,包括API数据、元数据等。
弹框&toast事件:包括前端经常使用的弹框样式。例如,弹框事件组件包括对话框(dialog)组件、消息框(message)组件、确认框(confirm)组件和抽屉弹框(drawer)组件中的至少一项。
操作事件:用于比较复杂的操作。例如,操作事件组件包括延迟(delay)事件组件、条件判断组件、编程语言组件、重新执行当前事件组件和触发另一事件组件中的至少一项。
延迟事件为流程到一个节点之后延迟设定时间T之后执行后续节点。编程语言组件可使得用户通过编写代码的方式执行更加复杂的业务。例如,编程语言组件为JS可使得用户通过编写代码的方式执行更加复杂的业务。重新执行当前事件为将当前事件重新执行设定次数。触发另一事件为在当前事件结束后调用另一事件。
在步骤102,响应于用户对目标事件组件的业务属性进行配置的第二操作,根据用户输入的配置信息对目标事件组件的业务属性进行配置。
在一些实施例中,在目标事件组件为重新执行当前事件组件的情况下,根据用户输入的配置信息配置重新执行当前事件的次数。
例如,如图3所示,将重新执行当前事件的次数设置为2次。
在一些实施例中,在目标事件组件为触发另一事件组件的情况下,根据用户输入的配置信息配置另一事件的标识。
例如,如图4所示,将触发另一事件组件配置为触发标识为ID3的事件。
在步骤103,响应于用户对目标事件组件的关联关系进行配置的第三操作,根据用户输入的关联信息调整事件编排区中各事件组件间的关联关系。
例如,如图5所示,事件编排区中原有开始组件1、API组件2、dialog组件3和openPage组件4,相应流程顺序为组件1、API组件2、dialog组件3和openPage组件4。通过将事件区中的message组件5拖拽到事件编排区中,并建立message组件5和API组件2的关联关系,如图6所示。
由此,在开始事件后会执行API事件(接口请求),若API事件返回成功,则执行openPage事件以打开一个新页面。若API事件返回失败,则执行message事件,以便通过弹框提示失败信息。从而,本公开通过事件编排将复杂的高代码转化为简单的可拖拽的可视化事件。
在步骤104,响应于用户的第一编排操作,根据事件编排区中各事件组件的业务属性和关联关系生成DSL(Domain Specific Language,领域特定语言)代码。
在一些实施例中,通过直接将DSL代码拷贝到SDK(Software Development Kit,软件开发工具包)代码中,以便完成页面开发工作。
在一些实施例中,在运行DSL代码的过程中,检测弹框事件是否被触发。若弹框事件被触发,则启动事件增强引擎,以便监控弹框事件是否消失。若弹框事件消失,则触发弹框事件的下一事件或者当前事件的下一个事件节点,并关闭事件增强引擎。
这里需要说明的是,如图6所示,dialog弹框事件被触发后,只有在dialog弹框事件消失后,才会继续执行后续的openPage事件。为了能够及时触发openPage事件,本申请提出在dialog弹框事件被触发后,启动事件增强引擎,以便通过事件增强引擎监控dialog弹框事件是否消息。若弹框事件消失,则事件增强引擎会及时触发openPage事件。
图7为本公开一个实施例的页面搭建过程中的事件编排装置的结构示意图。如图7所示,事件编排装置包括第一处理模块71、第二处理模块72和第三处理模块73。
第一处理模块71被配置为响应于用户将事件区中的目标事件组件拖拽到事件编排区的指定位置的第一操作,在指定位置显示目标事件组件。
在一些实施例中,事件区中包括开始事件组件、导航事件组件、显示、隐藏和禁用事件组件、数据事件组件、弹框事件组件和操作事件组件中的至少一项。其中:
开始事件:事件的开始节点。
导航事件:用于触发页面的跳转,例如跳转到上一页或下一页。
显示&隐藏&禁用事件:用于控制组件(UI层)的显示、隐藏和禁用。
数据事件:组件中的数据来源,包括API数据、元数据等。
弹框&toast事件:包括前端经常使用的弹框样式。例如,弹框事件组件包括对话框(dialog)组件、消息框(message)组件、确认框(confirm)组件和抽屉弹框(drawer)组件中的至少一项。
操作事件:用于比较复杂的操作。例如,操作事件组件包括延迟(delay)事件组件、条件判断组件、编程语言组件、重新执行当前事件组件和触发另一事件组件中的至少一项。
延迟事件为流程到一个节点之后延迟设定时间T之后执行后续节点。编程语言组件可使得用户通过编写代码的方式执行更加复杂的业务。例如,编程语言组件为JS可使得用户通过编写代码的方式执行更加复杂的业务。重新执行当前事件为将当前事件重新执行设定次数。触发另一事件为在当前事件结束后调用另一事件。
第二处理模块72被配置为响应于用户对目标事件组件的业务属性进行配置的第二操作,根据用户输入的配置信息对目标事件组件的业务属性进行配置;响应于用户对目标事件组件的关联关系进行配置的第三操作,根据用户输入的关联信息调整事件编排区中各事件组件间的关联关系。
在一些实施例中,在目标事件组件为重新执行当前事件组件的情况下,根据用户输入的配置信息配置重新执行当前事件的次数。
在一些实施例中,在目标事件组件为触发另一事件组件的情况下,根据用户输入的配置信息配置另一事件的标识。
第三处理模块73被配置为响应于用户的第一编排操作,根据事件编排区中各事件组件的业务属性和关联关系生成DSL代码。
在一些实施例中,通过直接将DSL代码拷贝到SDK软件开发工具包代码中,以便完成页面开发工作。
在一些实施例中,在运行DSL代码的过程中,第三处理模块73检测弹框事件是否被触发。若弹框事件被触发,则启动事件增强引擎,以便监控弹框事件是否消失。若弹框事件消失,则触发弹框事件的下一事件或者当前事件的下一个事件节点,并关闭事件增强引擎。
图8为本公开一个实施例的页面搭建过程中的事件编排装置的结构示意图。如图8所示,事件编排装置包括存储器81和处理器82。
存储器81用于存储指令,处理器82耦合到存储器81,处理器82被配置为基于存储器存储的指令执行实现如图1中任一实施例涉及的方法。
如图8所示,该事件编排装置还包括通信接口83,用于与其它设备进行信息交互。同时,该事件编排装置还包括总线84,处理器82、通信接口83、以及存储器81通过总线84完成相互间的通信。
存储器81可以包含高速RAM存储器,也可还包括非易失性存储器(non-volatilememory),例如至少一个磁盘存储器。存储器81也可以是存储器阵列。存储器81还可能被分块,并且块可按一定的规则组合成虚拟卷。
此外,处理器82可以是一个中央处理器CPU,或者可以是专用集成电路ASIC,或是被配置成实施本公开实施例的一个或多个集成电路。
本公开同时还涉及一种计算机可读存储介质,其中计算机可读存储介质存储有计算机指令,指令被处理器执行时实现如图1中任一实施例涉及的方法。
在一些实施例中,在上面所描述的功能单元模块可以实现为用于执行本公开所描述功能的通用处理器、可编程逻辑控制器(Programmable Logic Controller,简称:PLC)、数字信号处理器(Digital Signal Processor,简称:DSP)、专用集成电路(ApplicationSpecific Integrated Circuit,简称:ASIC)、现场可编程门阵列(Field-ProgrammableGate Array,简称:FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件或者其任意适当组合。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
本公开的描述是为了示例和描述起见而给出的,而并不是无遗漏的或者将本公开限于所公开的形式。很多修改和变化对于本领域的普通技术人员而言是显然的。选择和描述实施例是为了更好说明本公开的原理和实际应用,并且使本领域的普通技术人员能够理解本公开从而设计适于特定用途的带有各种修改的各种实施例。
Claims (10)
1.一种页面搭建过程中的事件编排方法,包括:
响应于用户将事件区中的目标事件组件拖拽到事件编排区的指定位置的第一操作,在所述指定位置显示所述目标事件组件;
响应于所述用户对所述目标事件组件的业务属性进行配置的第二操作,根据所述用户输入的配置信息对所述目标事件组件的业务属性进行配置;
响应于所述用户对所述目标事件组件的关联关系进行配置的第三操作,根据所述用户输入的关联信息调整所述事件编排区中各事件组件间的关联关系;
响应于所述用户的第一编排操作,根据所述事件编排区中各事件组件的业务属性和关联关系生成领域特定语言DSL代码。
2.根据权利要求1所述的方法,还包括:
所述事件区中包括开始事件组件、导航事件组件、显示、隐藏和禁用事件组件、数据事件组件、弹框事件组件和操作事件组件中的至少一项。
3.根据权利要求2所述的方法,其中,
所述弹框事件组件包括对话框组件、消息框组件、确认框组件和抽屉弹框组件中的至少一项。
4.根据权利要求2所述的方法,其中,
所述操作事件组件包括延迟事件组件、条件判断组件、编程语言组件、重新执行当前事件组件和触发另一事件组件中的至少一项。
5.根据权利要求4所述的方法,其中,根据所述用户输入的配置信息对所述目标事件组件的业务属性进行配置包括:
在所述目标事件组件为重新执行当前事件组件的情况下,根据所述用户输入的配置信息配置重新执行当前事件的次数。
6.根据权利要求5所述的方法,还包括:
在所述目标事件组件为触发另一事件组件的情况下,根据所述用户输入的配置信息配置所述另一事件的标识。
7.根据权利要求1-6中任一项所述的方法,还包括:
在运行所述DSL代码的过程中,检测弹框事件是否被触发;
若弹框事件被触发,则启动事件增强引擎,以便监控所述弹框事件是否消失;
若所述弹框事件消失,则触发所述弹框事件的下一事件或者当前事件的下一个事件节点,并关闭所述事件增强引擎。
8.一种页面搭建过程中的事件编排装置,包括:
第一处理模块,被配置为响应于用户将事件区中的目标事件组件拖拽到事件编排区的指定位置的第一操作,在所述指定位置显示所述目标事件组件;
第二处理模块,被配置为响应于所述用户对所述目标事件组件的业务属性进行配置的第二操作,根据所述用户输入的配置信息对所述目标事件组件的业务属性进行配置;响应于所述用户对所述目标事件组件的关联关系进行配置的第三操作,根据所述用户输入的关联信息调整所述事件编排区中各事件组件间的关联关系;
第三处理模块,被配置为响应于所述用户的第一编排操作,根据所述事件编排区中各事件组件的业务属性和关联关系生成领域特定语言DSL代码。
9.一种页面搭建过程中的事件编排装置,包括:
存储器,被配置为存储指令;
处理器,耦合到存储器,处理器被配置为基于存储器存储的指令执行实现如权利要求1-7中任一项所述的方法。
10.一种计算机可读存储介质,其中,计算机可读存储介质存储有计算机指令,指令被处理器执行时实现如权利要求1-7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210008515.0A CN114356299A (zh) | 2022-01-05 | 2022-01-05 | 页面搭建过程中的事件编排方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210008515.0A CN114356299A (zh) | 2022-01-05 | 2022-01-05 | 页面搭建过程中的事件编排方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114356299A true CN114356299A (zh) | 2022-04-15 |
Family
ID=81107649
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210008515.0A Pending CN114356299A (zh) | 2022-01-05 | 2022-01-05 | 页面搭建过程中的事件编排方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114356299A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117827191A (zh) * | 2024-01-10 | 2024-04-05 | 广东赛意信息科技有限公司 | 一种基于可视化建模的执行方法、装置、设备及存储介质 |
-
2022
- 2022-01-05 CN CN202210008515.0A patent/CN114356299A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117827191A (zh) * | 2024-01-10 | 2024-04-05 | 广东赛意信息科技有限公司 | 一种基于可视化建模的执行方法、装置、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10762277B2 (en) | Optimization schemes for controlling user interfaces through gesture or touch | |
US10592082B2 (en) | Parallel front end application and workflow development | |
KR102118223B1 (ko) | 크로스 윈도우 애니메이션 | |
US20160188363A1 (en) | Method, apparatus, and device for managing tasks in multi-task interface | |
US20130139087A1 (en) | Copy and paste buffer | |
US20180129482A1 (en) | Generation of application behaviors | |
CN104346351B (zh) | 面向内容的页面之间的平滑导航 | |
TW201525776A (zh) | 對於鍵盤使用者介面的啓用控制 | |
CN105144058A (zh) | 延迟放置提示 | |
CN110765746B (zh) | 基于事件代理的表单自动生成方法和系统 | |
US9268875B2 (en) | Extensible content focus mode | |
RU2639667C2 (ru) | Контекстное приглашение в пробной версии приложения | |
WO2017214665A1 (en) | Improvements in or relating to forms | |
US20240020350A1 (en) | Method and system for navigation control | |
US9928220B2 (en) | Temporary highlighting of selected fields | |
CN107562476B (zh) | 一种生成应用程序的方法及装置 | |
CN109242403B (zh) | 一种需求管理方法及计算机设备 | |
CN114356299A (zh) | 页面搭建过程中的事件编排方法和装置 | |
JP6662861B2 (ja) | ユーザアクションに応答して直接操作の有効化を決定するためのヒットテスト | |
US9069562B2 (en) | Mobile computing program slicing and behavior | |
CN109814857B (zh) | 一种可定制图元联动的方法及装置 | |
JP7416832B2 (ja) | スライド格納方法および装置 | |
US20240111408A1 (en) | Drag and drop interactions for an object tracking software application | |
WO2017050162A1 (zh) | 内容输入方法及装置 | |
US11797638B2 (en) | Aggregate component for parallel browser-initiated actions |
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 |