CN112579068A - 代码的生成方法、装置、存储介质和设备 - Google Patents

Abstract

本发明公开了一种代码的生成方法、装置、存储介质和设备。其中，该方法包括：基于可视化平台对目标组件的处理，得到目标页面的页面信息；基于目标页面的页面信息，生成目标页面的配置数据，其中，配置数据为包括目标页面的页面信息的json数据；根据配置数据，生成目标页面的目标代码，其中，目标代码符合网页组件式开发规范。本发明解决了相关技术中网页开发存在重复劳动、重用性差的技术问题。

Description

代码的生成方法、装置、存储介质和设备

技术领域

本发明涉及页面开发领域，具体而言，涉及一种代码的生成方法、装置、存储介质和设备。

背景技术

目前，对于一些重复且单一的页面开发,需要花费大量时间来做重复劳动。在相关技术中，只能生成页面用于iframe嵌入，例如，通过iframe标签实现网页嵌套网页，也就是在iframe标签中嵌入生成页面的html的文件，比如：生成页面的网页地址等，且这样的方式并不能提供代码导出功能，难以兼容不同的技术栈，仍需要重新编写，造成网页开发时间的浪费，开发效率大大降低。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种代码的生成方法、装置、存储介质和设备，以至少解决相关技术中网页开发存在重复劳动、重用性差的技术问题。

根据本发明实施例的一个方面，提供了一种代码的生成方法，包括：基于可视化平台对目标组件的处理，得到目标页面的页面信息；基于所述目标页面的页面信息，生成所述目标页面对应的配置数据，其中，所述配置数据为包括所述目标页面的页面信息的json数据；根据所述配置数据，生成所述目标页面的目标代码，其中，所述目标代码符合网页组件式开发规范。

可选地，基于可视化平台对目标组件的处理，得到目标页面的页面信息包括：获取目标组件以及所述目标组件的属性信息；其中，获取目标组件以及所述目标组件的属性信息包括：接收用户的第一操作指令，其中，所述第一操作指令为目标组件的拖拽指令；接收用户的第二操作指令，其中，所述第二操作指令为目标组件的属性信息的配置指令；根据所述第一操作指令和所述第二操作指令，生成目标组件以及所述目标组件的属性信息；根据所述目标组件以及所述目标组件的属性信息，生成所述目标网页的页面信息。

可选地，基于可视化平台对目标组件的处理，得到目标页面的页面信息还包括：预览目标页面，确定对所述目标页面的预览结果；根据所述预览结果，配置所述目标页面的页面信息。

可选地，根据所述配置文件，生成所述目标页面的目标代码包括：根据预设封装规则对所述目标页面的目标代码进行封装处理，得到所述目标页面的代码模块，其中，所述预设封装规则为以下之一：基于HTML的封装方式、基于CSS的封装方式、基于JavaScrip的封装方式。

可选地，在根据预设封装规则对所述目标页面的目标代码进行封装处理，得到所述目标页面的代码模块之后，所述方法还包括：导出所述目标页面的代码模块；添加使用所述代码模块的标签；将所述标签标记的所述代码模块应用于目标场景。

根据本发明实施例的另一方面，还提供了一种代码的生成装置，包括：处理单元，用于基于可视化平台对目标组件的处理，得到目标页面的页面信息；第一生成单元，用于基于所述目标页面的页面信息，生成所述目标页面的配置数据，其中，所述配置数据为包括所述目标页面的页面信息的json数据；第二生成单元，用于根据所述配置数据，生成所述目标页面的目标代码，其中，所述目标代码符合网页组件式开发规范。

可选地，所述处理单元包括：获取模块，用于获取目标组件以及所述目标组件的属性信息；其中，所述获取模块包括：第一接收子模块，用于接收用户的第一操作指令，其中，所述第一操作指令为目标组件的拖拽指令；第二接收子模块，用于接收用户的第二操作指令，其中，所述第二操作指令为目标组件的属性信息的配置指令；生成子模块，用于根据所述第一操作指令和所述第二操作指令，生成目标组件以及所述目标组件的属性信息；生成模块，用于根据所述目标组件以及所述目标组件的属性信息，生成所述目标网页的页面信息。

可选地，所述处理单元还包括：预览模块，用于预览目标页面，确定对所述目标页面的预览结果；配置模块，用于根据所述预览结果，配置所述目标页面的页面信息。

可选地，所述第二生成单元包括：封装模块，用于根据预设封装规则对所述目标页面的目标代码进行封装处理，得到所述目标页面的代码模块，其中，所述预设封装规则为以下之一：基于HTML的封装方式、基于CSS的封装方式、基于JavaScrip的封装方式。

