一种条件参数配置组件和条件参数配置方法与流程

文档序号:29956667发布日期:2022-05-11 08:09阅读:101来源:国知局
一种条件参数配置组件和条件参数配置方法与流程

1.本发明涉及计算机技术应用领域,特别是涉及一种条件参数配置组件和条件参数配置方法。


背景技术:

2.h5是目前互联网行业广泛使用的运营活动产品形态,一个承载会员拉新、用户促活等运营功能的h5的开发通常需要前端、后端、数据等多工种开发人员在一定的开发周期内参与。为了控制人力成本、提高开发效率,部分企业设计了h5制作平台,将h5内可复用的功能模板化,供运营人员使用快速制作和发布h5。
3.目前,h5制作平台中没有条件判断语句相关的功能模块,从而仅能通过编写条件判断代码的方式制作条件判断语句相关的h5页面,这对于无编程基础的人员来说比较困难,并且,编写条件判断代码的方式使得条件判断语句相关的h5页面的制作效率低下。


技术实现要素:

4.有鉴于此,本发明提供了一种条件参数配置组件和条件参数配置方法,用于提高条件判断语句相关的h5页面的制作效率,其技术方案如下:
5.一种条件参数配置组件,包括:被对比值输入模块、条件运算符输入模块、条件逻辑计算模块和列表存储模块;
6.被对比值输入模块,用于展示被对比值输入框,并在被对比值输入框中输入用户选取的数据源的key引用地址,以及,通过数据源提供的属性值获取方法从key引用地址处获取数据源运行时产生的被对比值;
7.条件运算符输入模块,用于展示条件运算符输入框,并在条件运算符输入框中输入用户选取的条件运算符;其中,被对比值和条件运算符组成条件逻辑数组;
8.列表存储模块,用于存储条件逻辑数组和条件逻辑数组对应的页面制作信息,其中,页面制作信息用于制作h5页面;
9.条件逻辑计算模块,用于根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果从列表存储模块中获取目标页面制作信息,并将目标页面制作信息发送至渲染引擎进行页面渲染。
10.可选的,还包括:对比值输入模块和/或关系运算符输入模块;
11.对比值输入模块,用于展示对比值输入框,并在对比值输入框中输入对比值;其中,对比值与被对比值和条件运算符共同组成条件逻辑数组;
12.关系运算符输入模块,用于展示关系运算符输入框,并在关系运算符输入框中输入用户选取的关系运算符;其中,关系运算符与被对比值、条件运算符和对比值共同组成条件逻辑数组。
13.可选的,条件运算符包括以下运算符中的一种或多种:非、等于、不等于、大于、大于等于、小于、小于等于;
14.关系运算符包括以下运算符中的一种或多种:而且、或者。
15.可选的,条件逻辑数组包括至少一个条件逻辑,每个条件逻辑均具有运算优先级;
16.条件参数配置组件,还包括:优先级调整模块和/或删除模块;
17.优先级调整模块,用于展示至少一个条件逻辑分别对应的优先级调整按钮,以及,在检测到用户点击任一条件逻辑对应的优先级调整按钮时,按照优先级调整按钮调整该条件逻辑的运算优先级;
18.删除模块,用于展示至少一个条件逻辑分别对应的删除按钮,以及,在检测到用户点击任一条件逻辑对应的删除按钮时,将该条件逻辑对应的输入框删除。
19.可选的,每个条件逻辑均具有序号,序号用于表征条件逻辑的运算优先级;
20.列表存储模块中存储的条件逻辑数组对应的页面制作信息包括:条件逻辑数组对应的默认视图,以及,每个条件逻辑分别对应的视图;
21.条件逻辑计算模块根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果从列表存储模块中获取目标页面制作信息时,具体用于:
22.按照至少一个条件逻辑的序号表征的运算优先级,遍历条件逻辑数组包含的条件逻辑:
23.对于当前遍历到的条件逻辑,根据当前遍历到的条件逻辑对应的被对比值和条件运算符,计算第一条件判断结果,若第一条件判断结果为是,则从列表存储模块中获取当前遍历到的条件逻辑对应的视图,作为目标页面制作信息,若第一条件判断结果为否,则遍历下一条条件逻辑;
24.在遍历结束后,若所有条件逻辑的第一条件判断结果均为否,从列表存储模块中获取默认视图,作为目标页面制作信息。
25.可选的,列表存储模块中存储的条件逻辑数组对应的页面制作信息包括:条件逻辑数组对应的默认操作方式,以及,每个条件逻辑分别对应的操作方式;
26.条件参数配置组件,还包括:目标操作方式输入模块和默认操作方式输入模块;
27.目标操作方式输入模块,用于展示条件逻辑数组对应的目标操作方式输入框,并在操作方式输入框中输入用户选取的目标操作方式;
28.默认操作方式输入模块,用于展示条件逻辑数组对应的默认操作方式输入框,并在默认操作方式输入框中输入用户选取的默认操作方式;
29.条件逻辑计算模块根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果从列表存储模块中获取目标页面制作信息时,具体用于:
30.根据条件逻辑数组对应的被对比值和条件运算符,计算第二条件判断结果;
31.若第二条件判断结果为是,则从列表存储模块中获取目标操作方式,作为目标操作信息;
32.若第二条件判断结果为否,则从列表存储模块中获取默认操作方式,作为目标操作信息。
33.可选的,还包括:时机输入模块;
34.时机输入模块,用于展示条件逻辑数组对应的操作时机输入框,并在操作时机输入框中输入用户选取的操作时机,其中,操作时机用于指示条件逻辑计算模块何时获取目标操作信息。
35.一种条件参数配置方法,应用于如上述任一项的条件参数配置组件,包括:
36.通过数据源提供的属性值获取方法从key引用地址处获取数据源运行时产生的被对比值;
37.获取用户选取的条件运算符,其中,被对比值和条件运算符组成条件逻辑数组;
38.根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果获取目标页面制作信息,并将目标页面制作信息发送至渲染引擎进行页面渲染,其中,目标页面制作信息为条件逻辑数组对应的页面制作信息,页面制作信息用于制作h5页面。
39.可选的,条件逻辑数组包括至少一个条件逻辑,每个条件逻辑均具有序号,序号用于表征条件逻辑的运算优先级;
40.条件逻辑数组对应的页面制作信息包括:条件逻辑数组对应的默认视图,以及,每个条件逻辑分别对应的视图;
41.根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果获取目标页面制作信息,包括:
42.按照至少一个条件逻辑的序号表征的运算优先级,遍历条件逻辑数组包含的条件逻辑:
43.对于当前遍历到的条件逻辑,根据当前遍历到的条件逻辑对应的被对比值和条件运算符,计算第一条件判断结果,若第一条件判断结果为是,则获取当前遍历到的条件逻辑对应的视图,作为目标页面制作信息,若第一条件判断结果为否,则遍历下一条条件逻辑;
44.在遍历结束后,若所有条件逻辑的第一条件判断结果均为否,则获取默认视图,作为目标页面制作信息。
45.可选的,条件逻辑数组包括至少一个条件逻辑,每个条件逻辑均具有序号,序号用于表征条件逻辑的运算优先级;
46.条件逻辑数组对应的页面制作信息包括:条件逻辑数组对应的默认操作方式,以及,每个条件逻辑分别对应的操作方式;
47.根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果获取目标页面制作信息,包括:
48.根据条件逻辑数组对应的被对比值和条件运算符,计算第二条件判断结果;
49.若第二条件判断结果为是,则获取用户选取的目标操作方式,作为目标操作信息;
50.若第二条件判断结果为否,则获取用户选取的默认操作方式,作为目标操作信息。
51.经由上述的技术方案可知,本发明提供的条件参数配置组件中,被对比值输入模块可以用于展示被对比值输入框,条件运算符输入模块可以用于展示条件运算符输入框,用户可通过被对比值输入框选取数据源的key引用地址,被对比值输入模块可通过数据源提供的属性值获取方法从key引用地址处获取数据源运行时产生的被对比值,用户还可通过条件运算符输入框选取条件运算符,被对比值输入框和条件运算符输入框组成条件逻辑数组,从而条件逻辑计算模块可根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果从列表存储模块中获取目标页面制作信息,并将目标页面制作信息发送至渲染引擎进行页面渲染,如此即可得到条件逻辑对应的h5页面,整个过程无需编写条件判断代码,提高了条件判断语句相关的h5页面的制作效率。
附图说明
52.为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
53.图1为本发明实施例提供的一种条件参数配置组件的结构示意图;
54.图2为本发明实施例提供的另一种条件参数配置组件的结构示意图;
55.图3为本发明实施例提供的又一种条件参数配置组件的结构示意图;
56.图4为本发明实施例提供的又一种条件参数配置组件的结构示意图;
57.图5为本发明实施例提供的又一种条件参数配置组件的结构示意图;
58.图6为本发明实施例提供的又一种条件参数配置组件的结构示意图;
59.图7为本发明实施例提供的一种条件参数配置方法的流程示意图。
具体实施方式
60.下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
61.鉴于现有技术存在的问题,本案发明人进行了深入研究后想到,可以开发一种条件判断语句的可视化编程组件,将“if else”语句结构中的变量、判断条件、操作进行拆解,使用web技术集成进h5制作平台,以模块化的方式进行可视化的呈现。基于此,本发明最终提出了一种条件参数配置组件,接下来通过下述实施例对本发明提供的条件参数配置组件进行详细介绍。
62.请参阅图1,示出了本发明实施例提供的一种条件参数配置组件的结构示意图,该条件参数配置组件可以包括:被对比值输入模块、条件运算符输入模块、条件逻辑计算模块和列表存储模块。
63.可选的,被对比值输入模块可以用于展示被对比值输入框,并在被对比值输入框中输入用户选取的数据源的key引用地址,以及,通过数据源提供的属性值获取方法从key引用地址处获取数据源运行时产生的被对比值;
64.条件运算符输入模块可以用于展示条件运算符输入框,并在条件运算符输入框中输入用户选取的条件运算符;其中,被对比值和条件运算符组成条件逻辑数组;
65.列表存储模块可以用于存储条件逻辑数组和条件逻辑数组对应的页面制作信息,其中,页面制作信息用于制作h5页面;
66.条件逻辑计算模块可以用于根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果从列表存储模块中获取目标页面制作信息,并将目标页面制作信息发送至渲染引擎进行页面渲染。
67.具体来说,被对比值输入模块可以用于展示被对比值输入框(即图1中的“数据”输入框),该被对比值输入框为多级选择框组件,该多级选择框中的所有选项均为系统为用户整理好的可以选用作为数据源(datasource)对象的key引用地址,例如,参见图1所示,key
引用地址为“用户信息/是否登录”。基于此,用户可通过在多级选择框组件选择数据源的key引用地址,在用户选择该key引用地址时,被对比值输入模块可同步在被对比值输入框中输入用户选取的数据源的key引用地址,可选的,若key引用地址较长,可仅在对比值输入框中展示输入的前若干字符,后续字符用省略号代替。这里,数据源的key引用地址可以用来指示被对比值(left-side)在数据源中的位置,本发明实施例提供的被对比值输入模块可通过数据源提供的属性值获取方法(例如getvalue方法)从key引用地址处获取数据源运行时产生的被对比值。
68.需要说明的是,本发明实施例中,由于数据源中数据的特殊性及应用地址的复杂性,用户只能通过被对比值输入框选择key引用地址,而无法手工输入。
69.上述条件运算符输入模块可以用于展示条件运算符输入框(即图1中的“运算”输入框),在本发明实施例中,条件运算符(operator)可以在条件运算符输入框中以下拉选项的形式供使用者配置,那么在用户选择条件运算符时,条件运算符输入模块可以同步在条件运算符输入框中输入用户选择的条件运算符。当然,用户也可以在条件运算符输入框手动输入条件运算符,本发明对此不进行限定。
70.可选的,上述条件运算符可以包括以下运算符中的一种或多种:“非”、“等于”、“不等于”。应当理解,“非”、“等于”“不等于”等条件运算符可用同义词或近义词替代,例如,“非”可以用“不是”、“否”等同义词或近义词替代,“等于”可以用“是”等同义词或近义词替代,例如,参见图1所示,“运算”输入框中的条件运算符为“不是”。
71.需要说明的是,上述被对比值和条件运算符可以组成条件逻辑数组,在被对比值和条件运算符组成条件逻辑数组时,实际上隐含了条件逻辑数组中还包括固定的对比值(right-side)(例如,对比值为“是”,或者,对比值为“否”),只是因为对比值为固定值,所以本发明实施例无需专门设计对比值输入模块。
72.上述列表存储模块可以用于存储条件逻辑数组和条件逻辑数组对应的页面制作信息,这里,页面制作信息用于制作h5页面。
73.上述条件逻辑计算模块可以用于根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果从列表存储模块中获取目标页面制作信息,并将目标页面制作信息发送至渲染引擎进行页面渲染。
74.由此可见,本发明实施例通过设置被对比值输入模块和条件运算符输入模块,可在界面上展示如图1所示的被对比值输入框和条件运算符输入框,从而使用者(即用户)可以直观地选择被对比值,例如,用户登录状态、会员身份状态、系统环境、后端接口的某条数值等,并添加条件运算符,例如,是、否等,条件逻辑计算模块再根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果从列表存储模块中获取目标页面制作信息,并将目标页面制作信息发送至渲染引擎进行页面渲染,即可完成条件判断语句相关的h5页面制作。
75.本发明提供的条件参数配置组件中,被对比值输入模块可以用于展示被对比值输入框,条件运算符输入模块可以用于展示条件运算符输入框,用户可通过被对比值输入框选取数据源的key引用地址,被对比值输入模块可通过数据源提供的属性值获取方法从key引用地址处获取数据源运行时产生的被对比值,用户还可通过条件运算符输入框选取条件运算符,被对比值输入框和条件运算符输入框组成条件逻辑数组,从而条件逻辑计算模块
可根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果从列表存储模块中获取目标页面制作信息,并将目标页面制作信息发送至渲染引擎进行页面渲染,如此即可得到条件逻辑对应的h5页面,整个过程无需编写条件判断代码,提高了条件判断语句相关的h5页面的制作效率。
76.在一可选实施例中,应当理解,有一些条件逻辑组件必须包含对比值,且对比值不是固定值,例如,可选的,上述条件运算符除可以为“非”、“等于”、“不等于”外,还可以包括以下运算符中的一种或多种:“大于”、“大于等于”、“小于”、“小于等于”。对于“等于”、“不等于”、“大于”、“大于等于”、“小于”、“小于等于”等条件运算符,需要包含对比值才可以进行运算,基于此,本发明实施例提供的条件参数配置组件还可以包括:对比值输入模块,该对比值输入模块可以用于展示对比值输入框,并在对比值输入框中输入对比值;其中,对比值与被对比值和条件运算符共同组成条件逻辑数组。
77.具体来说,参见图2所示,对比值输入模块可以用于展示对比值输入框(即图2中的“对比”输入框),在本发明实施例中,由于对比值的范围较广,无法一一展示,因此用户可以在对比值输入框手动输入对比值,那么在用户输入对比值时,对比值输入模块可以同步在对比值输入框中输入对比值。
78.在本发明实施例提供的条件参数配置组件中包含对比值输入模块时,对比值与上述被对比值和条件运算符共同组成条件逻辑数组(或条件逻辑)。
79.本发明实施例中,条件参数配置组件中包含对比值输入模块时,条件逻辑计算模块的运算过程与上述实施例相似,只不过是第一条件判断结果需要根据当前遍历到的条件逻辑对应的被对比值、条件运算符和对比值进行计算。因此详细运算过程可参照上述实施例,在此不再重复赘述。
80.在一可选实施例中,有些条件逻辑需要基于多组被对比值、条件运算符和对比值实现,即需要进行多重条件判断,此时可借助关系运算符实现。基于此,本发明实施例提供的条件参数配置组件还可以包括:关系运算符输入模块,该关系运算符输入模块可以用于展示关系运算符输入框,并在关系运算符输入框中输入用户选取的关系运算符;其中,关系运算符与被对比值、条件运算符和对比值共同组成条件逻辑数组。
81.具体来说,参见图3所示,关系运算符输入模块可以用于展示关系运算符输入框(即图3中的“关系”输入框),在本发明实施例中,关系运算符可以在关系运算符输入框中以下拉选项的形式供使用者配置,那么在用户选择关系运算符时,关系运算符输入模块可以同步在关系运算符输入框中输入用户选择的关系运算符。当然,用户也可以在关系运算符输入框手动输入关系运算符,本发明对此不进行限定。
82.可选的,关系运算符包括以下运算符中的一种或多种:“而且(即and)”、“或者(即or)”。当然,本发明实施例提供的关系运算符还可以为其他,在此不进行限定。
83.在本发明实施例提供的条件参数配置组件中包含关系运算符输入模块时,关系运算符与上述被对比值、条件运算符和对比值共同组成条件逻辑数组(或条件逻辑)。
84.本发明实施例中,条件参数配置组件中包含关系运算符输入模块时,条件逻辑计算模块在计算每个条件逻辑对应的第一条件判断结果时,先计算每组被对比值与对比值的对比结果的真假,然后基于关系运算符与上一组被对比值与对比值的对比结果的真假进行对比运算,根据逻辑关系产生已遍历的逻辑的运算结果,作为条件逻辑对应的第一条件判
断结果。而条件逻辑计算模块的总体运算过程与上述实施例相似,因此详细的总体运算过程可参照上述实施例,在此不再重复赘述。
85.在一可选实施例中,上述条件逻辑数组包括至少一个条件逻辑,例如,参见图2所示,图2共包含两个“如果”框,每个“如果”框对应一个条件逻辑,这2个条件逻辑共同组成条件逻辑数组。
86.可以理解的是,每个条件逻辑均具有运算优先级。基于此,本发明实施例提供的条件参数配置组件还可以包括优先级调整模块,该优先级调整模块可以用于展示至少一个条件逻辑分别对应的优先级调整按钮,以及,在检测到用户点击任一条件逻辑对应的优先级调整按钮时,按照优先级调整按钮调整该条件逻辑的运算优先级。
87.例如,参见图4所示的优先级调整按钮(即图4中的向上箭头和向下箭头),用户可通过点击各条件逻辑分别对应的优先级调整按钮,以调整各条件逻辑的运算优先级,在调整条件逻辑的运算优先级后,序号对应调整。
88.在一可选实施例中,仍参见图4所示,本发明实施例提供的条件参数配置组件还可以包括删除模块,该删除模块可以用于展示至少一个条件逻辑分别对应的删除按钮,以及,在检测到用户点击任一条件逻辑对应的删除按钮时,将该条件逻辑对应的输入框(例如,被对比值输入框、条件运算符输入框、对比值输入框和关系运算符输入框等)删除。可选的,在删除一条件逻辑对应的输入框后,本发明实施例还可以将列表存储模块中该条件逻辑和该条件逻辑对应的视图删除。
89.上述本发明提供的条件参数配置组件可应用于多个场景,以下示例性的给出两个使用场景。应当理解,本发明的使用场景包括但不限于这两个使用场景。
90.第一个场景为配置条件渲染视图的场景。
91.可选的,在该场景下,本发明提供的条件参数配置组件可以为条件容器组件。
92.可以理解的是,若条件逻辑数组包含多个条件逻辑,则需要确定出多个条件逻辑的运算优先级,那么对于本发明实施例,条件逻辑数组包括至少一个条件逻辑中,每个条件逻辑均具有序号,该序号用于表征条件逻辑的运算优先级,从而条件逻辑计算模块即可基于序号确定出先计算哪个条件逻辑,再计算哪个条件逻辑。
93.可选的,上述页面制作信息可以为用于制作h5页面的视图,即本发明实施例提供的列表存储模块中存储的条件逻辑数组对应的页面制作信息包括:条件逻辑数组对应的默认视图,以及,每个条件逻辑分别对应的视图(一个条件逻辑对应一个视图)。
94.相应的,条件逻辑计算模块在根据所述条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果从所述列表存储模块中获取目标页面制作信息时,具体过程可以包括:按照至少一个条件逻辑的序号表征的运算优先级,遍历条件逻辑数组包含的条件逻辑:对于当前遍历到的条件逻辑,根据当前遍历到的条件逻辑对应的被对比值和条件运算符,计算第一条件判断结果,若第一条件判断结果为是(本发明实施例中,条件判断结果为是也即条件判断结果为真,下述同理),则从列表存储模块中获取当前遍历到的条件逻辑对应的视图,作为目标页面制作信息,若第一条件判断结果为否(本发明实施例中,条件判断结果为否也即条件判断结果为假,下述同理),则遍历下一条条件逻辑;在遍历结束后,若所有条件逻辑的第一条件判断结果均为否,从列表存储模块中获取默认视图,作为目标页面制作信息。
95.例如,仍参见图2所示,基于图2,本发明实施例提供的列表存储模块中存储有条件逻辑数组对应的默认视图,和,该两个条件逻辑分别对应的视图,为便于描述,记为视图1和视图2。则,条件逻辑计算模块可首先针对第一个“如果”框,根据该第一个“如果”框对应的条件逻辑所对应的被对比值和条件运算符,计算第一条件判断结果,若第一条件判断结果为是,则从列表存储模块中获取视图1,作为目标页面制作信息,若第一条件判断结果为否,则针对第二个“如果”框,根据该第二个“如果”框对应的条件逻辑所对应的被对比值和条件运算符,再次计算第一条件判断结果,若再次计算的第一条件判断结果为是,则从列表存储模块中获取视图2,作为目标页面制作信息,若再次计算的第一条件判断结果为否,则从列表存储模块中获取默认视图,作为目标页面制作信息。
96.在本发明实施例中,视图即一套html代码,该html代码中描述了页面的各个图片文字等以何种形式位置呈现在h5页面上,通过计算第一条件判断结果,只需将对应的html代码或者默认html代码发送至渲染引擎即可渲染,即基于html代码将图案绘制在h5页面上。
97.在一可选实施例中,仍参见图4所示,在该配置条件渲染视图的场景下,本发明实施例提供的条件参数配置组件还可以包括视图编辑模块,该视图编辑模块可以用于展示至少一个条件逻辑分别对应的视图编辑按钮(即图4中的“显示当前条件”),并在检测到用户点击任一条件逻辑对应的视图编辑按钮时,显示或隐藏该条件逻辑对应的视图。
98.需要说明的是,该视图编辑模块是在编辑模式下使用的,在编辑条件时,可以通过视图编辑按钮来切换编辑当前条件逻辑所对应的视图状态,其中,在显示该条件逻辑对应的视图后,可对视图进行编辑。
99.当然,在界面显示的信息除上述本发明实施例提供的输入框和按钮外,还可以包括其他信息,例如头信息,该头信息例如图4中的“条件容器/组”“条件容器/组设置”和“正在编辑默认条件”等信息,本发明对此不进行限定。
100.第二个场景为配置条件触发事件的场景。
101.可选的,该配置条件触发事件的场景例如可以为事件的条件分支判断等场景,这些场景的事件中可以选择操作方式。
102.基于此,可选的,上述页面制作信息可以为用于制作h5页面的操作方式,即本发明实施例提供的列表存储模块中存储的条件逻辑数组对应的页面制作信息包括:条件逻辑数组对应的默认操作方式,以及,每个条件逻辑分别对应的操作方式。
103.相应的,本发明实施例提供的条件参数配置组件还可以包括:目标操作方式输入模块和默认操作方式输入模块。
104.其中,目标操作方式输入模块可以用于展示条件逻辑数组对应的目标操作方式输入框,并在操作方式输入框中输入用户选取的目标操作方式;
105.默认操作方式输入模块可以用于展示条件逻辑数组对应的默认操作方式输入框,并在默认操作方式输入框中输入用户选取的默认操作方式。
106.具体来说,目标操作方式输入模块可以用于展示条件逻辑数组对应的目标操作方式输入框,默认操作方式输入模块可以用于展示条件逻辑数组对应的默认操作方式输入框。在本发明实施例中,可预先为用户整理好各种操作方式,这些操作方式均可在目标操作方式输入框和默认操作方式输入框中以下拉选项的形式供使用者配置,从而在用户通过目
标操作方式输入框选择目标操作方式时,目标操作方式输入模块可以同步在目标操作方式输入框中输入用户选择的目标操作方式,在用户通过默认操作方式输入框选择默认操作方式时,默认操作方式输入模块可以同步在默认操作方式输入框中输入用户选择的默认操作方式。
107.例如,参见图5所示,目标操作方式输入框即图5中的“目标”输入框和“动作”输入框,默认操作方式输入框即图5中的“默认目标”输入框和“默认动作”输入框。当用户分别通过“目标”输入框和“动作”输入框选择“第7页[中门票]”和“显示浮层”时,“目标”输入框和“动作”输入框会同步输入并显示用户选择的“第7页[中门票]”和“显示浮层”;同理,当用户分别通过“默认目标”输入框和“默认动作”输入框选择“第6页[中实物]”和“显示浮层”时,“默认目标”输入框和“默认动作”输入框会同步输入并显示用户选择的“第6页[中实物]”和“显示浮层”。
[0108]
本发明实施例中,在目标操作方式输入模块和默认操作方式输入模块输入目标操作方式和默认操作方式后,条件逻辑计算模块即可进行运算。可选的,条件逻辑计算模块在根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果从列表存储模块中获取目标页面制作信息时,具体过程可以包括:根据条件逻辑数组对应的被对比值和条件运算符,计算第二条件判断结果,若第二条件判断结果为是,则从列表存储模块中获取目标操作方式,作为目标操作信息,若第二条件判断结果为否,则从列表存储模块中获取默认操作方式,作为目标操作信息。
[0109]
例如,仍参见图5所示,若图5中的条件逻辑数组的第二条件判断结果为是,则从列表存储模块中获取目标操作方式,即以“显示浮层”的方式展示“第7页[中门票]”,对应于h5页面中为:以弹窗方式显示中门票信息;若图5中的条件逻辑数组的第二条件判断结果为否,则从列表存储模块中获取默认操作方式,即以“显示浮层”的方式展示“第6页[中实物]”,对应于h5页面中为:以弹窗方式显示中实物信息。
[0110]
在一可选实施例中,在上一实施例的基础上,本发明实施例提供的条件参数配置组件还可以包括:时机输入模块,该时机输入模块可以用于展示条件逻辑数组对应的操作时机输入框,并在操作时机输入框中输入用户选取的操作时机,其中,操作时机用于指示条件逻辑计算模块何时获取目标操作信息。
[0111]
例如参见图6所示,条件逻辑计算模块可在达到抽奖动画结束(实物)这一时机时,从列表存储模块中获取目标操作方式或默认操作方式,并发送至渲染引擎进行页面渲染。
[0112]
综上,本发明创新研发了条件参数配置组件,将条件判断语句的编写代码的过程可视化,让无编程基础的用户通过简单的页面配置,即可实现h5页面根据不同参数状态展示不同页面状态(如跳转不同的url、显示不同的文字图片信息等)的功能,达到h5页面的敏捷制作,大幅度降低了开发人力成本,提高了运营活动上线效率。
[0113]
本发明还提供了一种条件参数配置方法,该条件参数配置方法可应用于如上述的条件参数配置组件,下面对本技术实施例提供的条件参数配置方法进行描述,下文描述的条件参数配置方法与上文描述的条件参数配置组件可相互对应参照。
[0114]
请参见图7所示,为本发明实施例提供的一种条件参数配置方法的流程示意图,可选的,该条件参数配置方法可以包括:
[0115]
步骤s701、通过数据源提供的属性值获取方法从key引用地址处获取数据源运行
时产生的被对比值。
[0116]
步骤s702、获取用户选取的条件运算符,其中,被对比值和条件运算符组成条件逻辑数组。
[0117]
步骤s703、根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果获取目标页面制作信息,并将目标页面制作信息发送至渲染引擎进行页面渲染,其中,目标页面制作信息为条件逻辑数组对应的页面制作信息,页面制作信息用于制作h5页面。
[0118]
在一可选实施例中,上述条件逻辑数组可以包括至少一个条件逻辑,每个条件逻辑均具有序号,且该序号用于表征条件逻辑的运算优先级。
[0119]
则可选的,条件逻辑数组对应的页面制作信息包括:条件逻辑数组对应的默认视图,以及,每个条件逻辑分别对应的视图。
[0120]
基于此,上述步骤s703中“根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果获取目标页面制作信息”的过程可以包括:按照至少一个条件逻辑的序号表征的运算优先级,遍历条件逻辑数组包含的条件逻辑:对于当前遍历到的条件逻辑,根据当前遍历到的条件逻辑对应的被对比值和条件运算符,计算第一条件判断结果,若第一条件判断结果为是,则获取当前遍历到的条件逻辑对应的视图,作为目标页面制作信息,若第一条件判断结果为否,则遍历下一条条件逻辑;在遍历结束后,若所有条件逻辑的第一条件判断结果均为否,则获取默认视图,作为目标页面制作信息。
[0121]
在一可选实施例中,上述条件逻辑数组包括至少一个条件逻辑,每个条件逻辑均具有序号,且该序号用于表征条件逻辑的运算优先级。
[0122]
则可选的,条件逻辑数组对应的页面制作信息包括:条件逻辑数组对应的默认操作方式,以及,每个条件逻辑分别对应的操作方式。
[0123]
基于此,上述步骤s703中“根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果获取目标页面制作信息”的过程可以包括:根据条件逻辑数组对应的被对比值和条件运算符,计算第二条件判断结果;若第二条件判断结果为是,则获取用户选取的目标操作方式,作为目标操作信息;若第二条件判断结果为否,则获取用户选取的默认操作方式,作为目标操作信息。
[0124]
本发明实施例提供的条件参数配置方法,通过数据源提供的属性值获取方法从key引用地址处获取数据源运行时产生的被对比值,获取用户选取的条件运算符,根据条件逻辑数组对应的被对比值和条件运算符进行运算,根据运算结果获取目标页面制作信息,并将目标页面制作信息发送至渲染引擎进行页面渲染,如此即可得到条件逻辑对应的h5页面,整个过程无需编写条件判断代码,提高了条件判断语句相关的h5页面的制作效率。
[0125]
最后,还需要说明的是,在本文中,诸如和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个
……”
限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0126]
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他
实施例的不同之处,各个实施例之间相同相似部分互相参见即可。
[0127]
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下,在其它实施例中实现。因此,本发明将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1