基于可视化的多平台数据生成方法、装置、设备及介质与流程

本发明涉及计算机技术领域，具体而言，涉及基于可视化的多平台数据生成方法、装置、设备及介质。

背景技术：

随着信息化技术的发展，企业对信息化开发的需求正在逐渐改变，然而目前都是通过功能模板定制，在分子模块层面上进行封装，虽然用户可以在通过功能模块进行搭建，但是碰到一些需要进行深度定制化需求实现上会比较无力。并且目前代码生成平台都比较专一，只能生成对应平台的代码，比如说网站代码、app(application，应用程序)代码或者小程序代码，无法做到一套配置，多平台编译运行，无法提高开发效率，并且当有需求需要修改时，还必须再各个项目上各自修改，难以在各平台下保证界面和逻辑的一致性。

技术实现要素：

有鉴于此，本发明实施例提供的基于可视化的多平台数据生成方法、装置、设备及介质，可以克服上述技术问题。

为了实现上述目的，本发明实施例采用的技术方案如下：

第一方面，本发明实施例提供的一种基于可视化的多平台数据生成方法，包括：获取目标模块；确定所述目标模块所分别对应的多个平台的编译逻辑；根据所述编译逻辑将所述目标模块编译为多个所述平台所对应的数据。在本发明实施例中，通过获取目标模块；确定所述目标模块所分别对应的多个平台的编译逻辑；根据所述编译逻辑将所述目标模块编译为多个所述平台所对应的数据，从而让开发者可以基于可视化的操作界面快速搭建软件系统界面及功能，进而实现一次配置，多平台运行，极大的提高了开发效率。

结合第一方面，本发明实施例提供了第一方面的第一种可能的实施方式，所述确定所述目标模块所分别对应的多个平台的编译逻辑，包括：确定所述目标模块的标识信息；确定所述标识信息所分别对应的多个平台的编译逻辑。在本发明实施例中，通过目标模块的标识信息确定其所分别对应的多个平台的编译逻辑，进而快速通过各个平台的编译逻辑完成对目标模块的编译，进而能够快速得到各个平台的数据，进一步提高了开发的效率，缩短了对整个程序(例如系统或页面)的开发时间。并且通过对底层实现进行封装，可以极大的降低对开发人员的要求。

结合第一方面的第一种可能的实施方式，本发明实施例提供了第一方面的第二种可能的实施方式，所述确定所述标识信息所分别对应的多个平台的编译逻辑，包括：根据所述标识信息查询编译库中与所述标识信息匹配的多个平台的编译逻辑，所述编译库用于存储每个模块所对应的多个平台的编译逻辑。在本发明实施例中，通过标识信息查询编译库中与所述标识信息匹配的多个平台的编译逻辑，可以实现快速查询，进而减少数据处理时间，进一步提高了开发的效率，缩短了对整个程序(例如系统或页面)的开发时间。

结合第一方面的第一种可能的实施方式，本发明实施例提供了第一方面的第三种可能的实施方式，所述确定所述标识信息所分别对应的多个平台的编译逻辑，包括：接收用户输入的用于对所述目标模块进行配置的配置参数；根据所述配置参数以及所述标识信息确定配置后的所述目标模块所对应的多个平台的编译逻辑。在本发明实施例中，通过根据用户需求，用户输入相关的配置参数对目标模块进行配置，以使目标模块具备用户所需求的功能，再通过所述标识信息确定配置后的所述目标模块所对应的多个平台的编译逻辑，生成多个平台的程序代码，进而实现一次配置，多平台运行，极大的提高了开发效率。

结合第一方面，本发明实施例提供了第一方面的第四种可能的实施方式，在确定所述目标模块所分别对应的多个平台的编译逻辑之后，还包括：获取用户输入的用于从多个所述平台中确定目标平台的确认指令；根据所述确认指令从多个所述平台中确定目标平台；根据所述编译逻辑将所述目标模块编译为所述目标平台所对应的数据。在本发明实施例中，通过从多个平台中选取任意数量的目标平台来生成对应的数据，可以降低数据的处理成本，同时还能够适应用户的多种需求，进而能够有效提高用户使用效率。