可选地，在根据预设封装规则对所述目标页面的目标代码进行封装处理，得到所述目标页面的代码模块之后，所述装置还包括：导出单元，用于导出所述目标页面的代码模块；添加单元，用于添加使用所述代码模块的标签；应用单元，用于将所述标签标记的所述代码模块应用于目标场景。

根据本发明实施例的另一方面，还提供了一种存储介质，所述存储介质存储有程序，该程序被处理器执行时实现上述中任意一项所述的代码的生成方法。

根据本发明实施例的另一方面，还提供了一种设备，所述设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线，其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行上述中任意一项所述的代码的生成方法。

在本发明实施例中，采用基于可视化平台对目标组件的处理，得到目标页面的页面信息；基于所述目标页面的页面信息，生成所述目标页面的配置数据，其中，所述配置数据为包括所述目标页面的页面信息的json数据；根据所述配置数据，生成所述目标页面的目标代码，其中，所述目标代码符合网页组件式开发规范的方式，通过可视化平台配置目标页面，达到了快速且灵活配置目标页面的目的，从而实现了提高代码可用性、提升网页开发效率的技术效果，进而解决了相关技术中网页开发存在重复劳动、重用性差的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的代码的生成方法的流程图；

图2是根据本发明实施例的代码的生成装置的结构示意图；

图3是根据本发明实施例的设备的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

根据本发明实施例，提供了一种代码的生成方法的实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1是根据本发明实施例的代码的生成方法的流程图，如图1所示，该方法包括如下步骤：

步骤S102，基于可视化平台对目标组件的处理，得到目标页面的页面信息；

上述目标组件为网页组件，包括各种常用的界面组件以及自定义组件，例如，表格、选择框、下拉框、按钮等。

作为一个可选的实施例，上述可视化平台可以通过拖拽操作等各个目标组件进行配置，建立各个目标组件之间存在关联的目标页面。可选地，该可视化平台为可视化网页编辑器。

需要说明的是，上述目标页面的页面信息包括但不限于目标组件以及目标组件的属性信息。在具体实施过程中，对于目标组件的数量不做任何限定，在目标页面的页面信息中可以包括多个目标组件以及与多个目标组件对应的属性信息。

步骤S104，基于目标页面的页面信息，生成目标页面的配置数据，其中，配置数据为包括目标页面的页面信息的json数据；

作为一个可选的实施例，可以将目标页面的页面信息转化成包括目标页面的页面信息的json数据，其中，json数据包括多种数据类型，例如，数字、真假、空、字符串、ES新增数据类型，以及对象等。需要说明的是，json数据包括但不限于ID、标签、属性等。利用json数据表述目标页面的页面信息。

步骤S106，根据配置数据，生成目标页面的目标代码，其中，目标代码符合网页组件式开发规范。

作为一个可选的实施例，可以将目标页面对应的配置数据转化为目标页面的目标代码，例如，采用可视化平台配置的代码生成模块，将上述配置数据转化为目标页面的目标代码。需要说明的是，目标代码可以直接运行，在具体应用中，可以部分应用上述目标代码，也可以全部应用上述目标代码。在全部应用目标代码时，该目标代码以代码模块的形式应用。

由于上述目标代码符合网页组件式开发规范，即将该目标代码应用于Web开发中，可以通过自定义html标签使用目标代码，适用于不同的技术栈，避免了重复开发。

通过上述步骤，可以实现采用基于可视化平台对目标组件的处理，得到目标页面的页面信息；基于目标页面的页面信息，生成目标页面的配置数据，其中，配置数据为包括目标页面的页面信息的json数据；根据配置数据，生成目标页面的目标代码，其中，目标代码符合网页组件式开发规范的方式，通过可视化平台配置目标页面，达到了快速且灵活配置目标页面的目的，从而实现了提高代码可用性、提升网页开发效率的技术效果，进而解决了相关技术中网页开发存在重复劳动、重用性差的技术问题。

可选地，基于可视化平台对目标组件的处理，得到目标页面的页面信息包括：获取目标组件以及目标组件的属性信息；其中，获取目标组件以及目标组件的属性信息包括：接收用户的第一操作指令，其中，第一操作指令为目标组件的拖拽指令；接收用户的第二操作指令，其中，第二操作指令为目标组件的属性信息的配置指令；根据第一操作指令和第二操作指令，生成目标组件以及目标组件的属性信息；根据目标组件以及目标组件的属性信息，生成目标网页的页面信息。

