CN113238752A - 代码生成方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开关于一种代码生成方法、装置、电子设备及存储介质。所述方法包括：获取编码工具中被选中的用于生成第一代码的第二代码，第二代码中包含模板标识字段；获取与模板标识字段对应的代码模板；基于代码模板，生成与第二代码对应的目标代码模板，在编码工具的编辑文件中插入目标代码模板，目标代码模板中包含待编辑字段；获取针对待编辑字段输入的代码参数，在编辑文件中生成第二代码对应的第一代码。本公开提供的代码生成方法，用户只需要在目标代码模板的待编辑字段中填入相关的代码参数即可实现完整结构的第一代码的生成，从而用户可避免对结构相似的代码进行重复编写，提高代码生成效率。

Description

代码生成方法、装置、电子设备及存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及一种代码生成方法、装置、电子设备及存储介质。

背景技术

相关技术中，用户可以通过编辑代码的方式，以在计算机上实现各种不同的效果。

对于用于实现相似效果的代码，其通常具有相似的代码结构，然而，目前的代码生成方法需要用户对这种结构相似的代码进行重复编写，代码生成效率低。

发明内容

本公开提供一种代码生成方法、装置、电子设备及存储介质，以至少解决相关技术中代码生成效率低的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种代码生成方法，包括：

获取编码工具中被选中的用于生成第一代码的第二代码，所述第二代码中包含模板标识字段；

获取与所述模板标识字段对应的代码模板；

基于所述代码模板，生成与所述第二代码对应的目标代码模板，在所述编码工具的编辑文件中插入所述目标代码模板，所述目标代码模板中包含待编辑字段；

获取针对所述待编辑字段输入的代码参数，在所述编辑文件中生成所述第二代码对应的第一代码。

在一示例性实施例中，所述第一代码为用于生成界面元素的代码；所述模板标识字段用于标识所述界面元素的元素类型；所述第二代码中还包括所述界面元素的元素名称；所述获取与所述模板标识字段对应的代码模板，包括；获取与所述元素类型对应的代码模板；所述基于所述代码模板，生成与所述第二代码对应的目标代码模板，包括：基于所述与所述元素类型对应的代码模板，以及所述界面元素的元素名称，生成所述目标代码模板。

在一示例性实施例中，所述界面元素包括文本框元素；所述获取针对所述待编辑字段输入的代码参数，在所述编辑文件中生成所述第二代码对应的第一代码，包括：获取所述文本框元素对应的字体颜色，字体大小，以及所述文本框元素的最大行数；在文本框代码模板中所述待编辑字段的对应位置填入所述字体颜色，字体大小，以及所述文本框元素的最大行数，生成所述第一代码。

在一示例性实施例中，所述界面元素包括：图片元素；所述获取针对所述待编辑字段输入的代码参数，在所述编辑文件中生成所述第二代码对应的第一代码，包括：获取所述图片元素对应的图片宽度、图片高度，以及所述图片元素对应的圆角属性值；在图片代码模板中所述待编辑字段的对应位置填入所述图片宽度、图片高度，以及所述图片元素对应的圆角属性值，生成所述第一代码。

在一示例性实施例中，所述获取与所述模板标识字段对应的代码模板之前，还包括：响应于针对所述预设的代码模板的更新操作，获取更新后的代码模板；所述获取与所述模板标识字段对应的代码模板，包括：基于所述模板标识字段，从所述更新后的代码模板中获取所述模板标识字段对应的代码模板。

在一示例性实施例中，所述获取编码工具中被选中的用于生成第一代码的第二代码，包括：获取编码工具的当前编辑文件中被选中的第二代码，作为所述用于生成第一代码的第二代码。

在一示例性实施例中，所述获取与所述模板标识字段对应的代码模板之前，还包括：检测到所述编码工具触发的快捷键信号，从所述第二代码中读取所述模板标识字段。

在一示例性实施例中，所述第二代码的个数为多个；所述在所述编码工具的编辑文件中插入所述目标代码模板，包括：确定各第二代码的代码顺序；按照所述代码顺序，在所述当前编辑文件中插入各第二代码对应的目标代码模板。

根据本公开实施例的第二方面，提供一种代码生成装置，包括：

第二代码获取单元，被配置为执行获取编码工具中被选中的用于生成第一代码的第二代码，所述第二代码中包含模板标识字段；