结合第一方面，本发明实施例提供了第一方面的第五种可能的实施方式，所述获取目标模块，包括：获取用户输入的模块选择指令；根据所述模块选择指令从模块库中获取目标模块，所述模块库预先存储有多个定义好数据结构的模块。在本发明实施例中，通过获取模块选择指令，从而根据模块选择指令从模块库中选取与模块选择指令匹配的目标模块，从而可以快速实现编程，无需用户逐一编辑代码，进而有效提高了工作效率。

第二方面，本发明实施例提供的一种基于可视化的多平台数据生成装置，包括：获取单元，用于获取目标模块；处理单元，用于确定所述目标模块所分别对应的多个平台的编译逻辑；编译单元，用于根据所述编译逻辑将所述目标模块编译为多个所述平台所对应的数据。

结合第二方面，本发明实施例提供了第二方面的第一种可能的实施方式，所述处理单元，还用于：确定所述目标模块的标识信息；确定所述标识信息所分别对应的多个平台的编译逻辑。

第三方面，本发明实施例提供的一种终端设备，包括：存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如第一方面任一项所述基于可视化的多平台数据生成方法的步骤。

第四方面，本发明实施例提供的一种存储介质，所述存储介质上存储有指令，当所述指令在计算机上运行时，使得所述计算机执行如第一方面任一项所述的基于可视化的多平台数据生成方法。

本公开的其他特征和优点将在随后的说明书中阐述，或者，部分特征和优点可以从说明书推知或毫无疑义地确定，或者通过实施本公开的上述技术即可得知。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本发明第一实施例提供的基于可视化的多平台数据生成方法的流程图；

图2为本发明第二实施例提供的基于可视化的多平台数据生成装置的功能模块示意图；

图3为本发明第三实施例提供的一种终端设备的示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

下面结合附图，对本发明的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。

第一实施例

由于现有的只能生成对应平台的代码，为了提高开发效率，本实施例首先提供了一种基于可视化的多平台数据生成方法，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。以下对本实施例进行详细介绍。

请参阅图1，是本发明实施例提供的基于可视化的多平台数据生成方法的流程图，该方法基于可视化操作界面进行。下面将对图1所示的具体流程进行详细阐述。

步骤s101，获取目标模块。

可选地，目标模块可以是从模块库中获取的，也可以是实时采集的。例如，可以通过爬虫技术所实时爬取到的。

当然，在实际使用中，也可以通过其他方式实时采集目标模块，在此，不作具体限定。

可选地，目标模块为被封装好的代码块。例如，可以是实现按钮效果的代码块。

其中，模块库预先存储有多个预先定义好数据结构的模块(即被封装好的代码块)，例如，模块库预先存储有对组件、布局、样式、事件处理等按照预设的数据结构封装好的代码块。如，某一按钮预先定义的数据结构为：

作为一种实施方式，步骤s101包括：获取用户在可视化的操作界面中输入的模块选择指令；根据所述模块选择指令从模块库中获取目标模块，所述模块库预先存储有多个定义好数据结构的模块。

可选地，通过监测用户在可视化的操作界面中的固定区域发生的点击事件(如单击或双击或者是拖拽)，从而生成模块选择指令。例如，用户在某一操作界面上通过拖拽的方式将固定区域中的目标模块拖拽至另一区域时，即通过监听到的用户的拖拽动作，生成模块选择指令。进而根据模块选择指令从模块库中获取目标模块。

其中，模块选择指令包括被选择的模块的唯一标识(例如，身份信息)，从而可以通过模块选择指令从模块库中获取目标模块。

在本发明实施例中，通过用户在可视化的操作界面中输入模块选择指令，从而使得用户无需进行复杂的程序编码，只需要简单的在可视化操作界面中进行选择，进而根据模块选择指令从模块库中选取与模块选择指令匹配的目标模块，从而可以快速实现编程，无需用户逐一编辑代码，进而有效提高了工作效率。

步骤s102，确定所述目标模块所分别对应的多个平台的编译逻辑。

其中，编译逻辑为预先编译好的程序段(或代码块)。

可选地，多个平台包括但不限于安卓平台、网页端、小程序平台、ios平台等。