作为一个可选的实施例，可以采用拖拽的方式布局目标页面的组件，提高构建目标页面的速度。例如，将可视化平台中的目标组件拖拽至预定位置，实现对目标页面的配置。

作为一个可选的实施例，目标组件的属性信息包括目标组件本身的属性信息、各目标组件之间的属性信息。其中，目标组件本身的属性信息至少包括大小、形状、颜色等，各目标组件之间的属性信息至少包括触发动作、关联的目标组件等。

例如，用户可以将输入框和按钮拖拽至目标页面，分别对输入框和按钮拖拽进行属性信息的配置，从而建立两者的交互关系。通过分别配置输入框和按钮拖拽的属性信息，可以实现在输入框输入查询信息以后，点击按钮，即可以对上述查询信息进行搜索。因此，通过该方法可以快速、准确的配置目标页面，进而生成目标网页的页面信息。

可选地，基于可视化平台对目标组件的处理，得到目标页面的页面信息还包括：预览目标页面，确定对目标页面的预览结果；根据预览结果，配置目标页面的页面信息。

作为一个可选的实施例，上述预览目标页面贯穿于配置目标页面的整个过程，通过预览目标页面可以实现目标页面中各个目标组件的布局，目标组件的属性信息的配置等设计。

作为一个可选的实施例，上述目标页面的预览结果是对正在配置的目标页面的分析评价，即正在配置的目标页面是否达到预期的目标页面的标准。在具体实施过程中，目标页面的预览结果可以以配置完成度的方式进行描述，例如，目标页面的预览结果的配置完成度为0，则表明该目标页面尚未进行配置；目标页面的预览结果的配置完成度为50％，则表明该目标页面已经完成总进度一半的配置；目标页面的预览结果的配置完成度为100％，则表明该目标页面已经完成配置；需要说明的是，由于上述目标页面的预览结果是不断变化的，其对应的配置完成度也是变化的。但是在实施过程中，对于目标页面的预览结果的描述并不局限于配置完成度，还可以采用其他的方式，在此不再一一赘述。

作为一个可选的实施例，根据预览结果，配置目标页面的页面信息包括：确定预期的目标页面；如果目标页面的预览结果不符合预期的目标页面，则继续配置目标页面的页面信息；如果目标页面的预览结果符合预期的目标页面，则结束配置目标页面的页面信息。需要说明的是，预期的目标页面可以是目标页面库中的网页，其中，目标页面库中保存有大量常用的目标页面模板，在具体实施中，用户可以根据需要将自定义的目标网页保存到该目标页面库，以方便后续使用。此外，上述预览结果还可以根据用户实际需求，结合用户感受等得到，从而配置目标页面的页面信息。

通过上述方式，可以准确掌握目标网页的配置中各个状态，强化组件之间的交互性。

可选地，根据配置文件，生成目标页面的目标代码包括：根据预设封装规则对目标页面的目标代码进行封装处理，得到目标页面的代码模块，其中，预设封装规则为以下之一：基于HTML的封装方式、基于CSS的封装方式、基于JavaScrip的封装方式。

作为一个可选的实施例，根据预设封装规则对目标页面的目标代码进行封装处理，得到目标页面的代码模块包括多种方式，例如，可以基于HTML的封装方式对目标页面的目标代码进行封装处理，得到目标页面的代码模块；可以基于CSS的封装方式对目标页面的目标代码进行封装处理，得到目标页面的代码模块；还可以基于JavaScrip的封装方式对目标页面的目标代码进行封装处理，得到目标页面的代码模块。需要说明的是，在具体实施过程中，并不仅限于上述所举例的方式，还可以根据应用需求将上述采用上述多种方式相结合的形式。

作为一个可选的实施例，将目标代码转化为相应的代码模块，该代码模块为标准格式的模块，可以跨平台、跨框架使用。

可选地，在根据预设封装规则对目标页面的目标代码进行封装处理，得到目标页面的代码模块之后，方法还包括：导出目标页面的代码模块；添加使用代码模块的标签；将标签标记的代码模块应用于目标场景。

作为一个可选的实施例，导出目标页面的代码模块包括但不局限于下载目标页面的代码模块、复制目标页面的代码模块，需要说明的是，上述代码模块符合网页组件式开发规范，比如Web Component规范，可以允许创建可重用的定制元素并且在Web应用中使用。

上述标签为自定义的html标签，与相关技术中将生成网页的地址嵌入不同，本发明通过标签可以将生成的代码或者代码模块直接嵌入预定位置，无需修改代码，即可应用于不同的目标场景。其中，目标场景可以为技术栈。当然，也可以根据需求代码进行相应的修改。

下面对本发明一种可选地实施方式进行说明。