代码模板获取单元，被配置为执行获取与所述模板标识字段对应的代码模板；

目标模板获取单元，被配置为执行基于所述代码模板，生成与所述第二代码对应的目标代码模板，在所述编码工具的编辑文件中插入所述目标代码模板，所述目标代码模板中包含待编辑字段；

第一代码生成单元，被配置为执行获取针对所述待编辑字段输入的代码参数，在所述编辑文件中生成所述第二代码对应的第一代码。

在一示例性实施例中，所述第一代码为用于生成界面元素的代码；所述模板标识字段用于标识所述界面元素的元素类型；所述第二代码中还包括所述界面元素的元素名称；所述代码模板获取单元，进一步被配置为执行获取与所述元素类型对应的代码模板；所述目标模板获取单元，进一步被配置为执行基于所述与所述元素类型对应的代码模板，以及所述界面元素的元素名称，生成所述目标代码模板。

在一示例性实施例中，所述界面元素包括文本框元素；所述第一代码生成单元，进一步被配置为执行获取所述文本框元素对应的字体颜色，字体大小，以及所述文本框元素的最大行数；在文本框代码模板中所述待编辑字段的对应位置填入所述字体颜色，字体大小，以及所述文本框元素的最大行数，生成所述第一代码。

在一示例性实施例中，所述界面元素包括：图片元素；所述第一代码生成单元，进一步被配置为执行获取所述图片元素对应的图片宽度、图片高度，以及所述图片元素对应的圆角属性值；在图片代码模板中所述待编辑字段的对应位置填入所述图片宽度、图片高度，以及所述图片元素对应的圆角属性值，生成所述第一代码。

在一示例性实施例中，代码生成装置，还包括：代码模板更新单元，被配置为执行响应于针对所述预设的代码模板的更新操作，获取更新后的代码模板；所述代码模板获取单元，进一步被配置为执行基于所述模板标识字段，从所述更新后的代码模板中获取所述模板标识字段对应的代码模板。

在一示例性实施例中，所述第二代码获取单元，进一步被配置为执行获取编码工具的当前编辑文件中被选中的第二代码，作为所述用于生成第一代码的第二代码。

在一示例性实施例中，代码生成装置，还包括：快捷键信号检测模块，被配置为执行检测到所述编码工具触发的快捷键信号，从所述第二代码中读取所述模板标识字段。

在一示例性实施例中，所述第二代码的个数为多个；所述目标模板获取单元，进一步被配置为执行确定各第二代码的代码顺序；按照所述代码顺序，在所述当前编辑文件中插入各第二代码对应的目标代码模板。

根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现如第一方面任一项实施例所述的代码生成方法。

根据本公开实施例的第四方面，提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如第一方面任一项实施例所述的代码生成方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如第一方面任一项实施例所述的代码生成方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

通过获取编码工具中被选中的用于生成第一代码的第二代码，第二代码中包含模板标识字段；获取与模板标识字段对应的代码模板；基于代码模板，生成与第二代码对应的目标代码模板，在编码工具的编辑文件中插入目标代码模板，目标代码模板中包含待编辑字段；获取针对待编辑字段输入的代码参数，在编辑文件中生成第二代码对应的第一代码。本公开提供的代码生成方法，可以通过第二代码中的模板标识字段找到对应的代码模板，并基于代码模板自动生成目标代码模板，用户只需要在目标代码模板的待编辑字段中填入相关的代码参数即可实现完整结构的第一代码的生成，从而用户可避免对结构相似的代码进行重复编写，提高代码生成效率。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种代码生成方法的流程图。

图2是根据一示例性实施例示出的生成第二代码对应的第一代码的流程图。

图3是根据另一示例性实施例示出的生成第二代码对应的第一代码的流程图。

图4是根据一示例性实施例示出的插入目标代码模板的流程图。

图5是根据另一示例性实施例示出的一种代码生成方法的流程图。

图6是根据一示例性实施例示出的一种代码生成装置的框图。

图7是根据一示例性实施例示出的一种电子设备的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种代码生成方法的流程图，如图1所示，代码生成方法用于安装有编码插件的终端中，包括以下步骤。

在步骤S101中，终端获取编码工具中被选中的用于生成第一代码的第二代码，第二代码中包含模板标识字段。

