CN111459483A - 界面的处理方法和装置 - Google Patents
界面的处理方法和装置 Download PDFInfo
- Publication number
- CN111459483A CN111459483A CN202010231366.5A CN202010231366A CN111459483A CN 111459483 A CN111459483 A CN 111459483A CN 202010231366 A CN202010231366 A CN 202010231366A CN 111459483 A CN111459483 A CN 111459483A
- Authority
- CN
- China
- Prior art keywords
- code
- interface
- component
- data
- logic
- 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
- 238000003672 processing method Methods 0.000 title claims description 12
- 230000002452 interceptive effect Effects 0.000 claims abstract description 67
- 238000000034 method Methods 0.000 claims abstract description 52
- 238000012545 processing Methods 0.000 claims abstract description 20
- 230000006870 function Effects 0.000 claims description 24
- 238000006243 chemical reaction Methods 0.000 claims description 8
- 238000013519 translation Methods 0.000 claims description 4
- 238000004590 computer program Methods 0.000 claims description 3
- 238000005516 engineering process Methods 0.000 abstract description 4
- 230000004048 modification Effects 0.000 description 18
- 238000012986 modification Methods 0.000 description 18
- 230000003993 interaction Effects 0.000 description 11
- 238000011161 development Methods 0.000 description 10
- 230000008569 process Effects 0.000 description 7
- 238000013461 design Methods 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000005034 decoration Methods 0.000 description 2
- 238000007689 inspection Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 101000772194 Homo sapiens Transthyretin Proteins 0.000 description 1
- 102100029290 Transthyretin Human genes 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000007373 indentation Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000008439 repair process Effects 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/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
本申请公开了一种界面的处理方法和装置,其中,该方法包括:获取用于构成交互界面的至少一组件,其中,组件包括至少一个控件;获取用于描述组件配置信息的描述文件;基于描述文件生成组件的属性设置代码,以及基于组件的应用逻辑,确定组件的数据逻辑代码;根据属性设置代码和数据逻辑代码,得到交互界面。本申请解决了相关技术中由于界面数量多、界面风格各异,导致界面的程序开发量巨大的技术问题。
Description
技术领域
本申请涉及界面处理领域,具体而言,涉及一种界面的处理方法和装置。
背景技术
随着智能终端(例如手机、平板电脑)的普及,游戏成为一种越来越普遍的娱乐形式,因此,游戏市场规模不断扩大,游戏业竞争日益激烈。游戏界面作为玩家直接操作游戏的关键部分,其开发的高效性是各游戏厂商都很关注的问题。
通常,游戏界面开发需要经过以下几个过程:需求提出、交互设计、程序实现、审查迭代,即,策划人员提出需求,交互人员设计界面并在编辑器中拼接工程界面文件,程序人员对上述需求以及工程界面文件进行编程,使其实现在游戏中,策划人员和交互人员在体验游戏后反复提出修改意见,最终产出一个功能完整、体验良好的游戏界面。然而,一个游戏产品中的界面数量众多、界面风格设计各异,势必导致游戏界面的程序开发量巨大。
针对相关技术中由于界面数量多、界面风格各异,导致界面的程序开发量巨大的技术问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种界面的处理方法和装置,以至少解决相关技术中由于界面数量多、界面风格各异,导致界面的程序开发量巨大的技术问题。
根据本发明实施例的一个方面,提供了一种界面的处理方法,包括:获取用于构成交互界面的至少一组件,其中,组件包括至少一个控件;获取用于描述组件配置信息的描述文件;基于描述文件生成组件的属性设置代码,以及基于组件的应用逻辑,确定组件的数据逻辑代码;根据属性设置代码和数据逻辑代码,得到交互界面。
可选地,描述文件包括:节点模块,用于描述组件中每个控件的控件属性;数据模块,用于描述组件显示的数据类型和输入数据;事件模块,用于描述组件处理的输入事件、输出事件和处理函数。
可选地,基于描述文件生成组件的属性设置代码,包括:查找描述文件中的关键词;基于关键词生成属性设置代码。
可选地,基于组件的应用逻辑,确定组件的数据逻辑代码,包括:根据输入数据和控件属性确定数据转换代码;根据输入事件和输出事件确定触发事件代码和事件间的逻辑代码;基于数据转换代码、触发事件代码和逻辑代码,确定数据逻辑代码。
可选地,在根据属性设置代码和数据逻辑代码,得到交互界面之后,上述方法还包括:运行交互界面,得到运行结果,其中,运行结果包括属性表现结果;基于属性表现结果调整与属性设置代码对应的工程界面文件。
可选地,在基于属性表现结果调整与属性设置代码对应的工程界面文件之后,上述方法还包括:通过检查器检查工程界面文件,得到检查结果,其中,检查器基于描述文件编写;根据检查结果确定对工程界面文件的调整是否符合预设规则。
可选地,在根据检查结果确定对工程界面文件的调整是否符合预设规则之后,上述方法还包括:如果对工程界面文件的调整不符合预设规则,输出提示信息。
可选地,在根据属性设置代码和数据逻辑代码,得到交互界面之后,上述方法还包括:运行交互界面,得到运行结果,其中,运行结果包括逻辑表现结果;基于逻辑表现结果修改数据逻辑代码。
根据本发明实施例的另一方面,还提供了一种界面的处理装置,包括:第一获取模块,用于获取用于构成交互界面的至少一组件,其中,组件包括至少一个控件;第二获取模块,用于获取用于描述组件配置信息的描述文件;执行模块,用于基于描述文件生成组件的属性设置代码,以及基于组件的应用逻辑,确定组件的数据逻辑代码;得到模块,用于根据属性设置代码和数据逻辑代码,得到交互界面。
根据本发明实施例的另一方面,还提供了一种计算机存储介质,计算机存储介质存储有多条指令,指令适于由处理器加载并执行上述任意一种界面的处理方法。
根据本发明实施例的另一方面,还提供了一种电子设备,包括:处理器和存储器;其中,存储器存储有计算机程序,计算机程序适于由处理器加载并执行上述任意一种界面的处理方法。
在本发明实施例中,采用以下步骤:获取用于构成交互界面的至少一组件,其中,组件包括至少一个控件;获取用于描述组件配置信息的描述文件;基于描述文件生成组件的属性设置代码,以及基于组件的应用逻辑,确定组件的数据逻辑代码;根据属性设置代码和数据逻辑代码,得到交互界面。与相关技术相比,本申请通过描述文件描述组件的配置信息,利用描述文件自动生成组件的属性设置代码,解决了相关技术中由于界面数量多、界面风格各异,导致界面的程序开发量巨大的技术问题,达到了减少程序开发量的目的,从而提高了界面开发的效率。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是根据本发明实施例1的一种可选的界面的处理方法流程图;
图2是根据本发明实施例1的一种可选的界面组件划分图;以及
图3是根据本发明实施例2的一种可选的界面的处理装置结构示意图。
具体实施方式
需要说明的是,在不冲突的情况下,本申请中的各实施例及实施例中的特征可以相互组合。为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
另外,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
本实施例提供了一种界面的处理方法,可以应用在界面开发中。需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
图1是根据本发明实施例的界面的处理方法流程图,如图1所示,该方法包括如下步骤:
步骤S102,获取用于构成交互界面的至少一组件,其中,组件包括至少一个控件。
一种可选方案中,上述交互界面可以为任何网页、应用程序的界面;上述组件可以提供交互界面上部分或全部的应用逻辑功能,该应用逻辑功能服务于交互界面所要呈现的交互方式;上述控件可以提供用户界面接口功能。
通常,一个交互界面可以包括很多内容,由于组件是对数据和方法的简单封装,因此,在交互界面上进行空间布局,对界面的框架结构进行组件化设计,即将交互界面按应用逻辑功能划分成不同的组件,每个组件提供一部分功能,可以大大降低界面的开发难度。
具体地,每个组件负责提供一部分应用逻辑功能,每个组件中也可以包括一个或多个具有类似属性和/或功能的控件,这些控件相互配合,负责应用逻辑功能的具体实现。通过在交互界面上进行空间布局,按照组件以及控件的应用逻辑功能划分交互界面,使得设计的交互界面直观、易开发。
步骤S104,获取用于描述组件配置信息的描述文件。
一种可选方案中,上述配置信息可以包括组件的控件属性、数据类型、输入数据、事件名称、处理函数等。
需要说明的是,每一个组件都有一个描述文件,描述文件以YAML语言作为基础语言,设定关键词。YAML语言的可读性高,语法和其它高级语言类似,且使用空白符号缩进和大量依赖外观的特色,特别适合用来表达或编辑各种配置文件。
步骤S106,基于描述文件生成组件的属性设置代码,以及基于组件的应用逻辑,确定组件的数据逻辑代码。
一种可选方案中,上述属性设置代码可以通过代码生成器自动生成,加载属性设置代码可以得到组件中的控件显示的内容,例如图片、文字;上述应用逻辑可以为组件在页面中所要执行的任务,加载数据逻辑代码可以获得组件的应用逻辑功能。
上述方案将组件的结构拆分为属性设置和数据逻辑两部分,其中,代码生成器可以将描述文件转换成属性设置代码,程序开发人员只需要根据组件所要执行的应用逻辑编写数据逻辑代码即可,大大减少了程序开发量。另外,自动生成的属性设置代码由于是机器生成,不易出错,提高了代码生成效率。
步骤S108,根据属性设置代码和数据逻辑代码,得到交互界面。
由于本实施例的方案将组件的结构拆分为属性设置和数据逻辑两部分,那么在确定好属性设置代码和数据逻辑代码后,加载便可以得到交互界面。
在一个可选的实施例中,以图2的界面制作过程为例进行阐述。策划人员提出需求,需求内容是制作一个登陆界面。交互人员根据策划人员的需求,设计好界面的交互方式,例如,登陆的交互方式是:A、点击“用户名”区域,弹出输入框,用户输入名字,输入完后显示用户输入的内容;B、点击“登录”按钮,用户以输入的用户名登录进游戏;C、点击“登出”按钮,用户登出游戏;D、点击“关闭”按钮,关掉登录窗口。然后,交互人员和程序人员一起确定组件的划分方式,如图2所示,界面包括三个组件,每个组件中有各自的控件。组件1的控件a为“登录状态:”,控件b为“用户名:”,控件c为“登录”,控件d为“登出”,控件e为“关闭”,这五个控件相互配合,负责用户的登录、登出以及关闭功能;组件2作为界面的常驻组件,提供各种游戏操作功能,例如控件f为“换召唤师技能”,控件g为“嘲讽怪物”,控件h为“登陆状态”等;组件3可以提供美观功能,例如控件i为游戏的标志(logo)。在确定好组件的划分方式后,程序人员为每个组件创建一个描述文件。由于描述文件描述有组件的配置信息,因此根据描述文件即可自动生成组件的属性设置代码,程序人员只需根据组件的应用逻辑编写数据逻辑代码即可,最后加载得到交互界面。
基于本申请上述实施例,获取用于构成交互界面的至少一组件,其中,组件包括至少一个控件;获取用于描述组件配置信息的描述文件;基于描述文件生成组件的属性设置代码,以及基于组件的应用逻辑,确定组件的数据逻辑代码;根据属性设置代码和数据逻辑代码,得到交互界面。与相关技术相比,本申请通过描述文件描述组件的配置信息,利用描述文件自动生成组件的属性设置代码,解决了相关技术中由于界面数量多、界面风格各异,导致界面的程序开发量巨大的技术问题,达到了减少程序开发量的目的,从而提高了界面开发的效率。
下面对该实施例的上述步骤进行进一步地说明。
可选地,描述文件包括:
节点模块,用于描述组件中每个控件的控件属性。
一种可选方案中,每个控件可以代表一个节点;上述控件属性可以包括可视(visible)、可点击(touchEnable)、规模(scale)、尺寸(size)等字段,每个字段对应控件节点的一种属性设置。
需要说明的是,节点模块的内容由每个组件所拥有的控件来决定,例如,节点模块可以表示如下:
数据模块,用于描述组件显示的数据类型和输入数据。
一种可选方案中,上述数据类型可以为字符串、数值类型、数组类型等。
需要说明的是,根据每个组件所需要的用户数据定义描述文件中的数据模块。另外,通过别名可以在节点模块中引用到数据模块中设定的数据内容。程序只需关心组件所需的输入数据。在如下展示的一个可选的数据模块中,数据模块描述了两部分的数据内容,一部分是组件中控件输入的数据,此处输入的是一个名为input_username的数据,数据类型为字符串(String);另一部分是数据输出部分,此处需要输出两个变量,分别是login_text和input_username,对应登录组件中的“登录状态”和“用户名”两个文本。每个变量后面有属性类型,此处分别是FUNC和ATTR,紧随其后的是对应类型所需的参数。
如前所述,本实施例的方案将组件的结构拆分为属性设置和数据逻辑两部分,数据逻辑表示的是该组件所需的应用逻辑功能,例如在数据模块中,从数据输入(input_data)到数据输出(output_data)的变化逻辑,此部分逻辑需要手动编写。属性设置表示该组件中的控件所显示的内容(图片,文字的),即根据输出数据(output_data),界面控件显示相应的内容。在上文展示的数据模块举例中,input_data中的input_username是组件的输入数据,内容是一个字符串,比如是玩家名称“user_a”,output_data中的input_username是组件的输出数据,是需要显示在界面上的内容。比如说界面需要显示内容:“用户名:user_a”,那么就需要将input_username从“user_a”转化成“用户名:user_a”,这个转化的过程称为数据逻辑代码编程。有了数据之后,就可以显示到界面上,将数据显示到界面上称为属性设置,如节点模块中的username节点,data属性中用$符号引用数据输出中的input_username,那么该节点会读取该变量的内容并显示在界面上。
事件模块,用于描述组件处理的输入事件、输出事件和处理函数。
上述方案中,事件模块主要用于定义组件需要处理的事件信号以及组件会发出的事件信号。根据处理的事件信号可以绑定一系列常规内容,如触发按钮音效,界面动画等。
需要说明的是,根据每个组件所负责的应用逻辑功能定义事件模块。例如,在如下展示的事件模块中,描述文件描述了一个需要被处理的事件,该事件名为avatar_change,对应的处理函数为on_avatar_change,当事件发生时,会执行相应的函数。
可选地,步骤S106中基于描述文件生成组件的属性设置代码,具体可以包括:
步骤S1061,查找描述文件中的关键词。
步骤S1063,基于关键词生成属性设置代码。
一种可选方案中,上述属性设置代码可以通过代码生成器生成。
代码生成器类似一个“翻译器”,通过检查描述文件的每个关键字,根据关键字匹配出一段代码,进而生成出一份完整的代码文件翻译成代码。生成代码的规则需要根据描述文件的语言定义内容进行设置。
需要说明的是,代码生成器是根据描述文件的定义以及描述文件中各模块的内容编写的,通过代码生成器将描述文件转换成程序代码,可以大大减少程序编码量。
可选地,步骤S106中基于组件的应用逻辑,确定组件的数据逻辑代码,具体可以包括如下步骤:
步骤S1065,根据输入数据和控件属性确定数据转换代码。
具体地,根据描述文件中数据模块所定义的组件输入数据以及节点模块所定义的控件属性数据编写数据转换的逻辑代码。
步骤S1067,根据输入事件和输出事件确定触发事件代码和事件间的逻辑代码。
步骤S1069,基于数据转换代码、触发事件代码和逻辑代码,确定数据逻辑代码。
由此可见,代码生成器基于描述文件自动生成组件的属性设置代码,程序人员只需要编写少量的数据逻辑代码,就可以完成交互界面的开发,大大减少了程序开发量。
可选地,在执行步骤S108根据属性设置代码和数据逻辑代码,得到交互界面之后,上述方法还可以包括如下步骤:
步骤S1081,运行交互界面,得到运行结果,其中,运行结果包括属性表现结果。
一种可选方案中,上述属性表现结果可以为直观显示的结果。
步骤S1083,基于属性表现结果调整与属性设置代码对应的工程界面文件。
在程序人员初次开发好交互界面后,策划人员、交互人员会检查交互界面的功能是否符合预期,通过交互界面的直观表现来判断是否修改工程界面文件。
可选地,在执行步骤S1083基于属性表现结果调整与属性设置代码对应的工程界面文件之后,上述方法还可以包括:
步骤S1085,通过检查器检查工程界面文件,得到检查结果,其中,检查器基于描述文件编写。
步骤S1087,根据检查结果确定对工程界面文件的调整是否符合预设规则。
一种可选方案中,上述预设规则可以为组件的应用逻辑;上述检查器可以根据描述文件的定义编写,用来检查工程界面文件的修改是否合乎应用逻辑。
可选地,在执行步骤S1087根据检查结果确定对工程界面文件的调整是否符合预设规则之后,上述方法还可以包括:
步骤S1089,如果对工程界面文件的调整不符合预设规则,输出提示信息。
一种可选方案中,上述提示信息可以以弹出窗口的形式显示。
交互人员根据检查结果判断其对工程界面文件的调整是否符合预设规则。如果修改不符合预设规则,则输出提示信息,提醒交互人员出错,及时通知程序人员修改。
可选地,在执行步骤S108根据属性设置代码和数据逻辑代码,得到交互界面之后,上述方法还可以包括如下步骤:
步骤S1082,运行交互界面,得到运行结果,其中,运行结果包括逻辑表现结果。
一种可选方案中,上述逻辑表现结果可以为组件负责提供的应用逻辑功能。
步骤S1084,基于逻辑表现结果修改数据逻辑代码。
上述逻辑表现结果不符合预期的情况,可以为数据逻辑代码本身编写有误,也可以为交互人员对工程界面文件的修改造成代码与文件的不匹配。
在一个可选的实施例中,交互人员根据属性表现结果修改工程界面文件。鉴于交互人员并非界面的开发者,容易在界面迭代过程中影响原有的应用逻辑,因此在修改后需要通过检查器检查对工程界面文件的修改是否合法。由于检查器也是通过描述文件生成的,因此,通过检查器的检查,可以发现修改所造成的逻辑漏洞,及时告知程序人员修改程序,避免交互人员修改工程界面文件,导致程序逻辑出现错误而程序人员花费大量时间修复错误的现象发生。
需要说明的是,由于界面开发的特殊性,工程界面文件和数据逻辑代码是一一对应关系,然而交互人员并不知道数据逻辑的实现,所以容易出现文件修改和数据逻辑对应不上的问题,而且这种修改往往很难发现,可能会隐藏在一个很小的地方并且隔很长一段时间才能被发现出来。通过描述文件来限制交互人员对工程界面文件的修改,可以有效检测此类错误,让交互人员及时发现此类错误,降低迭代成本。例如,对工程界面文件的修改可以为移动按钮位置、修改按钮名称、修改按钮(节点)的层级关系。其中,要获取按钮,可能通过名字来获取,工程界面文件中的按钮名称是button_a,那么程序代码中要获取按钮,就用button_a来查找。如果交互人员修改button_a为button_b,会导致程序功能出问题,找不到该按钮了。
上述实施例中,获取用于构成交互界面的至少一组件,其中,组件包括至少一个控件;获取用于描述组件配置信息的描述文件;基于描述文件生成组件的属性设置代码,以及基于组件的应用逻辑,确定组件的数据逻辑代码;根据属性设置代码和数据逻辑代码,得到交互界面。与相关技术相比,本申请通过描述文件描述组件的配置信息,利用描述文件自动生成组件的属性设置代码,解决了相关技术中由于界面数量多、界面风格各异,导致界面的程序开发量巨大的技术问题,达到了减少程序开发量的目的,从而提高了界面开发的效率。容易发注意到,描述文件既可以用来生成属性设置代码,也可以用来编写检查器,通过描述文件约束交互人员对工程界面的文件的修改,减小了由于交互人员的修改而导致的逻辑漏洞,进而为交互界面提供了一种高效率、高产能的开发方式。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
根据本发明实施例的另一方面,还提供了一种界面的处理装置,需要说明的是,本申请实施例的一种界面的处理装置可以用于执行本申请实施例所提供的界面的处理方法。以下对本发明实施例提供的一种界面的处理装置进行介绍。
图3是根据本申请实施例的界面的处理装置示意图。如图3所示,该装置300包括第一获取模块302、第二获取模块304、执行模块306和得到模块308。
其中,第一获取模块302,用于获取用于构成交互界面的至少一组件,其中,组件包括至少一个控件;第二获取模块304,用于获取用于描述组件配置信息的描述文件;执行模块306,用于基于描述文件生成组件的属性设置代码,以及基于组件的应用逻辑,确定组件的数据逻辑代码;得到模块308,用于根据属性设置代码和数据逻辑代码,得到交互界面。
可选地,描述文件包括:节点模块,用于描述组件中每个控件的控件属性;数据模块,用于描述组件显示的数据类型和输入数据;事件模块,用于描述组件处理的输入事件、输出事件和处理函数。
可选地,执行模块包括:查找模块,用于查找描述文件中的关键词;生成模块,用于基于关键词生成属性设置代码。
可选地,执行模块还包括:第一确定模块,用于根据输入数据和控件属性确定数据转换代码;第二确定模块,用于根据输入事件和输出事件确定触发事件代码和事件间的逻辑代码;第三确定模块,用于基于数据转换代码、触发事件代码和逻辑代码,确定数据逻辑代码。
可选地,上述装置还包括:第一运行模块,用于在根据属性设置代码和数据逻辑代码,得到交互界面之后,运行交互界面,得到运行结果,其中,运行结果包括属性表现结果;调整模块,用于基于属性表现结果调整与属性设置代码对应的工程界面文件。
可选地,上述装置还包括:检查模块,用于在基于属性表现结果调整与属性设置代码对应的工程界面文件之后,通过检查器检查工程界面文件,得到检查结果,其中,检查器基于描述文件编写;判断模块,用于根据检查结果确定对工程界面文件的调整是否符合预设规则。
可选地,上述装置还包括:输出模块,用于如果对工程界面文件的调整不符合预设规则,输出提示信息。
可选地,上述装置还包括:第二运行模块,用于在根据属性设置代码和数据逻辑代码,得到交互界面之后,运行交互界面,得到运行结果,其中,运行结果包括逻辑表现结果;修改模块,用于基于逻辑表现结果修改数据逻辑代码。
需要说明的是,上述第一获取模块302、第二获取模块304、执行模块306和得到模块308对应于方法实施例中的步骤S102至步骤S108,该四个模块与对应的步骤所实现的示例和应用场景相同,但不限于上述方法实施例所公开的内容。
根据本发明实施例的另一方面,还提供了一种计算机存储介质,计算机存储介质存储有多条指令,这些指令适于由处理器加载并执行方法实施例中的界面的处理方法。
根据本发明实施例的另一方面,还提供了一种电子设备,包括处理器和存储器;其中,存储器存储有计算机程序,计算机程序适于由处理器加载并执行下述步骤:获取用于构成交互界面的至少一组件,其中,组件包括至少一个控件;获取用于描述组件配置信息的描述文件;基于描述文件生成组件的属性设置代码,以及基于组件的应用逻辑,确定组件的数据逻辑代码;根据属性设置代码和数据逻辑代码,得到交互界面。
可选地,处理器还可以加载并执行下述步骤:描述文件包括:节点模块,用于描述组件中每个控件的控件属性;数据模块,用于描述组件显示的数据类型和输入数据;事件模块,用于描述组件处理的输入事件、输出事件和处理函数。
可选地,处理器还可以加载并执行下述步骤:基于描述文件生成组件的属性设置代码,包括:查找描述文件中的关键词;基于关键词生成属性设置代码。
可选地,处理器还可以加载并执行下述步骤:基于组件的应用逻辑,确定组件的数据逻辑代码,包括:根据输入数据和控件属性确定数据转换代码;根据输入事件和输出事件确定触发事件代码和事件间的逻辑代码;基于数据转换代码、触发事件代码和逻辑代码,确定数据逻辑代码。
可选地,处理器还可以加载并执行下述步骤:在根据属性设置代码和数据逻辑代码,得到交互界面之后,上述方法还包括:运行交互界面,得到运行结果,其中,运行结果包括属性表现结果;基于属性表现结果调整与属性设置代码对应的工程界面文件。
可选地,处理器还可以加载并执行下述步骤:在基于属性表现结果调整与属性设置代码对应的工程界面文件之后,上述方法还包括:通过检查器检查工程界面文件,得到检查结果,其中,检查器基于描述文件编写;根据检查结果确定对工程界面文件的调整是否符合预设规则。
可选地,处理器还可以加载并执行下述步骤:在根据检查结果确定对工程界面文件的调整是否符合预设规则之后,上述方法还包括:如果对工程界面文件的调整不符合预设规则,输出提示信息。
可选地,处理器还可以加载并执行下述步骤:在根据属性设置代码和数据逻辑代码,得到交互界面之后,上述方法还包括:运行交互界面,得到运行结果,其中,运行结果包括逻辑表现结果;基于逻辑表现结果修改数据逻辑代码。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的技术内容,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,可以为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (11)
1.一种界面的处理方法,其特征在于,包括:
获取用于构成交互界面的至少一组件,其中,所述组件包括至少一个控件;
获取用于描述所述组件配置信息的描述文件;
基于所述描述文件生成所述组件的属性设置代码,以及基于所述组件的应用逻辑,确定所述组件的数据逻辑代码;
根据所述属性设置代码和所述数据逻辑代码,得到所述交互界面。
2.根据权利要求1所述的方法,其特征在于,所述描述文件包括:
节点模块,用于描述所述组件中每个控件的控件属性;
数据模块,用于描述所述组件显示的数据类型和输入数据;
事件模块,用于描述所述组件处理的输入事件、输出事件和处理函数。
3.根据权利要求1所述的方法,其特征在于,基于所述描述文件生成所述组件的属性设置代码,包括:
查找所述描述文件中的关键词;
基于所述关键词生成所述属性设置代码。
4.根据权利要求2所述的方法,其特征在于,基于所述组件的应用逻辑,确定所述组件的数据逻辑代码,包括:
根据所述输入数据和所述控件属性确定数据转换代码;
根据所述输入事件和所述输出事件确定触发事件代码和事件间的逻辑代码;
基于所述数据转换代码、所述触发事件代码和所述逻辑代码,确定所述数据逻辑代码。
5.根据权利要求1所述的方法,其特征在于,在根据所述属性设置代码和所述数据逻辑代码,得到所述交互界面之后,所述方法还包括:
运行所述交互界面,得到运行结果,其中,所述运行结果包括属性表现结果;
基于所述属性表现结果调整与所述属性设置代码对应的工程界面文件。
6.根据权利要求5所述的方法,其特征在于,在基于所述属性表现结果调整与所述属性设置代码对应的工程界面文件之后,所述方法还包括:
通过检查器检查所述工程界面文件,得到检查结果,其中,所述检查器基于所述描述文件编写;
根据所述检查结果确定对所述工程界面文件的调整是否符合预设规则。
7.根据权利要求6所述的方法,其特征在于,在根据所述检查结果确定对所述工程界面文件的调整是否符合预设规则之后,所述方法还包括:
如果对所述工程界面文件的调整不符合所述预设规则,输出提示信息。
8.根据权利要求1所述的方法,其特征在于,在根据所述属性设置代码和所述数据逻辑代码,得到所述交互界面之后,所述方法还包括:
运行所述交互界面,得到运行结果,其中,所述运行结果包括逻辑表现结果;
基于所述逻辑表现结果修改所述数据逻辑代码。
9.一种界面的处理装置,其特征在于,包括:
第一获取模块,用于获取用于构成交互界面的至少一组件,其中,所述组件包括至少一个控件;
第二获取模块,用于获取用于描述所述组件配置信息的描述文件;
执行模块,用于基于所述描述文件生成所述组件的属性设置代码,以及基于所述组件的应用逻辑,确定所述组件的数据逻辑代码;
得到模块,用于根据所述属性设置代码和所述数据逻辑代码,得到所述交互界面。
10.一种计算机存储介质,其特征在于,所述计算机存储介质存储有多条指令,所述指令适于由处理器加载并执行如权利要求1-8任意一项的界面的处理方法。
11.一种电子设备,其特征在于,包括:处理器和存储器;其中,所述存储器存储有计算机程序,所述计算机程序适于由所述处理器加载并执行如权利要求1-8任意一项的界面的处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010231366.5A CN111459483B (zh) | 2020-03-27 | 2020-03-27 | 界面的处理方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010231366.5A CN111459483B (zh) | 2020-03-27 | 2020-03-27 | 界面的处理方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111459483A true CN111459483A (zh) | 2020-07-28 |
CN111459483B CN111459483B (zh) | 2024-03-22 |
Family
ID=71683293
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010231366.5A Active CN111459483B (zh) | 2020-03-27 | 2020-03-27 | 界面的处理方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111459483B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113703338A (zh) * | 2021-08-13 | 2021-11-26 | 上海富欣智能交通控制有限公司 | 轨道交通信号系统轨旁设备继电器模拟方法和系统 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050268291A1 (en) * | 2004-05-27 | 2005-12-01 | International Business Machines Corporation | Specifying user interface interactions for controls in a data driven system |
CN104484171A (zh) * | 2014-12-11 | 2015-04-01 | 深圳市路通网络技术有限公司 | 终端界面设计系统、方法及相关设备 |
CN106598556A (zh) * | 2015-10-15 | 2017-04-26 | 阿里巴巴集团控股有限公司 | 用户界面生成方法及装置 |
CN107992304A (zh) * | 2017-12-29 | 2018-05-04 | 北京远特科技股份有限公司 | 一种生成显示界面的方法和装置 |
-
2020
- 2020-03-27 CN CN202010231366.5A patent/CN111459483B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050268291A1 (en) * | 2004-05-27 | 2005-12-01 | International Business Machines Corporation | Specifying user interface interactions for controls in a data driven system |
CN104484171A (zh) * | 2014-12-11 | 2015-04-01 | 深圳市路通网络技术有限公司 | 终端界面设计系统、方法及相关设备 |
CN106598556A (zh) * | 2015-10-15 | 2017-04-26 | 阿里巴巴集团控股有限公司 | 用户界面生成方法及装置 |
CN107992304A (zh) * | 2017-12-29 | 2018-05-04 | 北京远特科技股份有限公司 | 一种生成显示界面的方法和装置 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113703338A (zh) * | 2021-08-13 | 2021-11-26 | 上海富欣智能交通控制有限公司 | 轨道交通信号系统轨旁设备继电器模拟方法和系统 |
Also Published As
Publication number | Publication date |
---|---|
CN111459483B (zh) | 2024-03-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Deitel | Java how to program | |
EP3605324A1 (en) | Application development method and tool, device, and storage medium thereof | |
CN105511873B (zh) | 用户界面控件展示方法及装置 | |
EP2530583B1 (en) | Computer-implemented method, system and computer program product for displaying a user interface component | |
US20030131337A1 (en) | Educational method and tool for isolating and teaching programming language concepts | |
CN111625226B (zh) | 一种基于原型的人机交互设计实现方法及系统 | |
US9817811B2 (en) | Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method | |
US11403118B2 (en) | Enhanced target selection for robotic process automation | |
CN102999336A (zh) | 应用界面实现方法和系统 | |
Zakas | Maintainable JavaScript: Writing Readable Code | |
Bernaschina et al. | Online model editing, simulation and code generation for web and mobile applications | |
Horton | Ivor Horton's Beginning Java 2 | |
Ullman | Modern JavaScript: Develop and Design | |
Heilmann | Beginning JavaScript with DOM scripting and Ajax: from novice to professional | |
Ostrowski et al. | Automated regression testing within video game development | |
US10685176B2 (en) | Template-based requirement authoring and reference-based component requirement viewer | |
CN111459483B (zh) | 界面的处理方法和装置 | |
Swearngin et al. | Genie: Input Retargeting on the Web through Command Reverse Engineering | |
US10445290B1 (en) | System and method for a smart configurable high performance interactive log file viewer | |
CN115858556A (zh) | 一种数据处理方法、装置、存储介质及电子设备 | |
Johnson | Programming in HTML5 with JavaScript and CSS3 | |
EP3926465A1 (en) | Method and system for creating an app by merging source code | |
CN114780330A (zh) | 代码监控方法和装置 | |
CN113900956A (zh) | 测试用例的生成方法、装置、计算机设备及存储介质 | |
Jones | JavaScript: Novice to Ninja |
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 |