页面代码生成方法、装置与流程

1.本技术涉及人工智能及计算机技术领域，具体而言，涉及一种页面代码生成方法、装置。


背景技术：

2.在页面代码生成场景中，现有技术中通常是对页面设计稿结构进行解析,进而直接转换为ui代码.或者使用dsl领域特定语言来进行自定义的页面设计稿结构到代码的转换，在这个过程中能够针对页面设计稿的结构与标识来进行组件区分,进而直接渲染出已开发完成的组件。然而，上述方法对设计稿标准化具有较强依赖，导致页面代码生成效率不高。基于此，如何减小在自动生成页面代码时对设计稿标准化的依赖是亟待解决的技术问题。


技术实现要素：

3.本技术的实施例提供了一种页面代码生成方法、装置、计算机程序产品或计算机程序、计算机可读介质及电子设备，进而至少在一定程度上可以减小在自动生成页面代码时对设计稿标准化的依赖，提高页面代码的生成效率。
4.本技术的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本技术的实践而习得。
5.根据本技术实施例的一个方面，提供了一种页面代码生成方法，所述方法包括：获取页面设计稿，所述页面设计稿中包括组件区域；提取所述组件区域中目标组件的特征信息，所述特征信息用于表征所述目标组件的属性；基于所述特征信息，确定所述目标组件在组件库中所属的目标组件类型；调用与所述目标组件类型相关联的目标代码块，以整合所述目标代码块，得到所述页面设计稿的页面代码。
6.根据本技术实施例的一个方面，提供了一种页面代码生成装置，所述装置包括：第一获取单元，被用于获取页面设计稿，所述页面设计稿中包括组件区域；提取单元，被用于提取所述组件区域中目标组件的特征信息，所述特征信息用于表征所述目标组件的属性；第一确定单元，被用于基于所述特征信息，确定所述目标组件在组件库中所属的目标组件类型；调用单元，被用于调用与所述目标组件类型相关联的目标代码块，以整合所述目标代码块，得到所述页面设计稿的页面代码。
7.在本技术的一些实施例中，基于前述方案，所述提取单元配置为：对所述页面设计稿进行扫描，得到所述页面设计稿中的至少一个组件区域；分别提取各个组件区域中目标组件的特征信息。
8.在本技术的一些实施例中，基于前述方案，所述组件库中包括至少一个代码块，其中，一个代码块关联一个组件类型。
9.在本技术的一些实施例中，基于前述方案，所述第一确定单元配置为：基于所述特征信息，通过预设模型对所述组件区域内的目标组件进行打分，得到所述目标组件在各个
组件类型上的信任评分，所述信任评分用于表征所述目标组件为相应组件类型的受信任程度；根据所述目标组件在各个组件类型上的信任评分，确定所述目标组件在组件库中所属的目标组件类型。
10.在本技术的一些实施例中，基于前述方案，所述特征信息包括至少两个，所述第一确定单元配置为：分别基于每一个特征信息，通过预设模型对所述组件区域内的目标组件进行打分，得到所述目标组件在各个组件类型上的子信任评分；针对每一个组件类型，按照预设权重对所述目标组件基于各个特征信息的子信任评分进行加权求值，得到所述目标组件在各个组件类型上的信任评分。
11.在本技术的一些实施例中，基于前述方案，所述特征信息包括文字特征信息、位置特征信息，图标特征信息中的至少两个。
12.在本技术的一些实施例中，基于前述方案，所述第一确定单元配置为：在所述信任评分达到第一阈值时，在组件库中将所述信任评分对应的组件类型确定为所述目标组件的待验证组件类型；确定所述目标组件中的文字与所述待验证组件类型对应的文字库之间的吻合度；在所述吻合度达到第二阈值时，将所述待验证组件类型确定为所述目标组件在组件库中所属的目标组件类型。
13.在本技术的一些实施例中，基于前述方案，所述装置还包括第二确定单元，被用于在所述信任评分未达到所述第一阈值时，或者在所述信任评分达到第一阈值，且所述吻合度未达到所述第二阈值时，确定所述组件库中不存在所述目标组件所属的组件类型；写入单元，被用于将所述目标组件所属的组件类型写入所述组件库中。
14.在本技术的一些实施例中，基于前述方案，所述装置还包括训练单元，被用于在将所述目标组件所属的组件类型写入所述组件库中之后，基于所述目标组件的特征信息和所述目标组件所属的组件类型，训练所述预设模型，以更新所述预设模型；第二获取单元，被用于获取与所述目标组件所属组件类型对应的代码块，并将所述代码块与所述目标组件所属组件类型进行关联。
15.根据本技术实施例的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述实施例中所述的页面代码生成方法。
16.根据本技术实施例的一个方面，提供了一种计算机可读介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上述实施例中所述的页面代码生成方法。
17.根据本技术实施例的一个方面，提供了一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上述实施例中所述的页面代码生成方法。
18.在本技术的一些实施例所提供的技术方案中，通过提取页面设计稿内组件区域中用于表征所述目标组件属性的特征信息，并通过所述特征信息确定所述目标组件在组件库中所属的目标组件类型，进一步通过调用与所述目标组件类型相关联的目标代码块，通过整合所述目标代码块，得到所述页面设计稿的页面代码。由于本方案在根据页面设计稿生成页面代码的过程中,能够根据设计稿中组件的特征信息来进行组件类型的智能识别与区分，故可以去除或减轻在自动生成页面代码时对设计稿标准化的依赖，从而能够更广泛地
基于不同设计标准下的设计稿进行代码生成，从而提高页面代码的生成效率。
19.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本技术。
附图说明
20.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本技术的实施例，并与说明书一起用于解释本技术的原理。显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：
21.图1示出了可以应用本技术实施例的技术方案的示例性系统架构的示意图；
22.图2示出了根据本技术一个实施例的应用页面代码生成方法的场景图；
23.图3示出了根据本技术一个实施例的页面代码生成方法的流程图；
24.图4示出了根据本技术一个实施例的提取组件区域中目标组件的特征信息的细节流程图；
25.图5示出了根据本技术一个实施例的确定目标组件在组件库中所属目标组件类型的细节流程图；
26.图6示出了根据本技术一个实施例的通过预设模型确定目标组件在各个组件类型上的信任评分的细节流程图；
27.图7示出了根据本技术一个实施例的确定目标组件在组件库中所属目标组件类型的细节流程图；
28.图8示出了根据本技术一个实施例的确定目标组件在组件库中所属目标组件类型的细节流程图；
29.图9示出了根据本技术一个实施例的在将目标组件所属组件类型写入所述组件库中之后的方法流程图；
30.图10示出了根据本技术一个实施例的页面代码生成方法的局部流程图；
31.图11示出了根据本技术的一个实施例的页面代码生成装置的框图；
32.图12示出了适于用来实现本技术实施例的电子设备的计算机系统的结构示意图。
具体实施方式
33.现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本技术将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。
34.此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本技术的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本技术的技术方案而没有特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知方法、装置、实现或者操作以避免模糊本技术的各方面。
35.附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现
这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
36.附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。
37.图1示出了可以应用本技术实施例的技术方案的示例性系统架构的示意图。
38.如图1所示，系统架构可以包括终端设备(如图1中所示智能手机101、平板电脑102和便携式计算机103中的一种或多种，当然也可以是台式计算机等等)、网络104和服务器105。网络104用以在终端设备和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线通信链路、无线通信链路等等。
39.应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。比如服务器105可以是多个服务器组成的服务器集群等。
40.在本技术的一个实施例中，用户可以利用终端设备向服务器105上传页面设计稿，并请求生成页面代码，其中，所述页面设计稿中包括组件区域，服务器105在获取页面设计稿之后，提取用于表征所述组件区域中目标组件的属性的特征信息，并基于所述特征信息，确定所述目标组件在组件库中所属的目标组件类型，最后调用与所述目标组件类型相关联的目标代码块，以整合所述目标代码块，得到所述页面设计稿的页面代码。
41.服务器105在根据页面设计稿生成页面代码的过程中,通过基于设计稿中组件的特征信息来进行组件类型的智能识别与区分，因此可以去除或减轻在自动生成页面代码时对设计稿标准化的依赖，从而提高页面代码的生成效率。
42.需要说明的是，本技术实施例所提供的页面代码生成方法一般由服务器105执行，相应地，页面代码生成装置一般设置于服务器105中。但是，在本技术的其它实施例中，终端设备也可以与服务器具有相似的功能，从而执行本技术实施例所提供的页面代码生成方案。
43.图2示出了根据本技术一个实施例的应用页面代码生成方法的场景图。
44.如图2所示，电子设备在获取到页面设计稿201之后，通过执行本技术提出的页面代码生成方法，得到页面代码202。
45.需要说明的是，页面设计稿是指web页面或者手机页面的前端，即页面的界面样式和视觉呈现，页面设计稿中包括有页面元素，在实际使用中，用户通过操作页面设计稿中的页面元素来实现对计算机的操作。为了实现页面设计稿中页面元素的功能，需要生成与所述页面设计稿相对应的网页代码，以支撑页面设计稿中页面元素的功能。
46.以下对本技术实施例的技术方案的实现细节进行详细阐述：
47.图3示出了根据本技术一个实施例的页面代码生成方法的流程图，该页面代码生成方法可以由具有计算处理功能的设备来执行，比如可以由图1中所示的服务器105来执行。参照图3所示，该页面代码生成方法至少包括步骤310至步骤370，详细介绍如下：
48.在步骤310中，获取页面设计稿，所述页面设计稿中包括组件区域。
49.需要理解的是，页面设计稿是指具有用以描述设计元素的数据结构的视觉稿数据及其载体。
50.在本技术中，页面设计稿是在页面代码生成之前由页面设计人员示上设计好的，
根据实际需要，在页面设计稿相应的位置划分有相应的组件区域，组件区域中包括有组件，其中，一个页面设计稿中至少有一个组件区域，一个组件区域对应有一个组件。
51.还需要理解的是，组件是指特定在前端开发领域的具备一定的ui与业务交互逻辑的抽象概念，在直观的视觉效果上，组件上有可以被直观看见的文字内容和图像内容。
52.继续参照图3，在步骤330中，提取所述组件区域中目标组件的特征信息，所述特征信息用于表征所述目标组件的属性。
53.在本技术中，所述特征信息可以包括至少两个。
54.具体的，所述特征信息可以包括文字特征信息、位置特征信息，图标特征信息中的至少两个。
55.其中，文字特征信息可以是指具体的文字，例如“确认”、“搜索”、“下一页”等文字内容。位置特征信息可以是指组件在页面设计稿中的位置或者方位，例如组件在页面设计稿中的坐标等等。图标特征信息可以是指具体的图像或者符号，例如具体的图片，箭头符号等等。
56.在本技术的一个实施例中，提取组件区域中目标组件的特征信息可以按照如图4所示的步骤执行。
57.参见图4，示出了根据本技术一个实施例的提取组件区域中目标组件的特征信息的细节流程图。具体包括步骤331至步骤332：
58.在步骤331中，对所述页面设计稿进行扫描，得到所述页面设计稿中的至少一个组件区域。
59.在步骤332中，分别提取各个组件区域中目标组件的特征信息。
60.在本技术中，在对所述页面设计稿进行扫描的过程中，可以通过图像识别技术得到所述页面设计稿中的至少一个组件区域。此外，提取各个组件区域中目标组件的特征信息，可以是通过组件位置，组件中的文件，图标等内容得到对应的向量特征。
61.继续参照图3，在步骤350中，基于所述特征信息，确定所述目标组件在组件库中所属的目标组件类型。
62.在本技术中，组件库可以是指组件的集合，具体的，组件库中的组件可以有分类标记，分类标记可以用于标识组件的组件类型。
63.在本技术的一个实施例中，所述组件库中还可以包括有至少一个代码块，其中，一个代码块关联一个组件类型。
64.需要说明的是，在实际应用中，所述代码块在被执行时，可以实现与其所对应组件类型的组件功能，例如，在页面中点击“下一页”时，通过执行与其对应的代码块中的相应代码，可以使得显示屏从当前页面跳转到另一个页面。
65.在本技术的一个实施例中，基于所述特征信息，确定所述目标组件在组件库中所属的目标组件类型可以按照如图5所示的步骤执行。
66.参见图5，示出了根据本技术一个实施例的确定目标组件在组件库中所属目标组件类型的细节流程图。具体包括步骤351至步骤352：
67.在步骤351中，基于所述特征信息，通过预设模型对所述组件区域内的目标组件进行打分，得到所述目标组件在各个组件类型上的信任评分，所述信任评分用于表征所述目标组件为相应组件类型的受信任程度。
68.在本技术中，所述预设模型可以是通过事先训练过的机器学习模型，也可以是经过人为开发和训练的基于数据与经验的可控识别程序。
69.为了是本领域技术人员更好的理解所述预设模型的训练过程，下面将参照机器学习模型对此进行阐述：
70.在本技术中，可以通过开发与设计过程中积累的"可确定类型的组件"与其对应"在设计稿中的特征信息"作为训练集来训练机器学习模型，使得模型能够根据输入的特征信息(例如文字特征信息与组件的位置特征信息)为候选的组件类型进行打分。
71.例如，对于一个展示排名的组件来说，其通常以[第xx名]，[xx名]，[第xx]，[xx位]等具有一定特征的文字呈现在页面设计稿中的特定位置，通过训练集中包括的“[组件类型,文字的内容与位置]”进行训练后得到模型，会在接下来的识别过程中起到分类组件的作用，即能够基于输入的上述文字特征信息和位置特征信息为上述“排名组件”进行打分，得到一个较高的打分。
[0072]
在识别过程中，例如，将页面设计稿中的文字提取出来,并记录其位置信息,以向量特征的形式进行记录，并将其作为输入传递给预设模型使其进行打分和识别。
[0073]
具体的，在步骤351的一个具体实现中，基于所述特征信息，通过预设模型对所述组件区域内的目标组件进行打分，得到所述目标组件在各个组件类型上的信任评分，可以按照如图6所示的步骤执行。
[0074]
参见图6，示出了根据本技术一个实施例的通过预设模型确定目标组件在各个组件类型上的信任评分的细节流程图。具体包括步骤3511至步骤3512：
[0075]
在步骤3511中，分别基于每一个特征信息，通过预设模型对所述组件区域内的目标组件进行打分，得到所述目标组件在各个组件类型上的子信任评分。
[0076]
在步骤3512中，针对每一个组件类型，按照预设权重对所述目标组件基于各个特征信息的子信任评分进行加权求值，得到所述目标组件在各个组件类型上的信任评分。
[0077]
为了使本领域技术人员更好的理解图6所示的步骤，下面将结合表1中的示例对此进行阐述：
[0078]
x“排名组件”类型“筛选组件”类型文字特征信息x1(0.7)8分3分位置特征信息x2(0.3)7分1分信任评分7.7分2.4分
[0079]
表1
[0080]
参见表1，针对一个目标组件x，其对应有文字特征信息x1和位置特征信息x2，其中，基于文字特征信息x1，通过预设模型对目标组件x进行打分，可以得到目标组件x在各个组件类型上的第一子信任评分(比如在“排名组件”类型上的第一子信任评分8分，在“筛选组件”类型上的第一子信任评分3分)。基于位置特征信息x2，通过预设模型对目标组件x进行打分，可以得到目标组件x在各个组件类型上的第二子信任评分(比如在“排名组件”类型上的第一子信任评分7分，在“筛选组件”类型上的第一子信任评分1分)。
[0081]
进一步，在上述例子中，针对文字特征信息x1的预设权重为0.7，针对位置特征信息x1的预设权重为0.3，基于此，目标组件x在“排名组件”类型上的信任评分为：0.7
×
8 0.3
×
7＝7.7，在“筛选组件”类型上的信任评分为：0.7
×
3 0.3
×
1＝2.4。
[0082]
继续参照图5，在步骤352中，根据所述目标组件在各个组件类型上的信任评分，确定所述目标组件在组件库中所属的目标组件类型。
[0083]
在本技术中，预设模型中根据文字特征吻合程度与相对位置的匹配程度进行评分，当分数达标且与某一组件的文字特征吻合时,模型会将其识别为某一组件。
[0084]
在步骤352的一个具体实现中，根据所述目标组件在各个组件类型上的信任评分，确定目标组件在组件库中所属目标组件类型可以按照如图7所示的步骤执行。
[0085]
参见图7，示出了根据本技术一个实施例的确定目标组件在组件库中所属目标组件类型的细节流程图。具体包括步骤3521至步骤3523：
[0086]
在步骤3521中，在所述信任评分达到第一阈值时，在组件库中将所述信任评分对应的组件类型确定为所述目标组件的待验证组件类型。
[0087]
具体的，例如，所述第一阈值设为7分，当“排名组件”类型的信任评分为7.7分时，则说明排名组件”类型为目标组件的待验证组件类型。
[0088]
在步骤3522中，确定所述目标组件中的文字与所述待验证组件类型对应的文字库之间的吻合度。
[0089]
在步骤3523中，在所述吻合度达到第二阈值时，将所述待验证组件类型确定为所述目标组件在组件库中所属的目标组件类型。
[0090]
在本技术中，每一个组件类型中可以对应有一个文字库，其中，文字库中可以包括有与相应组件类型密切相关的文字。
[0091]
如上所述的，目标组件中也包括有文字，目标组件中的文字与所述待验证组件类型对应的文字库之间的吻合度可以是目标组件中的文字与对应文字库中文字的重合数量，也可以是重合比例。
[0092]
在所述吻合度达到第二阈值时，将所述待验证组件类型确定为所述目标组件在组件库中所属的目标组件类型，其好处在于，可以对模型的打分和识别结果进行验证，从而提高整个方案对目标组件类型进行识别的准确性。
[0093]
在本技术中，根据所述目标组件在各个组件类型上的信任评分，确定目标组件在组件库中所属目标组件类型还可以按照如图8所示的步骤执行。
[0094]
参见图8，示出了根据本技术一个实施例的确定目标组件在组件库中所属目标组件类型的细节流程图。具体包括步骤3524至步骤3525：
[0095]
在步骤3524中，在所述信任评分未达到所述第一阈值时，或者在所述信任评分达到第一阈值，且所述吻合度未达到所述第二阈值时，确定所述组件库中不存在所述目标组件所属的组件类型。
[0096]
在步骤3525中，将所述目标组件所属的组件类型写入所述组件库中。
[0097]
在本技术中，当所述组件库中不存在所述目标组件所属的组件类型时，将所述目标组件所属的组件类型写入所述组件库中，可以完善整个组件库中的组件类型，使得在一定程度上可以避免在后续组件类型识别过程中出现组件库中不存在目标组件所属组件类型的情况。
[0098]
在本技术的一个实施例中，在将目标组件所属组件类型写入所述组件库中之后，还可以执行如图9所示的步骤。
[0099]
参见图9，示出了根据本技术一个实施例的在将目标组件所属组件类型写入所述
组件库中之后的方法流程图。具体包括步骤3526至步骤3527：
[0100]
在步骤3526中，基于所述目标组件的特征信息和所述目标组件所属的组件类型，训练所述预设模型，以更新所述预设模型。
[0101]
在步骤3527中，获取与所述目标组件所属组件类型对应的代码块，并将所述代码块与所述目标组件所属组件类型进行关联。
[0102]
在本技术中，基于所述目标组件的特征信息和所述目标组件所属的组件类型，训练所述预设模型，可以增强所述预设模型的组件识别功能，提高预设模型对组件类型进行识别的准确率。
[0103]
在本技术中，将所述代码块与所述目标组件所属组件类型进行关联，可以是将所述代码快写入所述组件库中。
[0104]
继续参照图3，在步骤370中，调用与所述目标组件类型相关联的目标代码块，以整合所述目标代码块，得到所述页面设计稿的页面代码。
[0105]
在本技术中，通过调用与所述目标组件类型相关联的目标代码块，将至少一个目标代码块进行拼接，封装，从而得到所述页面设计稿的页面代码。
[0106]
可见，通过本技术所提出的页面代码生成方案，可以减轻或移除对页面设计稿规范的要求，并提高识别分类组件的可信度，在进行开发联调过程中，能够实现让页面设计稿到代码的自动化过程。
[0107]
为了使本领域技术人员更好的理解本技术，下面将结合图10对本技术所提出的页面代码生成方案中的组件类型识别部分进行整体阐述：
[0108]
参见图10，示出了根据本技术一个实施例的页面代码生成方法的局部流程图。
[0109]
如图10所示，首先针对页面设计稿划分组件区域，并从组件区域中得到若干目标组件，然后分别提取若干目标组件中的特征信息，并基于所述特征信息，由经过训练集训练的预设模型对若干目标组件的组件类型进行识别，判断目标组件是否为组件库中的组件，最后，在目标组件不是库内组件时，将所述目标组件标记为非库内组件，在目标组件是库内组件时，将所述目标组件标记为库内组件。
[0110]
在本技术的一些实施例所提供的技术方案中，通过提取页面设计稿内组件区域中用于表征所述目标组件属性的特征信息，并通过所述特征信息确定所述目标组件在组件库中所属的目标组件类型，进一步通过调用与所述目标组件类型相关联的目标代码块，通过整合所述目标代码块，得到所述页面设计稿的页面代码。由于本方案在根据页面设计稿生成页面代码的过程中,能够根据设计稿中组件的特征信息来进行组件类型的智能识别与区分，故可以去除或减轻在自动生成页面代码时对设计稿标准化的依赖，从而能够更广泛地基于不同设计标准下的设计稿进行代码生成，从而提高页面代码的生成效率。
[0111]
以下介绍本技术的装置实施例，可以用于执行本技术上述实施例中的页面代码生成方法。对于本技术装置实施例中未披露的细节，请参照本技术上述的页面代码生成方法的实施例。
[0112]
图11示出了根据本技术的一个实施例的页面代码生成装置的框图。
[0113]
参照图11所示，根据本技术的一个实施例的页面代码生成装置1100，包括：第一获取单元1101、提取单元1102、第一确定单元1103和调用单元1104。
[0114]
其中，第一获取单元1101，被用于获取页面设计稿，所述页面设计稿中包括组件区
域；提取单元1102，被用于提取所述组件区域中目标组件的特征信息，所述特征信息用于表征所述目标组件的属性；第一确定单元1103，被用于基于所述特征信息，确定所述目标组件在组件库中所属的目标组件类型；调用单元1104，被用于调用与所述目标组件类型相关联的目标代码块，以整合所述目标代码块，得到所述页面设计稿的页面代码。
[0115]
在本技术的一些实施例中，基于前述方案，所述提取单元1102配置为：对所述页面设计稿进行扫描，得到所述页面设计稿中的至少一个组件区域；分别提取各个组件区域中目标组件的特征信息。
[0116]
在本技术的一些实施例中，基于前述方案，所述组件库中包括至少一个代码块，其中，一个代码块关联一个组件类型。
[0117]
在本技术的一些实施例中，基于前述方案，所述第一确定单元1103配置为：基于所述特征信息，通过预设模型对所述组件区域内的目标组件进行打分，得到所述目标组件在各个组件类型上的信任评分，所述信任评分用于表征所述目标组件为相应组件类型的受信任程度；根据所述目标组件在各个组件类型上的信任评分，确定所述目标组件在组件库中所属的目标组件类型。
[0118]
在本技术的一些实施例中，基于前述方案，所述特征信息包括至少两个，所述第一确定单元1103配置为：分别基于每一个特征信息，通过预设模型对所述组件区域内的目标组件进行打分，得到所述目标组件在各个组件类型上的子信任评分；针对每一个组件类型，按照预设权重对所述目标组件基于各个特征信息的子信任评分进行加权求值，得到所述目标组件在各个组件类型上的信任评分。
[0119]
在本技术的一些实施例中，基于前述方案，所述特征信息包括文字特征信息、位置特征信息，图标特征信息中的至少两个。
[0120]
在本技术的一些实施例中，基于前述方案，所述第一确定单元1103配置为：在所述信任评分达到第一阈值时，在组件库中将所述信任评分对应的组件类型确定为所述目标组件的待验证组件类型；确定所述目标组件中的文字与所述待验证组件类型对应的文字库之间的吻合度；在所述吻合度达到第二阈值时，将所述待验证组件类型确定为所述目标组件在组件库中所属的目标组件类型。
[0121]
在本技术的一些实施例中，基于前述方案，所述装置还包括第二确定单元，被用于在所述信任评分未达到所述第一阈值时，或者在所述信任评分达到第一阈值，且所述吻合度未达到所述第二阈值时，确定所述组件库中不存在所述目标组件所属的组件类型；写入单元，被用于将所述目标组件所属的组件类型写入所述组件库中。
[0122]
在本技术的一些实施例中，基于前述方案，所述装置还包括训练单元，被用于在将所述目标组件所属的组件类型写入所述组件库中之后，基于所述目标组件的特征信息和所述目标组件所属的组件类型，训练所述预设模型，以更新所述预设模型；第二获取单元，被用于获取与所述目标组件所属组件类型对应的代码块，并将所述代码块与所述目标组件所属组件类型进行关联。
[0123]
图12示出了适于用来实现本技术实施例的电子设备的计算机系统的结构示意图。
[0124]
需要说明的是，图12示出的电子设备的计算机系统1200仅是一个示例，不应对本技术实施例的功能和使用范围带来任何限制。
[0125]
如图12所示，计算机系统1200包括中央处理单元(central processing unit，
cpu)1201，其可以根据存储在只读存储器(read-only memory，rom)1202中的程序或者从储存部分1208加载到随机访问存储器(random access memory，ram)1203中的程序而执行各种适当的动作和处理，例如执行上述实施例中所述的方法。在ram 1203中，还存储有系统操作所需的各种程序和数据。cpu 1201、rom 1202以及ram 1203通过总线1204彼此相连。输入/输出(input/output，i/o)接口1205也连接至总线1204。
[0126]
以下部件连接至i/o接口1205：包括键盘、鼠标等的输入部分1206；包括诸如阴极射线管(cathode ray tube，crt)、液晶显示器(liquid crystal display，lcd)等以及扬声器等的输出部分1207；包括硬盘等的储存部分1208；以及包括诸如lan(local area network，局域网)卡、调制解调器等的网络接口卡的通信部分1209。通信部分1209经由诸如因特网的网络执行通信处理。驱动器1210也根据需要连接至i/o接口1205。可拆卸介质1211，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1210上，以便于从其上读出的计算机程序根据需要被安装入储存部分1208。
[0127]
特别地，根据本技术的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本技术的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分1209从网络上被下载和安装，和/或从可拆卸介质1211被安装。在该计算机程序被中央处理单元(cpu)1201执行时，执行本技术的系统中限定的各种功能。
[0128]
需要说明的是，本技术实施例所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(erasable programmable read only memory，eprom)、闪存、光纤、便携式紧凑磁盘只读存储器(compact disc read-only memory，cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本技术中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本技术中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、有线等等，或者上述的任意合适的组合。
[0129]
附图中的流程图和框图，图示了按照本技术各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。其中，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可
以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
[0130]
描述于本技术实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现，所描述的单元也可以设置在处理器中。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定。
[0131]
作为另一方面，本技术还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述实施例中所述的页面代码生成方法。
[0132]
作为另一方面，本技术还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该电子设备执行时，使得该电子设备实现上述实施例中所述的方法。
[0133]
应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本技术的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
[0134]
通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本技术实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是cd-rom，u盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、触控终端、或者网络设备等)执行根据本技术实施方式的方法。
[0135]
本领域技术人员在考虑说明书及实践这里公开的实施方式后，将容易想到本技术的其它实施方案。本技术旨在涵盖本技术的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本技术的一般性原理并包括本技术未公开的本技术领域中的公知常识或惯用技术手段。
[0136]
应当理解的是，本技术并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本技术的范围仅由所附的权利要求来限制。