其中，编码插件可以是预先安装于终端中的，用于辅助用户通过编码工具进行代码编辑的插件，该插件可以预先存储有多种不同的代码模板，用过读取用户选中的代码，找到用户选中的代码对应的代码模板，并通过代码模板实现代码编辑。而该终端则可以是但不限于是各种安装有上述直播辅助应用的个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。第二代码则可以是用户预先在编码工具中编写的用于通过在编码插件的辅助下，以生成最终的完整代码，即第一代码的简单代码，该第二代码可以携带有用于标识需要调用的代码模板对应的标识字段，即模板标识字段。具体来说，终端可以通过调用预先安装的编码插件，利用编码插件读取用户在编码工具中选择的用于生成第一代码的第二代码，该第二代码可以携带有模板标识字段，以使得编码插件可以基于模板标识字段确定对应的代码模板。

在步骤S102中，终端获取与模板标识字段对应的代码模板；

在步骤S103中，终端基于代码模板，生成与第二代码对应的目标代码模板，在编码工具的编辑文件中插入目标代码模板，目标代码模板中包含待编辑字段。

终端通过编码插件得到简单模板标识字段后，编码插件则可以根据得到的模板标识字段从预先存储的多个代码模板中，得到与模板标识字段对应的代码模板，并利用该代码模板，结合读取的第二代码，生成该第二代码对应的目标代码模板，并将目标代码模板插入至编码工具编辑中的文件内，该目标代码模板中设置有可以用于用户进行编辑的待编辑字段。

在步骤S104中，终端获取针对待编辑字段输入的代码参数，在编辑文件中生成第二代码对应的第一代码。

最后，终端得到目标代码模板后，还可以得到用户针对目标代码模板中的待编辑字段输入的参数，作为代码参数，在待编辑字段的响应位置进行填入，从而在编辑文件中生成对应的第一代码。

上述代码生成方法中，通过获取编码工具中被选中的用于生成第一代码的第二代码，第二代码中包含模板标识字段；获取与模板标识字段对应的代码模板；基于代码模板，生成与第二代码对应的目标代码模板，在编码工具的编辑文件中插入目标代码模板，目标代码模板中包含待编辑字段；获取针对待编辑字段输入的代码参数，在编辑文件中生成第二代码对应的第一代码。本公开提供的代码生成方法，可以通过第二代码中的模板标识字段找到对应的代码模板，并基于代码模板自动生成目标代码模板，用户只需要在目标代码模板的待编辑字段中填入相关的代码参数即可实现完整结构的第一代码的生成，从而用户可避免对结构相似的代码进行重复编写，提高代码生成效率。

在一示例性实施例中，第一代码为用于生成界面元素的代码；模板标识字段用于标识界面元素的元素类型；第二代码中还包括界面元素的元素名称；步骤S102可以进一步包括：终端获取与元素类型对应的代码模板；步骤S103可以进一步包括：终端基于与元素类型对应的代码模板，以及界面元素的元素名称，生成目标代码模板。

本实施例中，生成的第一代码可以是用来生成在界面上显示的界面元素的代码，生成的界面元素可以是文本框或者图片等等，模板标识字段则可以是用于标识生成的界面元素的元素类型的字段，例如可以包括用于标识生成文本框的文本框类型字段，或者用于标识生成图片的图片类型字段，一般而言，由于生成不同元素类型的代码一般采用不同的编码结构，而用于生成相同元素类型的代码则一般具有相似的编码结构。例如，通常用于生成文本框元素的代码与用于生成图片元素的代码一般采取不同的编码结构，而对于同样是用于生成图片元素的代码，其编码结构一般是相似的，因此可以将用于标识界面元素的元素类型的标识字段设置为模板标识字段。而元素名称则指的是需要生成的界面元素的名称，例如文本框元素的名称可以是是用户姓名，用户年龄，用户性别等等，而对于图片类型则可以是用户头像，用户背景，用户照片等等。

具体来说，步骤S101中终端得到的第二代码可以包括需要生成的界面元素的元素名称以及用于标识需要生成的界面元素的元素类型的元素类型标识字段，之后终端可以通过编码插件根据用于生成的界面元素的元素类型，找到其对应的代码模板，并基于该元素类型对应的代码模板，以及上述元素名称，生成该第二代码对应的目标代码模板。

