CN106469050A - 一种用例生成方法、页面生成方法及装置 - Google Patents

一种用例生成方法、页面生成方法及装置 Download PDF

Info

Publication number
CN106469050A
CN106469050A CN201510511284.5A CN201510511284A CN106469050A CN 106469050 A CN106469050 A CN 106469050A CN 201510511284 A CN201510511284 A CN 201510511284A CN 106469050 A CN106469050 A CN 106469050A
Authority
CN
China
Prior art keywords
attribute
property value
input area
code
source 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
Application number
CN201510511284.5A
Other languages
English (en)
Other versions
CN106469050B (zh
Inventor
何文俊
刘超峰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Advanced New Technologies Co Ltd
Advantageous New Technologies Co Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201510511284.5A priority Critical patent/CN106469050B/zh
Publication of CN106469050A publication Critical patent/CN106469050A/zh
Application granted granted Critical
Publication of CN106469050B publication Critical patent/CN106469050B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开了一种用例生成方法,用以解决现有技术存在的用例生成效率较低的问题。方法包括:获得通过属性值输入区域输入的属性值;其中,所述属性值输入区域,是根据组件的至少一个属性生成的;根据所述属性值和所述组件的源代码,生成作为用例的源代码运行结果。本申请还公开了一种用例生成装置、一种页面生成方法和装置。

Description

一种用例生成方法、页面生成方法及装置
技术领域
本申请涉及计算机技术领域,尤其涉及一种用例生成方法、页面生成方法及装置。
背景技术
用例(Use Case),是指在不展现一个系统或子系统内部结构的情况下,对系统或子系统的某个功能单元的功能进行描述。用例可以用很多方式来描述,比如可以用自然语言(英语、汉语或德语等)、形式化语言或者用各种图示来描述。
现有技术中,当采用用例来描述某组件的功能单元时,生成用例的具体实现过程一般如下:
调试人员对程序编写员编写该组件的源代码进行学习;
调试人员根据对于该源代码的学习结果,手动对该源代码进行编辑,比如编辑源代码中的、组件的某些属性的值,和/或在源代码中增加一些用例的描述信息等;
调试人员触发组件的源代码的运行工具(如浏览器),运行编辑后的源代码,得到的源代码运行结果即为生成的用例。
上述现有技术提供的用例生成方式由于需要人工学习和编辑组件的源代码,从而导致用例的生成效率较低。
发明内容
本申请实施例提供一种用例生成方法,用以解决现有技术存在的用例生成效率较低的问题。
本申请实施例还提供一种用例生成装置,用以解决现有技术存在的用例生成效率较低的问题。
本申请实施例还提供一种页面生成方法和装置。
本申请实施例采用下述技术方案:
一种用例生成方法,包括:
获得通过属性值输入区域输入的属性值;其中,所述属性值输入区域,是根据组件的至少一个属性生成的;
根据所述属性值和所述组件的源代码,生成作为用例的源代码运行结果。
一种输入区域生成方法,包括:
确定组件的至少一个属性;
根据确定的所述至少一个属性,生成相应的属性值输入区域。
一种用例生成装置,包括:
属性值获得单元,用于获得通过属性值输入区域输入的属性值;其中,所述属性值输入区域,是根据组件的至少一个属性生成的;
用例生成单元,用于根据所述组件的源代码,以及属性值获得单元获得的属性值,生成作为用例的源代码运行结果。
一种输入区域生成装置,包括:
属性确定单元,用于确定组件的至少一个属性;
输入区域生成单元,用于根据属性确定单元确定的所述至少一个属性,生成相应的属性值输入区域。
本申请实施例采用的上述至少一个技术方案能够达到以下有益效果:
由于本申请实施例支持通过属性值输入区域输入属性值,并基于属性值和组件的源代码生成用例,因此在生成用例时,无需学习和编辑组件的源代码,从而相对于现有技术而言,大大提升了用例的生成效率。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本申请实施例提供的一种用例生成方法的实现流程示意图;
图2为本申请实施例中生成的、用于展示属性值输入区域和用例的页面示意图;
图3为本申请实施例提供的一种输入区域生成方法的实现流程示意图;
图4为本申请实施例中所述的代码解析部分的具体实现流程图;
图5为本申请实施例中所述的用例生成部分的具体实现流程图;
图6为本申请实施例提供的一种用例生成装置的具体结构示意图;
图7为本申请实施例提供的一种输入区域生成装置的具体结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
以下结合附图,详细说明本申请各实施例提供的技术方案。
实施例1
为了解决现有技术存在的用例生成效率较低的问题,本申请实施例1提供一种用例生成方法。该方法的实现流程如图1所示,主要包括如下步骤:
步骤11,获得通过属性值输入区域输入的属性值;
其中,所述属性值输入区域,比如可以是文本输入框、文本域、下拉框、复选框等中的至少一种,通过该区域,可以输入作为属性值的文字、数字或者其他字符等。
本申请实施例中,该属性值输入区域可以是根据组件的至少一个属性生成的。具体地,若某组件包含多个属性,则可以视对于用例的实际生成需求,根据该组件的某个或某些属性,生成相应的属性值输入区域。
比如,某个功能为“展示日期下拉框”的组件包含属性“type”和“size”,则若期望生成一个用以描述“type”为某具体值时该组件的功能效果的用例,则可以根据“type”,生成用于输入“type”的属性值的文本输入框或文本域等。基于该文本输入框或者文本域,可以很方便地输入“type”的属性值,而无需再采用对组件的源代码进行学习与编辑的方式来修改源代码中“type”的属性值。
本申请实施例中,确定组件的至少一个属性的方式可以但不限于有以下三种:
方式1:通过对组件的源代码的注释的解析,确定所述至少一个属性。
方式1的执行前提,是预先在组件的源代码中设置注释。
为了实现通过对注释的解析,确定组件的至少一个属性,本申请实施例中,注释中一般至少包含组件的至少一个属性。
如下方的斜体字构成的整个段落,其为可以设置在源代码中的注释的一种形式。
为了便于在源代码中准确找到该注释,该注释可以以预定的符号进行标记。比如,下述的符号“/**”为用于标记注释的起始位置的符号;而符号“*/”为用于标记注释的终止位置的符号。
/**
*@author :作者
*@description:属性描述,加星号表示需要将该组件输出成文档,如“@description*:xxxx”
*@parent :该组件的父类,便于递归生成文档
*@demo :false|true,导出为demo,默认为true
*/
/*Props*/
/**
*@description:属性描述,加星号表示需要将该属性输出到文档,如“@description*:xxxx”
*@value :demo生成器专用,用于生成候选值
*/
若组件的源代码中的所有属性均被设置了注释,则通过方式1,可以实现解析出源代码中包含的所有属性;若组件的源代码中仅部分属性被设置了注释,则通过方式1,可以实现解析出源代码中包含的该部分属性。
方式2:根据所述至少一个属性所具备的代码特征,对组件的源代码进行解析,以确定所述至少一个属性。
本申请实施例,也可以不在组件的源代码中设置注释,而是利用源代码中的属性自身具备的代码特征,作为从源代码中解析出属性的依据。
比如,以前文所说的属性“type”为例,可以直接根据该属性的代码特征“由字母“t”、“y”、“p”和“e”依次构成”,从源代码中解析出具备该代码特征的该属性。又比如,程序员在编译组件的源代码时,可以为属性设置其独有的代码特征,如为“type”这一属性设置一个代码特征“#”,从而可以根据该代码特征,从源代码中解析出具备该代码特征的属性。
采用方式2,可以实现从组件的源代码中解析出所有或部分属性。
方式3:从针对组件的源代码设置的配置文件中,读取组件的所述至少一个属性。
本申请实施例中,也可以将属性设置到独立于组件源代码之外的一个配置文件中,在需要根据属性生成属性值输入区域时,可以从该配置文件中,读取组件的属性。
视实际需求,采用方式3,可以实现从设置有组件的属性的配置文件中,读取出组件的所有或部分属性。
本申请实施例中,考虑到具有不同数据类型的属性对于属性值输入区域的显示样式可能有不同的需求,因此在生成属性值输入区域时,可以以属性的数据类型为依据,以满足不同数据类型的属性对于属性值输入区域的显示样式的需求。其中,这里所说的数据类型可以但不限于包括下述数据类型中的至少一种:
单行输入、多行输入、单选、多选。
相应地,根据上述数据类型生成的属性值输入区域可以包括下述至少一种:
输入框、文本域、下拉框、复选框。
为了便于根据数据类型高效地生成相应的属性值输入区域,可以预先建立不同数据类型与相应的属性值输入区域显示样式的映射关系,从而后续根据数据类型,对该映射关系进行查询,就能够确定应该生成具备怎样的显示样式的属性值输入区域。比如,确定出的属性值输入区域的显示样式,可能是输入框的显示样式、文本域的显示样式、下拉框的显示样式或复选框的显示样式等。
在一种实施方式中,上述数据类型可以设置在组件的源代码的注释中,或作为源代码的一部分存在于源代码中,或设置在配置文件中。从而相应地,可以采用类似于上述方式1、方式2或方式3,实现确定属性值输入区域的数据类型。基于确定的所述数据类型、确定的所述至少一个属性,以及数据类型与属性值输入区域显示样式的预设映射关系,就可以生成相应的属性值输入区域。
特别地,针对具备下拉框的显示样式或者复选框的显示样式的属性值输入区域,可以在源代码的注释中为属性设置一些默认的属性值,以便于后续使得下拉框或者复选框能够提供默认的属性值供用户选取并输入。该些默认的属性值也可以像属性那样,设置在源代码中,或者设置在配置文件中。
步骤12,根据组件的源代码,以及通过执行步骤11而获得的属性值,生成作为用例的源代码运行结果。
本申请实施例中,在获得属性值后,就可以根据属性值与相应的属性的对应关系,将属性值赋值给组件的源代码中的相应属性,进而对组件的源代码进行运行,就能够获得源代码运行结果。该结果即为期望生成的用例。
为了便于用户根据对于生成的用例的满意程度,实时调整属性的属性值从而触发生成新的用例,本申请实施例中,可以将属性值输入区域和生成的用例,展示在同一页面中。比如,属性值输入区域,可以显示在如图2中的中间左侧的方框区域,该区域可以称为第一显示区域,具体地,图2的虚线框所围区域中的四个输入框,均为属性值输入区域;生成的用例,则可以展示在如图2中的中间右侧的方框区域,该区域可以称为第二显示区域。
采用在同一页面展示属性值输入区域和生成的用例的方式,便于用户直观地观察到对于属性值的修改而带来的用例变化效果,从而提升用户的体验,并且,也可以避免若分别用不同页面展示展示属性值输入区域和用例,可能会耗费较多资源进行页面切换的问题。
本申请实施例中,为了便于用户获知输入的属性值与相应的属性的代码表达形式,在一种实施方式中,如图2所示的该方法还可以进一步包括步骤:从组件的源代码中,截取包含前文所述的至少一个属性的代码部分;根据截取的该代码部分和通过属性值输入区域输入的属性值,生成包含该属性值的代码并展示。例如,可以在如图2所示的该页面的代码展示区域中,展示生成的、包含属性值的代码。
通过对生成的、包含属性值的代码的展示,可以使得用户获知被赋予属性值的属性的代码。此外,展示的该代码还可以支持被拷贝,从而便于用户后续直接根据展示该代码进行源代码修改等操作。
采用本申请实施例提供的上述方法,由于可以支持通过属性值输入区域输入属性值,并基于属性值和组件的源代码生成用例,因此在生成用例时,无需学习和编辑组件的源代码,从而相对于现有技术而言,大大提升了用例的生成效率。
需要说明的是,本申请实施例提供的上述方法的不同步骤可以由相同或不同的执行主体执行。比如,步骤11可以由设备1执行,步骤12可以由设备2执行;或者,步骤11和步骤12均可以由设备1执行。
这里所说的设备,可以但并不限于是浏览器等可运行组件的源代码的工具,或,不能直接运行源代码,但可以调用可运行组件的源代码的工具的设备。
实施例2
出于与实施例1相同的发明构思,本申请实施例2提供一种输入区域生成方法,该方法的实现流程示意图如图3所示,包括如下步骤:
步骤31,确定组件的至少一个属性;
本申请实施例2中,步骤31的具体实现方式可以参见实施例1中的方式1~方式3,此处不再赘述。
步骤32,根据确定的所述至少一个属性,生成相应的属性值输入区域。
其中,所述属性值输入区域,比如可以是文本输入框、文本域、下拉框、复选框等中的至少一种,通过该区域,后续可以输入作为属性值的文字、数字或者其他字符等。
比如,某个功能为“展示日期下拉框”的组件包含属性“type”和“size”,则若期望生成一个用以描述“size”为某具体值时该组件的功能效果的用例,则可以根据“size”,生成用于输入“size”的属性值的文本输入框或文本域等。基于该文本输入框或者文本域,可以很方便地输入“size”的属性值,而无需再采用对组件的源代码进行学习与编辑的方式来修改源代码中“size”的属性值。
本申请实施例中,考虑到具有不同数据类型的属性对于属性值输入区域的显示样式可能有不同的需求,因此在生成属性值输入区域时,可以以属性的数据类型为依据,以满足不同数据类型的属性对于属性值输入区域的显示样式的需求。其中,这里所说的数据类型可以但不限于包括下述数据类型中的至少一种:
单行输入、多行输入、单选、多选。
相应地,根据上述数据类型生成的属性值输入区域可以包括下述至少一种:
输入框、文本域、下拉框、复选框。
在一种实施方式中,上述数据类型可以设置在组件的源代码的注释中,或作为源代码的一部分存在于源代码中,或设置在配置文件中。从而相应地,可以采用类似于上述方式1、方式2或方式3,实现确定属性值输入区域的数据类型。基于确定的所述数据类型,以及确定的所述至少一个属性,就可以生成相应的属性值输入区域。
本申请实施例中,为了便于用户获知输入的属性值与相应的属性的代码表达形式,在一种实施方式中,如图3所示的该方法还可以进一步包括步骤:从组件的源代码中,截取包含前文所述的至少一个属性的代码部分;根据截取的该代码部分和通过属性值输入区域输入的属性值,生成包含该属性值的代码并展示。
通过对生成的、包含属性值的代码的展示,可以使得用户获知被赋予属性值的属性的代码。此外,展示的该代码还可以支持被拷贝,从而便于用户后续直接根据展示该代码进行源代码修改等操作。
采用本申请实施例2提供的上述方法,可以实现根据组件的源代码的属性,实现自动生成相应的属性值输入区域,从而使得用户后续可以方便地通过属性值输入区域输入属性值。相对于现有技术中用户需要对组件的源代码进行学习,才能找到源代码中的属性并编辑其属性值的方式而言,上述方法可以大大提升了属性值的输入便利性和输入效率。
实施例3
本申请实施例3提供一种基于代码注释生成支持可视化操作的前端用例的方法,用以具体说明实施例1和实施例2提供的方法在实际中的应用过程。
在介绍实施例3提供的该方法之前,首先对现有的网页前端开发工作中的一些需求进行介绍:
现有技术中,在网页前端开发的过程中,对于一些可重用的组件(例如日期选择、幻灯片播放、手风琴等组件),往往希望能提供具有可视化功能的用例来做一个说明,这无论对其他开发者的接触上手还是整个产品体系的技术沉淀都有较大的意义。
为了达到上述目的,目前采用的生成用例的方法如背景技术中所述,需要对组件的源代码进行学习和编辑。特别地,如果调试人员对代码的写法、配置不熟悉,还需要查看再去看组件的说明文档。可见,采用现有技术生成用例,一方面是对调试人员的前端技能有较高要求;另一方面,是效率较低。
为了解决采用现有技术存在的上述问题,本申请实施例提供一种基于代码注释生成支持可视化操作的前端用例的方法,该方法通过解析代码注释生成可视化用例。该方法主要包括两个部分:代码解析和用例生成。以下结合附图,对这两个部分分别进行说明。
1、代码解析
如图4所示,为代码解析部分的具体实现流程图,该流程主要包括下述步骤:
步骤41,调试人员使用的代码解析工具获得调试人员指定的文件解析路径;
本申请实施例中,所述代码解析工具,比如可以是调试人员使用的终端设备(如电脑)上安装的代码解析软件。
所述文件解析路径,
步骤42,代码解析工具根据获得的文件解析路径,获取待解析的组件的源代码;
步骤43,代码解析工具根据预先指定的注释特征,遍历获取的源代码,以实现从源代码的注释中确定组件的属性及属性的数据类型,此外,判断源代码的注释中是否说明该组件存在父类,若判断结果为是,执行步骤44,否则执行步骤45;
步骤44,代码解析工具获取该组件的父类的源代码,并通过遍历该父类的源代码,确定该父类的源代码中的注释中包含的属性及属性的数据类型;
步骤45,代码解析工具对确定出的所有属性及属性的数据类型以及其他一些数据进行JSON(JavaScript Object Notation)化,生成超级文本标记语言(Hyper Text Markup Language,HTML)文件并保存在内存中。
其中,生成的该HTML文件除了包含确定出的所有属性及属性的数据类型外,还可以包含页面样式特征、页面布局信息、属性值输入区域的样式信息以及从源代码中截取出的包含属性的源代码部分,等。
2、用例生成
如图5所示,为用例生成部分的具体实现流程图,该流程主要包括下述步骤:
步骤51,浏览器接收调试人员输入的文件运行指令;
其中,该指令中包含前文所述的HTML文件在内存中的地址;
步骤52,浏览器响应于接收到的文件运行指令,读取上述HTML文件并运行,从而生成具备所述页面特征的页面(后称所述页面);
步骤53,浏览器确定HTML文件中包含的各属性的数据类型,并针对各属性的数据类型执行下述操作,直至对于HTML文件包含的每个属性的数据类型均执行完毕下述操作:
浏览器识别数据类型是“单行输入”、“多行输入”、“单选”、“多选”还是“其他类型”;
若识别出数据类型是“单行输入”,则执行步骤54;
若识别出数据类型是“多行输入”,则执行步骤55;
若识别出数据类型是“单选”,则执行步骤56;
若识别出数据类型是“多选”,则执行步骤57;
若识别出数据类型是“其他类型”,则执行步骤58。
步骤54,浏览器根据属性值输入区域的样式信息,生成用于输入单行文本、且符合所述样式信息的输入框;
步骤55,浏览器根据属性值输入区域的样式信息,生成用于输入多行文本、且符合所述样式信息的文本域;
步骤56,浏览器根据属性值输入区域的样式信息,生成符合所述样式信息的下拉框;
步骤57,浏览器根据属性值输入区域的样式信息,生成符合所述样式信息的复选框;
步骤58,浏览器根据属性值输入区域的样式信息,生成除步骤54~步骤57所述的输入区域外的、具备其他样式且符合所述样式信息的属性值输入区域;
步骤59,浏览器在根据每个属性的数据类型生成相应的属性值输入区域后,根据HTML文件中的页面布局信息,将生成的属性值输入区域放置到所述页面的左侧部分中并显示;
步骤510,浏览器接收通过属性值输入区域输入的属性值,并根据属性值运行组件的源代码,生成用例;此外,浏览器根据属性值和HTML文件中包含的包含属性的源代码部分,生成包含属性及其属性值的源代码部分;
步骤511,浏览器将生成的用例和生成的源代码部分展示在所述页面中,流程结束。
特别地,如图2所示,浏览器可以将生成的用例展示在所述页面的右侧部分,而将生成的源代码部分展示在所述页面的下方区域。
采用本申请实施例3提供的该方法,可以减少前端开发人员在开发工作完成后继续编写用例页面的工作量,同时,采用该方法自动生成的具有可视化操作功能的用例页面,也能让使用者更快的上手。
实施例4
为了解决现有技术存在的用例生成效率较低的问题,本申请实施例4提供一种用例生成装置。该装置的具体结构示意图如图6所示,包括属性值获得单元61和用例生成单元62,该些功能单元的具体功能如下:
属性值获得单元61,用于获得通过属性值输入区域输入的属性值;其中,所述属性值输入区域,是根据组件的至少一个属性生成的;
用例生成单元62,用于根据组件的源代码,以及属性值获得单元61获得的属性值,生成作为用例的源代码运行结果。
在一种实施方式中,所述装置还包括:
属性确定单元,用于在属性值获得单元61获得通过属性值输入区域输入的属性值之前,确定组件的至少一个属性;
输入区域生成单元,用于根据属性确定单元确定的所述至少一个属性,生成相应的属性值输入区域。
其中,属性确定单元确定组件的至少一个属性的方式,可以但不限于为实施例1中所述的三种方式之一,此处不再赘述。
本申请实施例中,考虑到具有不同数据类型的属性对于属性值输入区域的显示样式可能有不同的需求,本申请实施例4提供的该装置还可以包括:数据类型确定单元和输入区域生成单元。其中,数据类型确定单元,用于确定所述至少一个属性的数据类型;输入区域生成单元,用于:根据属性确定单元确定的所述至少一个属性、数据类型确定单元确定的所述数据类型,以及数据类型与属性值输入区域显示样式的预设映射关系,生成相应的属性值输入区域。
本申请实施例4中,为了便于用户获知输入的属性值与相应的属性的代码表达形式,在一种实施方式中,该装置还可以包括:代码部分截取单元和代码生成单元。其中,代码部分截取单元,用于从组件的源代码中,截取包含所述至少一个属性的代码部分;代码生成单元,用于根据属性值获得单元61获得的所述至少一个属性值和代码部分截取单元截取的所述代码部分,生成包含所述至少一个属性值的代码并展示。
为了便于用户根据对于生成的用例的满意程度,实时调整属性的属性值从而触发生成新的用例,本申请实施例中,可以将属性值输入区域和生成的用例,展示在同一页面中。为了达到该目的,该装置还可以进一步包括展示单元。该展示单元,用于在属性值获得单元61获得的属性值为通过某页面的第一显示区域中的属性值输入区域输入的属性值时,在用例生成单元62生成作为用例的源代码运行结果后,将该用例展示在所述页面的第二显示区域。
采用本申请实施例4提供的上述装置,由于可以支持通过属性值输入区域输入属性值,并基于属性值和组件的源代码生成用例,因此在生成用例时,无需学习和编辑组件的源代码,从而相对于现有技术而言,大大提升了用例的生成效率。
实施例5
出于与前文所述的各实施例相同的发明构思,本申请实施例5提供一种输入区域生成装置,该装置的结构示意图如图7所示,包括属性确定单元71和输入区域生成单元72。各单元的功能如下:
属性确定单元71,用于确定组件的至少一个属性;
输入区域生成单元72,用于根据属性确定单元71确定的所述至少一个属性,生成相应的属性值输入区域。
其中,属性确定单元71确定组件的至少一个属性的方式,可以但不限于为实施例1中所述的三种方式之一,此处不再赘述。
本申请实施例中,考虑到具有不同数据类型的属性对于属性值输入区域的显示样式可能有不同的需求,本申请实施例4提供的该装置还可以包括:数据类型确定单元和输入区域生成单元。其中,数据类型确定单元,用于确定所述至少一个属性的数据类型;输入区域生成单元,用于:根据属性确定单元确定的所述至少一个属性、数据类型确定单元确定的所述数据类型,以及数据类型与属性值输入区域显示样式的预设映射关系,生成相应的属性值输入区域。
为了便于用户获知输入的属性值与相应的属性的代码表达形式,在一种实施方式中,该装置还可以包括:代码部分截取单元和代码生成单元。其中,代码部分截取单元,用于从组件的源代码中,截取包含所述至少一个属性的代码部分;代码生成单元,用于根据属性值获得单元61获得的所述至少一个属性值和代码部分截取单元截取的所述代码部分,生成包含所述至少一个属性值的代码并展示。
采用本申请实施例5提供的上述装置,可以实现根据组件的源代码的属性,自动生成相应的属性值输入区域,从而使得用户后续可以方便地通过属性值输入区域输入属性值。相对于现有技术中用户需要对组件的源代码进行学习,才能找到源代码中的属性并编辑其属性值的方式而言,上述方法可以大大提升了属性值的输入便利性和输入效率。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

Claims (20)

1.一种用例生成方法,其特征在于,包括:
获得通过属性值输入区域输入的属性值;其中,所述属性值输入区域,是根据组件的至少一个属性生成的;
根据所述属性值和所述组件的源代码,生成作为用例的源代码运行结果。
2.如权利要求1所述的方法,其特征在于,获得通过属性值输入区域输入的属性值之前,所述方法还包括:
确定组件的至少一个属性;
根据确定的所述至少一个属性,生成相应的所述属性值输入区域。
3.如权利要求2所述的方法,其特征在于,所述方法还包括:
确定所述至少一个属性的数据类型;则
根据确定的所述至少一个属性,生成相应的所述属性值输入区域,包括:
根据确定的所述至少一个属性、所述数据类型,以及数据类型与属性值输入区域显示样式的预设映射关系,生成相应的所述属性值输入区域。
4.如权利要求2所述的方法,其特征在于,确定组件的至少一个属性,包括:
通过对组件的所述源代码的注释的解析,确定所述至少一个属性;或
根据所述至少一个属性所具备的代码特征,对所述源代码进行解析,以确定所述至少一个属性;或
从针对所述源代码设置的配置文件中,读取所述至少一个属性。
5.如权利要求1所述的方法,其特征在于,所述方法还包括:
从所述源代码中,截取包含所述至少一个属性的代码部分;
根据所述至少一个属性值和截取的所述代码部分,生成包含所述至少一个属性值的代码并展示。
6.如权利要求1~5任一权项所述的方法,其特征在于:
获得通过属性值输入区域输入的属性值,包括:获得通过页面的第一显示区域中的所述属性值输入区域输入的属性值;则
生成作为用例的源代码运行结果后,所述方法还包括:
将所述用例展示在所述页面的第二显示区域。
7.一种输入区域生成方法,其特征在于,包括:
确定组件的至少一个属性;
根据确定的所述至少一个属性,生成相应的属性值输入区域。
8.如权利要求7所述的方法,其特征在于,所述方法还包括:
确定所述至少一个属性的数据类型;则
根据确定的所述至少一个属性,生成相应的属性值输入区域,包括:
根据确定的所述至少一个属性、所述数据类型,以及数据类型与属性值输入区域显示样式的预设映射关系,生成相应的所述属性值输入区域。
9.如权利要求7所述的方法,其特征在于,确定组件的至少一个属性,包括:
通过对组件的所述源代码的注释的解析,确定所述至少一个属性;或
根据所述至少一个属性所具备的代码特征,对所述源代码进行解析,以确定所述至少一个属性;或
从针对所述源代码设置的配置文件中,读取所述至少一个属性。
10.如权利要求9所述的方法,其特征在于,所述方法还包括:
从所述源代码中,截取包含所述至少一个属性的代码部分;
根据所述至少一个属性值和截取的所述代码部分,生成包含所述至少一个属性值的代码并展示。
11.一种用例生成装置,其特征在于,包括:
属性值获得单元,用于获得通过属性值输入区域输入的属性值;其中,所述属性值输入区域,是根据组件的至少一个属性生成的;
用例生成单元,用于根据所述组件的源代码,以及属性值获得单元获得的属性值,生成作为用例的源代码运行结果。
12.如权利要求11所述的装置,其特征在于,所述装置还包括:
属性确定单元,用于在属性值获得单元获得通过属性值输入区域输入的属性值之前,确定组件的至少一个属性;
输入区域生成单元,用于根据属性确定单元确定的所述至少一个属性,生成相应的所述属性值输入区域。
13.如权利要求12所述的装置,其特征在于,所述装置还包括:
数据类型确定单元,用于确定所述至少一个属性的数据类型;
输入区域生成单元,用于:根据属性确定单元确定的所述至少一个属性、数据类型确定单元确定的所述数据类型,以及数据类型与属性值输入区域显示样式的预设映射关系,生成相应的所述属性值输入区域。
14.如权利要求12所述的装置,其特征在于,属性确定单元,用于:
通过对组件的所述源代码的注释的解析,确定所述至少一个属性;或
根据所述至少一个属性所具备的代码特征,对所述源代码进行解析,以确定所述至少一个属性;或
从针对所述源代码设置的配置文件中,读取所述至少一个属性。
15.如权利要求11所述的装置,其特征在于,所述装置还包括:
代码部分截取单元,用于从所述源代码中,截取包含所述至少一个属性的代码部分;
代码生成单元,用于根据属性值获得单元获得的所述至少一个属性值和代码部分截取单元截取的所述代码部分,生成包含所述至少一个属性值的代码并展示。
16.如权利要求11~15任一权项所述的装置,其特征在于:
属性值获得单元,用于:获得通过页面的第一显示区域中的所述属性值输入区域输入的属性值;则
所述装置还包括:
展示单元,用于在用例生成单元生成作为用例的源代码运行结果后,将所述用例展示在所述页面的第二显示区域。
17.一种输入区域生成装置,其特征在于,包括:
属性确定单元,用于确定组件的至少一个属性;
输入区域生成单元,用于根据属性确定单元确定的所述至少一个属性,生成相应的属性值输入区域。
18.如权利要求17所述的装置,其特征在于,所述装置还包括:
数据类型确定单元,用于确定所述至少一个属性的数据类型;则
输入区域生成单元,用于:根据确定的所述至少一个属性、所述数据类型,以及数据类型与属性值输入区域显示样式的预设映射关系,生成相应的所述属性值输入区域。
19.如权利要求17所述的装置,其特征在于,属性确定单元,用于:
通过对组件的所述源代码的注释的解析,确定所述至少一个属性;或
根据所述至少一个属性所具备的代码特征,对所述源代码进行解析,以确定所述至少一个属性;或
从针对所述源代码设置的配置文件中,读取所述至少一个属性。
20.如权利要求19所述的装置,其特征在于,所述装置还包括:
代码截取单元,用于从所述源代码中,截取包含所述至少一个属性的代码部分;
代码生成单元,用于根据所述至少一个属性值和截取的所述代码部分,生成包含所述至少一个属性值的代码并展示。
CN201510511284.5A 2015-08-19 2015-08-19 一种用例生成方法、页面生成方法及装置 Active CN106469050B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510511284.5A CN106469050B (zh) 2015-08-19 2015-08-19 一种用例生成方法、页面生成方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510511284.5A CN106469050B (zh) 2015-08-19 2015-08-19 一种用例生成方法、页面生成方法及装置

Publications (2)

Publication Number Publication Date
CN106469050A true CN106469050A (zh) 2017-03-01
CN106469050B CN106469050B (zh) 2019-11-19

Family

ID=58214112

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510511284.5A Active CN106469050B (zh) 2015-08-19 2015-08-19 一种用例生成方法、页面生成方法及装置

Country Status (1)

Country Link
CN (1) CN106469050B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108255485A (zh) * 2017-09-22 2018-07-06 优视科技有限公司 页面搭建方法、设备及电子设备
CN113934486A (zh) * 2021-09-14 2022-01-14 南方电网深圳数字电网研究院有限公司 用户界面组件可实时编辑及渲染的方法及装置

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101414935A (zh) * 2008-07-09 2009-04-22 北京星网锐捷网络技术有限公司 测试用例生成方法及系统
CN101673199A (zh) * 2009-08-10 2010-03-17 厦门敏讯信息技术股份有限公司 终端参数配置服务器及其软件界面的自动生成方法
CN103853863A (zh) * 2012-12-05 2014-06-11 北京华大九天软件有限公司 Pdk自动测试界面实现方法
CN103942139A (zh) * 2013-12-19 2014-07-23 江苏锐天信息科技有限公司 一种航空简图页软件测试框架构建方法
WO2014193836A1 (en) * 2013-05-28 2014-12-04 The Mathworks, Inc. Resolution of textual code in a graphical hierarchical model of a technical computing environment

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101414935A (zh) * 2008-07-09 2009-04-22 北京星网锐捷网络技术有限公司 测试用例生成方法及系统
CN101673199A (zh) * 2009-08-10 2010-03-17 厦门敏讯信息技术股份有限公司 终端参数配置服务器及其软件界面的自动生成方法
CN103853863A (zh) * 2012-12-05 2014-06-11 北京华大九天软件有限公司 Pdk自动测试界面实现方法
WO2014193836A1 (en) * 2013-05-28 2014-12-04 The Mathworks, Inc. Resolution of textual code in a graphical hierarchical model of a technical computing environment
CN103942139A (zh) * 2013-12-19 2014-07-23 江苏锐天信息科技有限公司 一种航空简图页软件测试框架构建方法

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108255485A (zh) * 2017-09-22 2018-07-06 优视科技有限公司 页面搭建方法、设备及电子设备
CN108255485B (zh) * 2017-09-22 2021-10-29 阿里巴巴(中国)有限公司 页面搭建方法、设备及电子设备
CN113934486A (zh) * 2021-09-14 2022-01-14 南方电网深圳数字电网研究院有限公司 用户界面组件可实时编辑及渲染的方法及装置

Also Published As

Publication number Publication date
CN106469050B (zh) 2019-11-19

Similar Documents

Publication Publication Date Title
CN113094037B (zh) 表单和工作流的交互方法、开发平台、设备及存储介质
US10255044B2 (en) Method and system for modifying deployed applications
KR102186865B1 (ko) 컨트롤 및 파트 부합 계층구조
US10049095B2 (en) In-context editing of output presentations via automatic pattern detection
CN105760290B (zh) 基于网页前端测试的问题定位方法及相关装置、系统
JP6866551B2 (ja) 数式処理方法、装置、デバイス及びプログラム
CN104699602A (zh) 用于检测影响的方法和计算机
JP6090850B2 (ja) ソースプログラム解析システム、ソースプログラム解析方法およびプログラム
CN108268525A (zh) 一种基于Excel模板的报表实现方法及装置
CN106777036B (zh) 一种数据渲染方法及数据渲染系统
CN104657451A (zh) 页面的处理方法及装置
Hiya et al. clooca: Web based tool for Domain Specific Modeling.
Lim et al. Ply: A visual web inspector for learning from professional webpages
CN106155654A (zh) 屏蔽网页操作的方法、装置及电子设备
JP6199314B2 (ja) 演算子の優先順位のグラフィカル表現
Mikami et al. Micro-versioning tool to support experimentation in exploratory programming
CN106469050A (zh) 一种用例生成方法、页面生成方法及装置
Jiang et al. Log-it: Supporting Programming with Interactive, Contextual, Structured, and Visual Logs
CN113204340A (zh) 题目生产方法、题目管理系统及电子设备
US9342276B1 (en) Optimization tracing
CN108255916A (zh) 网页页面呈现的方法、设备、客户端装置和电子设备
US11126410B2 (en) Method and apparatus for building pages, apparatus and non-volatile computer storage medium
CN106033348A (zh) 一种制作网页的方法、装置及电子设备
JP2012038068A (ja) プログラム作成装置及び画像制御システム
GB2510866A (en) Computer code editor

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
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20200923

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands

Patentee after: Innovative advanced technology Co.,Ltd.

Address before: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands

Patentee before: Advanced innovation technology Co.,Ltd.

Effective date of registration: 20200923

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands

Patentee after: Advanced innovation technology Co.,Ltd.

Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands

Patentee before: Alibaba Group Holding Ltd.