本发明一种可选的代码的生成方法，利用可视化的方法通过拖拽快速生成页面，并提供页面预览，下载及源码导出等，不仅强化了组件间的交互行为，且最终可以导出代码模块。代码模块符合Web Component规范,可以直接接入现有的主流前端框架之中，避免了不同技术栈需要各写一套的困境。

具体实施步骤如下：

1.用户通过可视化平台通过拖拽及其属性配置得到目标预览页面。

2.通过配置结果可以生成一份包含页面信息的json数据。其中，json数据包括id,type,children等。

3.使用得到的配置数据,通过代码生成程序将配置转化为代码。

4.下载js源码，引入到系统当中,通过自定义html标签使用配置的模块。

上述方法可以导出符合Web Component规范的代码,便于集成到不同技术栈的业务系统当中。也即是该可视化平台方便生成页面,代码导出方便集成到其他系统。其中，WebComponent是一种浏览器的规范，允许您创建可重用的定制元素并且在您的web应用中使用它们。

图2是根据本发明实施例的代码的生成装置的结构示意图，如图2所示，该代码的生成装置包括：处理单元22，第一生成单元24和第二生成单元26，下面对该代码的生成装置进行说明。

处理单元22，用于基于可视化平台对目标组件的处理，得到目标页面的页面信息；第一生成单元24，连接至上述处理单元22，用于基于目标页面的页面信息，生成目标页面的配置数据，其中，配置数据为包括目标页面的页面信息的json数据；第二生成单元26，连接至上述第一生成单元24，用于根据配置数据，生成目标页面的目标代码，其中，目标代码符合网页组件式开发规范。

本发明实施例的代码的生成装置包括处理器和存储器，上述处理单元22，第一生成单元24和第二生成单元26等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来调整目标页面的页面信息。

上述代码的生成装置，可以通过可视化平台配置目标页面，达到了快速且灵活配置目标页面的目的，从而实现了提高代码可用性、提升网页开发效率的技术效果，进而解决了相关技术中网页开发存在重复劳动、重用性差的技术问题。

可选地，处理单元包括：获取模块，用于获取目标组件以及目标组件的属性信息；其中，获取模块包括：第一接收子模块，用于接收用户的第一操作指令，其中，第一操作指令为目标组件的拖拽指令；第二接收子模块，用于接收用户的第二操作指令，其中，第二操作指令为目标组件的属性信息的配置指令；生成子模块，用于根据第一操作指令和第二操作指令，生成目标组件以及目标组件的属性信息；生成模块，用于根据目标组件以及目标组件的属性信息，生成目标网页的页面信息。

可选地，处理单元还包括：预览模块，用于预览目标页面，确定对目标页面的预览结果；配置模块，用于根据预览结果，配置目标页面的页面信息。

可选地，第二生成单元包括：封装模块，用于根据预设封装规则对目标页面的目标代码进行封装处理，得到目标页面的代码模块，其中，预设封装规则为以下之一：基于HTML的封装方式、基于CSS的封装方式、基于JavaScrip的封装方式。

可选地，在根据预设封装规则对目标页面的目标代码进行封装处理，得到目标页面的代码模块之后，上述装置还包括：导出单元，用于导出目标页面的代码模块；添加单元，用于添加使用代码模块的标签；应用单元，用于将标签标记的代码模块应用于目标场景。

根据本发明实施例的另一方面，还提供了一种存储介质，存储介质存储有程序，该程序被处理器执行时实现上述中任意一项的代码的生成方法。

本发明实施例提供了一种处理器，该处理器用于运行程序，其中，该程序运行时执行上述中任意一项的代码的生成方法。

本发明实施例提供了一种设备，图3是根据本发明实施例的设备的结构示意图，如图3所示，该设备30包括至少一个处理器301、以及与处理器301连接的至少一个存储器302、总线303；其中，处理器301、存储器302通过总线303完成相互间的通信；处理器301用于调用存储器中的程序指令，以执行上述中的代码的生成方法。本文中的设备可以是服务器、PC、PAD、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：基于可视化平台对目标组件的处理，得到目标页面的页面信息；基于目标页面的页面信息，生成目标页面的配置数据，其中，配置数据为包括目标页面的页面信息的json数据；根据配置数据，生成目标页面的目标代码，其中，目标代码符合网页组件式开发规范。

可选地，基于可视化平台对目标组件的处理，得到目标页面的页面信息包括：获取目标组件以及目标组件的属性信息；其中，获取目标组件以及目标组件的属性信息包括：接收用户的第一操作指令，其中，第一操作指令为目标组件的拖拽指令；接收用户的第二操作指令，其中，第二操作指令为目标组件的属性信息的配置指令；根据第一操作指令和第二操作指令，生成目标组件以及目标组件的属性信息；根据目标组件以及目标组件的属性信息，生成目标网页的页面信息。