本实施例中，代码生成方法可以应用于生成界面元素的代码编辑中，并通过用于标识生成界面元素的元素类型的模板标识字段，找到元素类型对应的代码模板，并利用代码模板以及生成界面元素的元素名称生成目标代码模板，从而可以提高界面元素的生成效率。

进一步地，界面元素可以包括文本框元素；如图2所示，步骤S104可以进一步包括：

在步骤S201中，终端获取文本框元素对应的字体颜色，字体大小，以及文本框元素的最大行数。

具体来说，当界面元素是文本框元素时，其对应的目标代码模板中的待编辑字段可以包括需要生成的文本框元素中显示字体的字体颜色、字体的大小，以及文本框元素中可以显示字体的最大行数等等，用户可以在编码工具的编辑文件中输入需要生成的文本框元素对应的字体颜色、字体大小以及最大行数，使得终端可以获取文本框元素对应的字体颜色、字体大小，以及文本框元素的最大行数。

在步骤S202中，终端在文本框代码模板中待编辑字段的对应位置填入字体颜色，字体大小，以及文本框元素的最大行数，生成第一代码。

最后，终端可以在编码工具的编辑文件中将步骤S201中得到的字体颜色、字体大小，以及文本框元素的最大行数录入文本框元素对应的目标代码模板，即文本框代码模板中的待编辑字段，从而生成最终的用于生成文本框元素的第一代码。

本实施例中，用户可以在文本框代码模板中的待编辑字段的对应位置填入文本框元素对应的字体颜色、字体大小，以及文本框元素的最大行数，从而可以快速生成满足某些针对性要求的文本框元素，提高满足针对性要求的文本框元素的生成效率。

进一步地，界面元素可以包括：图片元素；如图3所示，步骤S104可以进一步包括：

在步骤S301中，终端获取图片元素对应的图片宽度、图片高度，以及图片元素对应的圆角属性值。

而如果界面元素是图片元素时，其对应的目标代码模板中的待编辑字段可以包括需要生成的图片元素的图片宽度、图片高度，以及图片元素对应的圆角属性值等等，用户可以在编码工具的编辑文件中输入需要生成的图片元素对应的图片宽度、图片高度以及圆角属性值，使得终端可以获取图片元素对应的图片宽度、图片高度以及图片元素的圆角属性值。

在步骤S302中，终端在图片代码模板中待编辑字段的对应位置填入图片宽度、图片高度，以及图片元素对应的圆角属性值，生成第一代码。

之后，终端以在编码工具的编辑文件中将步骤S301中得到的图片宽度、图片高度，以及文本框元素的最大行数录入图片元素对应的目标代码模板，即图片代码模板中的待编辑字段，从而生成最终的用于生成图片元素的第一代码。

本实施例中，用户可以在图片代码模板中的待编辑字段的对应位置填入图片元素对应的片宽度、图片高度，以及图片元素对应的圆角属性值，从而可以快速生成满足某些针对性要求的图片元素，提高满足针对性要求的图片元素的生成效率。

在一示例性实施例中，步骤S102之前，还可以包括：终端响应于针对预设的代码模板的更新操作，获取更新后的代码模板；步骤S102可以进一步包括：终端基于模板标识字段，从更新后的代码模板中获取模板标识字段对应的代码模板。

而如果预先设计的代码模板需要进行更改，例如不同的用户可能有不同的编码习惯，在不同用户使用时可以对代码博班进行相应修改，也可以是开发出具有更优秀的性能的新代码模板时，用户则可以对预设的代码模板进行更新，通过向终端的编码插件触发代码模板的更新操作，将更新后的代码模板输入终端的编码插件，终端则可以对更新操作进行响应，得到更新后的代码模板存入编码插件。之后，终端则可以通过调用编码插件，得到更新后的代码模板，并从更新后的代码模板中找出模板标识字段对应的代码模板。

本实施例中，用户还可以对预设的代码模板进行更新处理，实现代码模板的定制化修改，可以满足用户的不同需求，提高代码生成方法的可适用范围。

在一示例性实施例中，步骤S101可以进一步包括：终端获取编码工具的当前编辑文件中被选中的第二代码，作为用于生成第一代码的第二代码。

其中，当前编辑文件指的是用户通过编码工具正在进行编辑的编码文件，具体来说，用户可以在正在编辑的编码文件中，选择一段或多段第二代码，例如，可以通过鼠标进行代码选中的方式，将当前正在编辑文件中鼠标选中的代码，作为用于生成第一代码的第二代码。