举例来说，假设目标模块为：

}，其分别对应的多个平台的编译逻辑为：html(hypertextmarkuplanguage，超文本标记语言)代码为：＜inputtype＝＂button＂value＝＂登录＂＞，安卓平台的android代码为：＜buttonandroid：text＝＂登录＂/＞，ios平台的ios代码为：＜button＜statekey＝＂normal＂title＝＂登录＂/＞＜/button＞。

作为一种实施方式，步骤s102包括：确定所述目标模块的标识信息；确定所述标识信息所分别对应的多个平台的编译逻辑。

其中，所述标识信息用于唯一标识所述目标模块。

继续以上述例子为例来说，所述目标模块(即按钮)的标识信息为“＇button＇”。在通过该标识信息＇button＇找到其对应的多个平台的编译逻辑，即＜inputtype＝＂button＂value＝＂登录＂＞、＜buttonandroid：text＝＂登录＂/＞、＜button＜statekey＝＂normal＂title＝＂登录＂/＞＜/button＞。

在本发明实施例中，通过目标模块的标识信息确定其所分别对应的多个平台的编译逻辑，进而快速通过各个平台的编译逻辑完成对目标模块的编译，进而能够快速得到各个平台的数据，进一步提高了开发的效率，缩短了对整个程序(例如系统或页面)的开发时间。并且通过对底层实现进行封装，可以极大的降低对开发人员的要求。

可选地，所述确定所述标识信息所分别对应的多个平台的编译逻辑，包括：根据所述标识信息查询编译库中与所述标识信息匹配的多个平台的编译逻辑，所述编译库用于存储每个模块所对应的多个平台的编译逻辑。

可选地，编译库预先存储有每个模块所对应的多个平台的编译逻辑。例如，编译库中预先存储有前端界面中的组件定义、样式定义(如排版定义、颜色效果或动画效果等)、事件处理(如鼠标操作、键盘操作或触屏操作等)、声明周期、推送通知等。以及预先存储有编程语言，如数据类型定义、变量定义/赋值、条件判断、循环逻辑或函数定义/调用等，以及网络请求调用、数据库操作、页面跳转、通知提示或日志记录等多个编译逻辑。

可选地，在可视化操作界面中显示所述标识信息所分别对应的多个平台的编译逻辑。

在本发明实施例中，通过一套统一规范的前端展示和代码逻辑定义的配置，再通过编译逻辑编译为不同平台的对应代码，真正的实现一次配置，多平台运行，极大的提高了开发效率，并且通过对编程语言的原子级封装，可以有效提高对产品的需求度，使得能够适合更多的产品开发。同时所有功能的实现都基于可视化配置，对底层实现进行封装，通过帮助提示信息可以极大的降低对开发人员的要求。并且通过对实际开发的通用模块进行封装(即将通用模块编译为编译逻辑进行存储)，使得在开发时，用户只需要在可视化操作界面中进行选择，无需再去开发或配置，进而极大的减少了业务功能逻辑配置的复杂度。

继续以上述例子来说，例如，存储有按钮模块所对应的多个平台的编译逻辑分别为：html代码为：＜inputtype＝＂button＂value＝＂登录＂＞，安卓平台的android代码为：＜buttonandroid：text＝＂登录＂/＞，ios平台的ios代码为：＜button＜statekey＝＂normal＂title＝＂登录＂/＞＜/button＞等。

当然，在实际使用中，编译库可以是本地数据库，也可以是数据库服务器。在此，不作具体限定。

在本发明实施例中，通过标识信息查询编译库中与所述标识信息匹配的多个平台的编译逻辑，可以实现快速查询，进而减少数据处理时间，进一步提高了开发的效率，缩短了对整个程序(例如系统或页面)的开发时间。

可选地，所述确定所述标识信息所分别对应的多个平台的编译逻辑，包括：接收用户输入的用于对所述目标模块进行配置的配置参数；根据所述配置参数以及所述标识信息确定配置后的所述目标模块所对应的多个平台的编译逻辑。

可选地，所述配置参数为用户在可视化操作界面上输入的参数。也可以是用户在可视化操作界面上根据提示信息从所显示的配置参数中选择的。例如，在用户对某一模块进行配置时，通过可视化界面中的下拉列表，从下拉列表中选择需要配置的参数。进而可以有效降低开发难度，极大的降低对开发人员的要求。