可选地，基于可视化平台对目标组件的处理，得到目标页面的页面信息还包括：预览目标页面，确定对目标页面的预览结果；根据预览结果，配置目标页面的页面信息。

可选地，根据配置文件，生成目标页面的目标代码包括：根据预设封装规则对目标页面的目标代码进行封装处理，得到目标页面的代码模块，其中，预设封装规则为以下之一：基于HTML的封装方式、基于CSS的封装方式、基于JavaScrip的封装方式。

可选地，在根据预设封装规则对目标页面的目标代码进行封装处理，得到目标页面的代码模块之后，方法还包括：导出目标页面的代码模块；添加使用代码模块的标签；将标签标记的代码模块应用于目标场景。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

在一个典型的配置中，设备包括一个或多个处理器(CPU)、存储器和总线。设备还可以包括输入/输出接口、网络接口等。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

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

基于可视化平台对目标组件的处理，得到目标页面的页面信息；

基于所述目标页面的页面信息，生成所述目标页面的配置数据，其中，所述配置数据为包括所述目标页面的页面信息的json数据；

根据所述配置数据，生成所述目标页面的目标代码，其中，所述目标代码符合网页组件式开发规范。

2.根据权利要求1所述的方法，其特征在于，基于可视化平台对目标组件的处理，得到目标页面的页面信息包括：

获取目标组件以及所述目标组件的属性信息；其中，获取目标组件以及所述目标组件的属性信息包括：接收用户的第一操作指令，其中，所述第一操作指令为目标组件的拖拽指令；接收用户的第二操作指令，其中，所述第二操作指令为目标组件的属性信息的配置指令；根据所述第一操作指令和所述第二操作指令，生成目标组件以及所述目标组件的属性信息；

根据所述目标组件以及所述目标组件的属性信息，生成所述目标网页的页面信息。

3.根据权利要求1至2中任意一项所述的方法，其特征在于，基于可视化平台对目标组件的处理，得到目标页面的页面信息还包括：

预览目标页面，确定对所述目标页面的预览结果；

根据所述预览结果，配置所述目标页面的页面信息。

4.根据权利要求1所述的方法，其特征在于，根据所述配置文件，生成所述目标页面的目标代码包括：

根据预设封装规则对所述目标页面的目标代码进行封装处理，得到所述目标页面的代码模块，其中，所述预设封装规则为以下之一：基于HTML的封装方式、基于CSS的封装方式、基于JavaScrip的封装方式。

5.根据权利要求4所述的方法，其特征在于，在根据预设封装规则对所述目标页面的目标代码进行封装处理，得到所述目标页面的代码模块之后，所述方法还包括：

导出所述目标页面的代码模块；

添加使用所述代码模块的标签；

将所述标签标记的所述代码模块应用于目标场景。

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

处理单元，用于基于可视化平台对目标组件的处理，得到目标页面的页面信息；

第一生成单元，用于基于所述目标页面的页面信息，生成所述目标页面的配置数据，其中，所述配置数据为包括所述目标页面的页面信息的json数据；

第二生成单元，用于根据所述配置数据，生成所述目标页面的目标代码，其中，所述目标代码符合网页组件式开发规范。

7.根据权利要求6所述的装置，其特征在于，所述处理单元包括：

获取模块，用于获取目标组件以及所述目标组件的属性信息；其中，所述获取模块包括：第一接收子模块，用于接收用户的第一操作指令，其中，所述第一操作指令为目标组件的拖拽指令；第二接收子模块，用于接收用户的第二操作指令，其中，所述第二操作指令为目标组件的属性信息的配置指令；生成子模块，用于根据所述第一操作指令和所述第二操作指令，生成目标组件以及所述目标组件的属性信息；

生成模块，用于根据所述目标组件以及所述目标组件的属性信息，生成所述目标网页的页面信息。

8.根据权利要求6至7中任意一项所述的装置，其特征在于，所述处理单元还包括：

预览模块，用于预览目标页面，确定对所述目标页面的预览结果；

配置模块，用于根据所述预览结果，配置所述目标页面的页面信息。

9.一种存储介质，其特征在于，所述存储介质存储有程序，该程序被处理器执行时实现权利要求1至5中任意一项所述的代码的生成方法。

10.一种设备，其特征在于，所述设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线，其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行权利要求1至5中任意一项所述的代码的生成方法。

Images