本实施例中，用户可以通过选中当前编辑文件的代码的方式，将选中的代码作为用于生成第一代码的第二代码，可以减少用户将第二代码输入终端的用户操作，并提高终端获取第二代码的效率。

在一示例性实施例中，步骤S102之前，还可以包括：终端检测到编码工具触发的快捷键信号，从第二代码中读取模板标识字段。

其中，快捷键信号是用户在当前编辑文件中通过点击快捷键的方式触发的信号，该快捷键信号可用于触发终端调用编码插件。具体来说，当用户希望通过编码插件生成第二代码对应的目标代码模板时，可以先通过诸如鼠标选中编码工具中当前编辑文件的一段代码的方式，选中用于生成第一代码的第二代码，之后通过使用预先设定的用于调用编码插件的快捷键，向终端触发快捷键信号，终端检测到快捷键信号后，则可以调用编码插件，由编码插件读取第二代码中的模板标识字段，找到对应的代码模板。

本实施例中，用户可以直接通过触发快捷键信号的方式，使得编码插件可以读取模板标识字段，从而可以更快捷的生成第一代码，进一步提高第一代码的生成效率。

在一示例性实施例中，第二代码的个数为多个；如图4所示，步骤S103可以进一步包括：

在步骤S401中，终端确定各第二代码的代码顺序。

具体来说，用户选中的第二代码的数量也可以是多个，例如用户可以通过鼠标选中连续的多行第二代码，实现同时选中多个第二代码，之后，终端可以确定每一个选中的第二代码的排列顺序，作为各第二代码的代码顺序。例如，用户可以分别在编码工具的编辑文件中的连续编写多行第二代码，用户在选中第二代码后，终端可以读取每一行第二代码对应的代码行数，作为各第二代码的代码顺序。

在步骤S402中，终端按照代码顺序，在当前编辑文件中插入各第二代码对应的目标代码模板。

之后，终端则可以通过调用编码插件的方式，得到每一个第二代码对应的目标代码模板，并按照每一个第二代码的代码顺序，将其对应的目标代码模板插入至当前编辑文件中。例如，多个第二代码分别为第二代码A、第二代码B以及第二代码C，其代码顺序为第二代码A-第二代码B-第二代码C，并且其对应的目标代码模板分别为目标代码模板A、目标代码模板B以及目标代码模板C，那么其最后在当前编辑文件中插入的目标代码模板的顺序即为目标代码模板A-目标代码模板B-目标代码模板C。

本实施例中，用户可以同时选取多个第二代码，终端则可以根据多个第二代码的代码顺序，在当前编辑中按照上述代码顺序插入对应的目标代码模板，从而可以提高生成的目标代码模板的工整性。

图5是根据一示例性实施例示出的一种代码生成方法的流程图，如5所示，代码生成方法用于安装有编码插件的终端中，包括以下步骤。

在步骤S501中，终端获取编码工具的当前编辑文件中被选中的第二代码，作为用于生成界面元素的第一代码的第二代码；第二代码中包含用于标识界面元素的元素类型的模板标识字段，以及界面元素的元素名称；

在步骤S502中，终端检测到编码工具触发的快捷键信号，从第二代码中读取模板标识字段，并基于模板标识字段，从代码模板中获取与元素类型对应的代码模板；

在步骤S503中，终端基于与元素类型对应的代码模板，以及界面元素的元素名称，生成目标代码模板；目标代码模板中包含待编辑字段；

在步骤S504中，终端确定选中的各第二代码的代码顺序；按照代码顺序，在当前编辑文件中插入各第二代码对应的目标代码模板；

在步骤S505中，若界面元素为文本框元素，则终端获取文本框元素对应的字体颜色，字体大小，以及文本框元素的最大行数；在文本框代码模板中待编辑字段的对应位置填入字体颜色，字体大小，以及文本框元素的最大行数，生成第一代码；

在步骤S506中，若界面元素为图片元素，则终端获取图片元素对应的图片宽度、图片高度，以及图片元素对应的圆角属性值；在图片代码模板中待编辑字段的对应位置填入图片宽度、图片高度，以及图片元素对应的圆角属性值，生成第一代码。