可选地，下拉列表中的配置参数为预先通过编译逻辑编译好的。

可选地，所述配置参数可以是用于对目标模块进行参数配置的某一具体参数，如图片的相对地址。也可以是用于对目标模块所执行的逻辑进行配置的执行逻辑。如图片在被点击时旋转90度。

在本发明实施例中，通过根据用户需求，用户在可视化操作界面中输入相关的配置参数对目标模块进行配置，以使目标模块具备用户所需求的功能，进而可以有效提高适用性，使得用户可以自由对目标模块进行扩展，再通过所述标识信息确定配置后的所述目标模块所对应的多个平台的编译逻辑，生成多个平台的程序代码，进而实现一次配置，多平台运行，极大的提高了开发效率。

在一可能的实施例中，在步骤s102之后，所述基于可视化的多平台数据生成方法还包括：获取用户输入的用于从多个所述平台中确定目标平台的确认指令；根据所述确认指令从多个所述平台中确定目标平台；根据所述编译逻辑将所述目标模块编译为所述目标平台所对应的数据。

可选地，所述确认指令可以是用户通过操作界面所选择的，例如，用户通过点击操作界面上所显示的复选框中的平台信息，从而确定目标平台，通过监听复选框的点击事件，从而生成确认指令。所述确认指令也可以是用户通过输入框输入的。例如，通过输入框输入用户需要的平台名称，从而生成确定目标平台的确认指令。

当然，在实际使用中，还可以通过其他方式获取确认指令，在此，不作具体限定。

举例来说，假设目标模块为按钮，当用户只需要从多个平台中选择网页作为目标平台时，通过确认指令从多个平台中选择网页作为目标平台，则目标模块对应的编译逻辑为：html代码为：＜inputtype＝＂button＂value＝＂登录＂＞，根据所述编译逻辑将所述按钮编译为可执行代码，以在该网页平台运行。

在本发明实施例中，通过从多个平台中选取任意数量的目标平台来生成对应的数据，使得只生成用户所需求的平台数据，进而可以降低数据的处理成本，同时还能够适应用户的多种需求，进而能够有效提高用户使用效率。

步骤s103，根据所述编译逻辑将所述目标模块编译为多个所述平台所对应的数据。

其中，所述数据可以是程序代码，也可以是通过程序代码生成的页面或某一应用程序等。

作为一种实施方式，可以在生成所述多个所述平台所对应的数据时，默认将所述数据发布至对应的平台。

在一可能的实施例中，在步骤s103之后，基于可视化的多平台数据生成方法还包括：发布所述数据至对应的平台。

可选地，将所述数据发布至前端、后端或打包发送至多个平台。例如，与前端相关的如网页(如vue、react、augular等前端框架)、手机端、小程序、客户端(如windows或macos)。与后端相关的如编译后端代码的语言(如，php、nodejs、python等)以及部署到服务器的环境(如开发环境、测试环境、生产环境等)。打包发布包括网页端(部署到应用服务器)、手机端(应用市场)、小程序(提交到小程序对应平台)、客户端(如部署到下载服务器)。

在本实施例中，通过多种方式发布多个所述平台所对应的数据，从而实现对所生成的多个所述平台所对应的数据的多元化处理，以提高使用效率，并且提高了其使用价值。

本发明实施例所提供的基于可视化的多平台数据生成方法，通过获取目标模块；确定所述目标模块所分别对应的多个平台的编译逻辑；根据所述编译逻辑将所述目标模块编译为多个所述平台所对应的数据，从而让开发者可以在可视化的界面中快速搭建软件系统界面及功能，进而实现一次配置，多平台运行，极大的提高了开发效率。

第二实施例

对应于第一实施例中的基于可视化的多平台数据生成方法，图2示出了采用第一实施例所示的基于可视化的多平台数据生成方法一一对应的基于可视化的多平台数据生成装置。如图2所示，所述基于可视化的多平台数据生成装置400包括获取单元410、处理单元420和编译单元430。其中，获取单元410、处理单元420和编译单元430的实现功能与第一实施例中对应的步聚一一对应，为避免赘述，本实施例不一一详述。