本实施例中，终端可以通过第二代码中的模板标识字段找到对应的代码模板，并基于代码模板自动生成目标代码模板，用户只需要在目标代码模板的待编辑字段中填入相关的代码参数即可实现完整结构的第一代码的生成，从而用户可避免对结构相似的代码进行重复编写，提高用于生成图片元素以及文本框元素的代码生成效率。同时，用户还可以通过选中当前编辑文件的代码的方式，将选中的代码作为用于生成第一代码的第二代码，可以减少用户将第二代码输入终端的用户操作，并提高终端获取第二代码的效率，以及可以直接通过触发快捷键信号的方式，使得编码插件可以读取模板标识字段，从而可以更快捷的生成第一代码，进一步提高第一代码的生成效率。并且用户可以同时选取多个第二代码，终端则可以根据多个第二代码的代码顺序，在当前编辑中按照上述代码顺序插入对应的目标代码模板，从而可以提高生成的目标代码模板的工整性。

在一示例性实施例中，还提供了一种基于Xcode Source Editor Extension技术的UI模板代码生成器，基于Source Editor Extension技术，书写一个插件，该插件首先会读取工程师鼠标选中的代码，选中的代码可以是多行的，比如两个文本框加一个图片，那就是一共三行，然后插件会判断出这三行代码分别代表文本框1号、文本框2号、图片1号，然后分别往XCode当前文件插入三段代码，生成以后，工程师需要在生成的代码中填充具体的字段值，比如设计师要求文本框1号字体的大小是12，那么工程师需要在对应位置写上12，同理，要书写颜色值、最大行数。

具体地，工程师使用插件的第一步是在XCode的内提前定义好需要的UI内容是什么，比如需要一个用户头像和一个昵称和一个年龄，那么他只需要书写的3行代码是：

userPhotoImageView

nameLabel

ageLabel

注意，ImageView和Label是约定的后缀，是固定值，代表类型，ImageView是图片，Label是文本框，userPhoto代表用户头像的名字，name和age分别代表昵称和年龄两个文本框的名字。

然后工程师需要用鼠标选中这3行代码，并且点击插件生成的一个菜单(这个菜单在XCode左上方)，点击菜单以后，插件就开始读取这3行代码并生成很多行代码并插入在当前工程师编辑的文件内。

以生成用户头像的完整代码为例，通过在XCode中输入userPhotoImageView，生成的完整代码如下：

最后，工程师还手动修改成设计师要求的数值或颜色，最终的完整代码如下：

另外，本插件不仅可以应用于自动生成UI模块的代码，也可以应用于数据model模块的代码自动生成，通过模板化数据model模块的代码，实现数据model模块的代码的快速生成，同时，本插件也可以同时作用于多个代码文件，由于Objective C语言的一个Class通常需要定义两个代码文件，本插件也可以再配合shell脚本或者python脚本等达到同时修改两个文件的目的。

综上，本方案恰当的利用了Source Editor Extension提供的能力：1、获取鼠标选中内容；2、可以通过插件灵活的在xcode中插入代码，实现了插件的开发，并可以实现如下功能：

1、插件的功能可以绑定xcode快捷键，可以更加便利。

2、书写代码的过程中不需要切换到其他app,全程在xcode中操作即可。

3、定制化修改，因为每一个iOS技术团队的公共基础框架是不一样的，比如A公司给文本框设置字体大小的函数是函数a，而B公司给文本框设置字体大小的函数是函数b,那么直接修改插件的代码即可适应两家公司的技术团队开发习惯。

本实施例中，通过提供一个编码插件进行代码编辑，相比于传统的手动书写，不再繁琐，解放了工程师的双手，快速生成想要的代码，而且菜单可以绑定快捷键，工程师写完几行关键代码，鼠标选中，再一个快捷键，迅速的生成UI代码。

应该理解的是，虽然图1-5的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图1-5中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

图6是根据一示例性实施例示出的一种代码生成装置的框图。参照图6，该装置包括第二代码获取单元601，代码模板获取单元602，目标模板获取单元603和第一代码生成单元604。

第二代码获取单元601，被配置为执行获取编码工具中被选中的用于生成第一代码的第二代码，第二代码中包含模板标识字段；

代码模板获取单元602，被配置为执行获取与模板标识字段对应的代码模板；

目标模板获取单元603，被配置为执行基于代码模板，生成与第二代码对应的目标代码模板，在编码工具的编辑文件中插入目标代码模板，目标代码模板中包含待编辑字段；

第一代码生成单元604，被配置为执行获取针对待编辑字段输入的代码参数，在编辑文件中生成第二代码对应的第一代码。

在一示例性实施例中，第一代码为用于生成界面元素的代码；模板标识字段用于标识界面元素的元素类型；第二代码中还包括界面元素的元素名称；代码模板获取单元602，进一步被配置为执行获取与元素类型对应的代码模板；目标模板获取单元603，进一步被配置为执行基于与元素类型对应的代码模板，以及界面元素的元素名称，生成目标代码模板。

在一示例性实施例中，界面元素包括文本框元素；第一代码生成单元604，进一步被配置为执行获取文本框元素对应的字体颜色，字体大小，以及文本框元素的最大行数；在文本框代码模板中待编辑字段的对应位置填入字体颜色，字体大小，以及文本框元素的最大行数，生成第一代码。

在一示例性实施例中，界面元素包括：图片元素；第一代码生成单元604，进一步被配置为执行获取图片元素对应的图片宽度、图片高度，以及图片元素对应的圆角属性值；在图片代码模板中待编辑字段的对应位置填入图片宽度、图片高度，以及图片元素对应的圆角属性值，生成第一代码。

在一示例性实施例中，代码生成装置，还包括：代码模板更新单元，被配置为执行响应于针对预设的代码模板的更新操作，获取更新后的代码模板；代码模板获取单元602，进一步被配置为执行基于模板标识字段，从更新后的代码模板中获取模板标识字段对应的代码模板。

在一示例性实施例中，第二代码获取单元601，进一步被配置为执行获取编码工具的当前编辑文件中被选中的第二代码，作为用于生成第一代码的第二代码。

在一示例性实施例中，代码生成装置，还包括：快捷键信号检测模块，被配置为执行检测到编码工具触发的快捷键信号，从第二代码中读取模板标识字段。

在一示例性实施例中，第二代码的个数为多个；目标模板获取单元603，进一步被配置为执行确定各第二代码的代码顺序；按照代码顺序，在当前编辑文件中插入各第二代码对应的目标代码模板。

关于上述实施例中的装置，其中各个单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图7是根据一示例性实施例示出的一种用于代码生成的设备700的框图。例如，设备700可以是移动电话、计算机、数字广播终端、消息收发设备、游戏控制台、平板设备、医疗设备、健身设备、个人数字助理等。

参照图7，设备700可以包括以下一个或多个组件：处理组件702、存储器704、电源组件706、多媒体组件708、音频组件710、输入/输出(I/O)的接口712、传感器组件714以及通信组件716。

处理组件702通常控制设备700的整体操作，诸如与显示、电话呼叫、数据通信、相机操作和记录操作相关联的操作。处理组件702可以包括一个或多个处理器720来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件702可以包括一个或多个单元，便于处理组件702和其他组件之间的交互。例如，处理组件702可以包括多媒体单元，以方便多媒体组件708和处理组件702之间的交互。

存储器704被配置为存储各种类型的数据以支持在设备700的操作。这些数据的示例包括用于在设备700上操作的任何应用程序或方法的指令、联系人数据、电话簿数据、消息、图片、视频等。存储器704可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)、电可擦除可编程只读存储器(EEPROM)、可擦除可编程只读存储器(EPROM)、可编程只读存储器(PROM)、只读存储器(ROM)、磁存储器、快闪存储器、磁盘或光盘。

电源组件706为设备700的各种组件提供电力。电源组件706可以包括电源管理系统，一个或多个电源，及其他与为设备700生成、管理和分配电力相关联的组件。

多媒体组件708包括在所述设备700和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件708包括一个前置摄像头和/或后置摄像头。当设备700处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件710被配置为输出和/或输入音频信号。例如，音频组件710包括一个麦克风(MIC)，当设备700处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器704或经由通信组件716发送。在一些实施例中，音频组件710还包括一个扬声器，用于输出音频信号。