获取单元410，用于获取目标模块。

可选地，获取单元410，还用于获取用户输入的模块选择指令；根据所述模块选择指令从模块库中获取目标模块，所述模块库预先存储有多个定义好数据结构的模块。

处理单元420，用于确定所述目标模块所分别对应的多个平台的编译逻辑。

可选地，处理单元420，还用于确定所述目标模块的标识信息；确定所述标识信息所分别对应的多个平台的编译逻辑。

可选地，所述确定所述标识信息所分别对应的多个平台的编译逻辑，包括：根据所述标识信息查询编译库中与所述标识信息匹配的多个平台的编译逻辑，所述编译库用于存储每个模块所对应的多个平台的编译逻辑。

可选地，所述确定所述标识信息所分别对应的多个平台的编译逻辑，包括：接收用户输入的用于对所述目标模块进行配置的配置参数；根据所述配置参数以及所述标识信息确定配置后的所述目标模块所对应的多个平台的编译逻辑。

在一可能的实施例中，在处理模块420之后，基于可视化的多平台数据生成装置400还包括生成模块，用于获取用户输入的用于从多个所述平台中确定目标平台的确认指令；根据所述确认指令从多个所述平台中确定目标平台；根据所述编译逻辑将所述目标模块编译为所述目标平台所对应的数据。

编译单元430，用于根据所述编译逻辑将所述目标模块编译为多个所述平台所对应的数据。

第三实施例

如图3所示，是终端设备500的示意图。所述终端设备500包括存储器502、处理器504以及存储在所述存储器502中并可在所述处理器504上运行的计算机程序503，所述计算机程序503被处理器504执行时实现第一实施例中的所述基于可视化的多平台数据生成方法，为避免重复，此处不再赘述。或者，所述计算机程序503被处理器504执行时实现第二实施例所述基于可视化的多平台数据生成装置中各模块/单元的功能，为避免重复，此处不再赘述。

示例性的，计算机程序503可以被分割成一个或多个模块/单元，一个或者多个模块/单元被存储在存储器502中，并由处理器504执行，以完成本发明。一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述计算机程序503在终端设备500中的执行过程。例如，计算机程序503可以被分割成第二实施例中的获取单元410、处理单元420和编译单元430，各模块的具体功能如第一实施例或第二实施例所述，在此不一一赘述。

终端设备500可以是桌上型计算机、笔记本、掌上电脑等计算设备。

其中，存储器502可以是，但不限于，随机存取存储器(randomaccessmemory，ram)，只读存储器(readonlymemory，rom)，可编程只读存储器(programmableread－onlymemory，prom)，可擦除只读存储器(erasableprogrammableread－onlymemory，eprom)，电可擦除只读存储器(electricerasableprogrammableread－onlymemory，eeprom)等。其中，存储器502用于存储程序，所述处理器504在接收到执行指令后，执行所述程序，前述本发明实施例任一实施例揭示的流程定义的方法可以应用于处理器504中，或者由处理器504实现。

处理器504可能是一种集成电路芯片，具有信号的处理能力。上述的处理器504可以是通用处理器，包括中央处理器(centralprocessingunit，cpu)、网络处理器(networkprocessor，np)等；还可以是数字信号处理器(digitalsignalprocessor，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现成可编程门阵列(field－programmablegatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

可以理解的是，图3所示的结构仅为终端设备500的一种结构示意图，终端设备500还可以包括比图3所示更多或更少的组件。图3中所示的各组件可以采用硬件、软件或其组合实现。

第四实施例

本发明实施例还提供一种存储介质，所述存储介质上存储有指令，当所述指令在计算机上运行时，所述计算机程序被处理器执行时实现第一实施例中的所述基于可视化的多平台数据生成方法，为避免重复，此处不再赘述。或者，所述计算机程序被处理器执行时实现第二实施例所述基于可视化的多平台数据生成装置中各模块/单元的功能，为避免重复，此处不再赘述。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明可以通过硬件实现，也可以借助软件加必要的通用硬件平台的方式来实现，基于这样的理解，本发明的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是cd－rom，u盘，移动硬盘等)中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施场景的方法。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。