I/O接口712为处理组件702和外围接口单元之间提供接口，上述外围接口单元可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件714包括一个或多个传感器，用于为设备700提供各个方面的状态评估。例如，传感器组件714可以检测到设备700的打开/关闭状态，组件的相对定位，例如所述组件为设备700的显示器和小键盘，传感器组件714还可以检测设备700或设备700一个组件的位置改变，用户与设备700接触的存在或不存在，设备700方位或加速/减速和设备700的温度变化。传感器组件714可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件714还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件714还可以包括加速度传感器、陀螺仪传感器、磁传感器、压力传感器或温度传感器。

通信组件716被配置为便于设备700和其他设备之间有线或无线方式的通信。设备700可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件716经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件716还包括近场通信(NFC)单元，以促进短程通信。例如，在NFC单元可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，设备700可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的计算机可读存储介质，例如包括指令的存储器704，上述指令可由设备700的处理器720执行以完成上述方法。例如，计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供了一种计算机程序产品，包括计算机程序，计算机程序被处理器执行时实现如上任一项实施例所述的代码生成方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种代码生成方法，其特征在于，包括：

获取编码工具中被选中的用于生成第一代码的第二代码，所述第二代码中包含模板标识字段；所述第一代码中包括所述第二代码；

获取与所述模板标识字段对应的代码模板；

基于所述代码模板，生成与所述第二代码对应的目标代码模板，在所述编码工具的编辑文件中插入所述目标代码模板，所述目标代码模板中包含待编辑字段；

获取针对所述待编辑字段输入的代码参数，在所述编辑文件中生成所述第二代码对应的第一代码。

2.根据权利要求1所述的方法，其特征在于，所述第一代码为用于生成界面元素的代码；所述模板标识字段用于标识所述界面元素的元素类型；所述第二代码中还包括所述界面元素的元素名称；

所述获取与所述模板标识字段对应的代码模板，包括；

获取与所述元素类型对应的代码模板；

所述基于所述代码模板，生成与所述第二代码对应的目标代码模板，包括：

基于所述与所述元素类型对应的代码模板，以及所述界面元素的元素名称，生成所述目标代码模板。

3.根据权利要求2所述的方法，其特征在于，所述界面元素包括文本框元素；

所述获取针对所述待编辑字段输入的代码参数，在所述编辑文件中生成所述第二代码对应的第一代码，包括：

获取所述文本框元素对应的字体颜色，字体大小，以及所述文本框元素的最大行数；

在文本框代码模板中所述待编辑字段的对应位置填入所述字体颜色，字体大小，以及所述文本框元素的最大行数，生成所述第一代码。

4.根据权利要求2所述的方法，其特征在于，所述界面元素包括：图片元素；

所述获取针对所述待编辑字段输入的代码参数，在所述编辑文件中生成所述第二代码对应的第一代码，包括：

获取所述图片元素对应的图片宽度、图片高度，以及所述图片元素对应的圆角属性值；

在图片代码模板中所述待编辑字段的对应位置填入所述图片宽度、图片高度，以及所述图片元素对应的圆角属性值，生成所述第一代码。

5.根据权利要求1所述的方法，其特征在于，所述获取与所述模板标识字段对应的代码模板之前，还包括：

响应于针对所述预设的代码模板的更新操作，获取更新后的代码模板；

所述获取与所述模板标识字段对应的代码模板，包括：

基于所述模板标识字段，从所述更新后的代码模板中获取所述模板标识字段对应的代码模板。

6.根据权利要求1至5任一项所述的方法，其特征在于，所述获取编码工具中被选中的用于生成第一代码的第二代码，包括：

获取编码工具的当前编辑文件中被选中的第二代码，作为所述用于生成第一代码的第二代码。

7.一种代码生成装置，其特征在于，包括：

第二代码获取单元，被配置为执行获取编码工具中被选中的用于生成第一代码的第二代码，所述第二代码中包含模板标识字段；

代码模板获取单元，被配置为执行获取与所述模板标识字段对应的代码模板；

目标模板获取单元，被配置为执行基于所述代码模板，生成与所述第二代码对应的目标代码模板，在所述编码工具的编辑文件中插入所述目标代码模板，所述目标代码模板中包含待编辑字段；

第一代码生成单元，被配置为执行获取针对所述待编辑字段输入的代码参数，在所述编辑文件中生成所述第二代码对应的第一代码。

8.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至6中任一项所述的代码生成方法。

9.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至6中任一项所述的代码生成方法。

10.一种计算机程序产品，包括计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的代码生成方法。

Images