CN116185384A - 一种可视化开发方法、电子设备及存储介质 - Google Patents

Abstract

本申请公开一种可视化开发方法、电子设备及存储介质，其中，所述方法包括：响应于用户在可视化配置平台上执行的触发操作，获取目标组件和配置信息；根据所述配置信息，确定待开发页面的数据源和用于调用所述数据源的目标接口；基于预设的静态模板、所述数据源、所述目标接口和所述目标组件，生成运行时模板；根据所述运行时模板构建得到目标页面。本申请提供的数据管理、接口管理、页面搭建等可视化开发方法，能够减少接口开发耗时，提高组件的扩展性和复用性，降低页面开发成本。

Description

一种可视化开发方法、电子设备及存储介质

技术领域

本申请涉及计算机应用技术领域，具体地涉及一种可视化开发方法、装置、电子设备及存储介质。

背景技术

管理系统是为达到组织目标，针对管理对象，由具有特定管理职能和内在联系的各种管理机构、管理制度、管理过程、管理方法所构成的完整的组织管理体系。

由于不同企业在各自领域处理的业务不同，目前的管理系统需要针对不同的企业进行个性化开发。这些企业虽然面向的行业不同，但在基础技术层面存在大量的相同之处，例如注册、登录、出入库等等基础原理技术都是通用的。相关技术中各管理系统都需要从0到1进行开发，每个管理系统，都需要单独地开发后端接口及前端页面，开发效率低、周期长且存在大量重复性工作，导致开发成本高。

本背景技术描述的内容仅为了便于了解本领域的相关技术，不视作对现有技术的承认。

发明内容

因此，本发明实施例意图提供一种可视化开发方法、装置、电子设备及存储介质，至少解决现有技术中存在的开发效率低、周期长、成本高的问题。

在第一方面，本发明实施例提供了一种可视化开发方法，包括：

响应于用户在可视化配置平台上执行的触发操作，获取目标组件和配置信息；

根据所述配置信息，确定待开发页面的数据源和用于调用所述数据源的目标接口；

基于预设的静态模板、所述数据源、所述目标接口和所述目标组件，生成运行时模板；

根据所述运行时模板构建得到目标页面。

在本发明实施例中，所述响应于用户在可视化配置平台上执行的触发操作，获取目标组件和配置信息，包括：

响应于用户在可视化配置平台上执行的触发操作，输出配置界面；

接收所述用户在所述配置界面上输入的组件初始化信息和配置信息；

对所述组件初始化信息进行发布，确定待开发页面使用的目标组件，所述目标组件包括标准组件和/或自定义组件。

在本发明实施例中，在对所述组件初始化信息进行发布后，所述方法还包括：

获取所述目标组件的版本信息；

根据所述版本信息对所述目标组件对应的链接进行更新，得到并存储更新后的链接。

在本发明实施例中，所述根据所述配置信息，确定待开发页面的数据源和用于调用所述数据源的目标接口，包括：

根据所述配置信息，确定数据源类型，所述数据源类型包括内置数据源、自定义数据源和远程数据源；

根据所述配置信息和所述数据源类型，确定待开发页面的数据源和用于调用所述数据源的目标接口。

在本发明实施例中，当所述数据源类型为内置数据源时，所述根据所述配置信息和所述数据源类型，确定待开发页面的数据源和用于调用所述数据源的目标接口，包括：

根据所述配置信息，确定数据表字段和校验规则；

根据所述数据表字段和所述校验规则，创建数据表，并生成待开发页面的数据源，所述数据源为内置数据源；

根据所述内置数据源，确定用于调用所述内置数据源的目标接口。

在本发明实施例中，当所述数据源类型为自定义数据源时，所述根据所述配置信息和所述数据源类型，确定待开发页面的数据源和用于调用所述数据源的目标接口，包括：

根据所述配置信息，确定已有数据库的数据表的表名和字段；

根据所述字段，确定与所述字段匹配的数据组件；

根据所述表名、字段和所述数据组件，生成待开发页面的数据源，所述数据源为自定义数据源；

根据所述自定义数据源，确定用于调用所述自定义数据源的目标接口。

在本发明实施例中，当所述数据源类型为远程数据源时，所述根据所述配置信息和所述数据源类型，确定待开发页面的数据源和用于调用所述数据源的目标接口，包括：

根据所述配置信息，确定已有传输协议接口信息；

对所述传输协议接口信息进行调试，生成接口响应体结构；

根据所述响应体结构，确定数据表的字段；

根据所述字段，确定与所述字段匹配的数据组件；

根据所述字段和所述数据组件，生成待开发页面的数据源，所述数据源为远程数据源；

根据所述远程数据源，确定用于调用所述远程数据源的目标接口。

在本发明实施例中，所述方法还包括：

获取用于控制权限的权限控制信息；

根据所述权限控制信息，确定所述目标页面的权限配置信息；

基于所述权限配置信息，对所述目标页面进行权限配置。

在本发明实施例中，所述方法还包括：

获取并存储所述目标页面的页面版本信息。

在本发明实施例中，所述方法还包括：

响应于接收到针对当前页面的回滚操作，获取待回滚页面版本信息；

根据所述待回滚页面版本信息，在存储空间中确定目标回滚页面；

将所述当前页面更新为所述目标回滚页面。

在第二方面，本发明实施例提供了一种可视化开发装置，包括：

第一获取模块，用于响应于用户在可视化配置平台上执行的触发操作，获取目标组件和配置信息；

第一确定模块，用于根据所述配置信息，确定待开发页面的数据源和用于调用所述数据源的目标接口；

生成模块，用于基于预设的静态模板、所述数据源、所述目标接口和所述目标组件，生成运行时模板；

构建模块，用于根据所述运行时模板构建得到目标页面。

在本发明实施例中，所述第一获取模块，包括：

输出单元，用于响应于用户在可视化配置平台上执行的触发操作，输出配置界面；

接收单元，用于接收所述用户在所述配置界面上输入的组件初始化信息和配置信息；

发布单元，用于对所述组件初始化信息进行发布，确定待开发页面使用的目标组件，所述目标组件包括标准组件和/或自定义组件。

在本发明实施例中，在对所述组件初始化信息进行发布后，所述装置还包括：

第二获取模块，用于获取所述目标组件的版本信息；

更新模块，用于根据所述版本信息对所述目标组件对应的链接进行更新，得到并存储更新后的链接。

在本发明实施例中，所述第一确定模块，包括：

第一确定单元，用于根据所述配置信息，确定数据源类型，所述数据源类型包括内置数据源、自定义数据源和远程数据源；

第二确定单元，用于根据所述配置信息和所述数据源类型，确定待开发页面的数据源和用于调用所述数据源的目标接口。

在本发明实施例中，当所述数据源类型为内置数据源时，所述第二确定单元，包括：

第一确定子单元，用于根据所述配置信息，确定数据表字段和校验规则；

创建子单元，用于根据所述数据表字段和所述校验规则，创建数据表；

第一生成子单元，用于生成待开发页面的数据源，所述数据源为内置数据源；

第二确定子单元，用于根据所述内置数据源，确定用于调用所述内置数据源的目标接口。

在本发明实施例中，当所述数据源类型为自定义数据源时，所述第二确定单元，包括：

第三确定子单元，用于根据所述配置信息，确定已有数据库的数据表的表名和字段；

第四确定子单元，用于根据所述字段，确定与所述字段匹配的数据组件；

第二生成子单元，用于根据所述表名、字段和所述数据组件，生成待开发页面的数据源，所述数据源为自定义数据源；

第五确定子单元，用于根据所述自定义数据源，确定用于调用所述自定义数据源的目标接口。

在本发明实施例中，当所述数据源类型为远程数据源时，所述第二确定单元，包括：

第六确定子单元，用于根据所述配置信息，确定已有传输协议接口信息；

第三生成子单元，用于对所述传输协议接口信息进行调试，生成接口响应体结构；

第七确定子单元，用于根据所述响应体结构，确定数据表的字段；

第八确定子单元，用于根据所述字段，确定与所述字段匹配的数据组件；

第四生成子单元，用于根据所述字段和所述数据组件，生成待开发页面的数据源，所述数据源为远程数据源；

第九确定子单元，用于根据所述远程数据源，确定用于调用所述远程数据源的目标接口。

在本发明实施例中，所述装置还包括：

第三获取模块，用于获取用于控制权限的权限控制信息；

第二确定模块，用于根据所述权限控制信息，确定所述目标页面的权限配置信息；

配置模块，用于基于所述权限配置信息，对所述目标页面进行权限配置。

在本发明实施例中，所述装置还包括：

第四获取模块，用于获取并存储所述目标页面的页面版本信息。

在本发明实施例中，所述装置还包括：

第五获取模块，用于响应于接收到针对当前页面的回滚操作，获取待回滚页面版本信息；

第三确定模块，用于根据所述待回滚页面版本信息，在存储空间中确定目标回滚页面；

回滚模块，用于将所述当前页面更新为所述目标回滚页面。

在第三方面，本发明实施例提供一种计算机可读存储介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现任一本发明实施例的可视化开发方法。

在第四方面，本发明实施例提供一种电子设备，包括：处理器和存储有计算机程序的存储器，所述处理器被配置为在运行计算机程序时执行任一本发明实施例的可视化开发方法。

本发明实施例中使用的可视化开发方法中，可视化开发装置响应于用户在可视化配置平台上执行的触发操作，获取目标组件和配置信息，用户利用可视化配置平台，自由地拖拽组件生成页面，能够减少页面重复开发，组件更新后可按需更新页面，能够确保组件的稳定性，并且目标组件可以自定义，可重复利用所有自定义开发过的组件，确保组件的丰富度。获取目标组件和配置信息后，可视化开发装置根据配置信息，确定待开发页面的数据源和用于调用数据源的目标接口，本发明实施例中提供的多种数据源，使得管理系统的数据源实现多样性、灵活性，用户可以根据实际场景需求进行选择，能够减少接口开发耗时，缩短开发周期。然后可视化开发装置基于预设的静态模板、数据源、目标接口和目标组件，生成运行时模板；根据运行时模板构建得到目标页面。通过该方法提供的可视化的数据管理、接口管理、页面搭建等一站式的管理系统，能够增强数据来源的多样性和灵活性，减少接口开发耗时，提高组件的扩展性和复用性，降低页面开发成本。

本发明实施例的其他可选特征和技术效果一部分在下文描述，一部分可通过阅读本文而明白。

附图说明

以下，结合附图来详细说明本发明的实施例，所示出的元件不受附图所显示的比例限制，附图中相同或相似的附图标记表示相同或类似的元件，其中：

图1示出了本发明实施例提供的可视化开发方法的一种示例流程图；

图2示出了本发明实施例提供的可视化开发方法中用户自定义组件的一种示例流程图；

图3示出了本发明实施例提供的可视化开发方法中确定数据源和目标接口步骤的一种示例流程图；

图4示出了本发明实施例提供的可视化开发方法中确定内置数据源和目标接口步骤的一种示例流程图；

图5示出了本发明实施例提供的可视化开发方法中确定自定义数据源和目标接口步骤的一种示例流程图；

图6示出了本发明实施例提供的可视化开发方法中确定远程数据源和目标接口步骤的一种示例流程图；

图7示出了本发明实施例提供的可视化开发方法中配置内置数据源的一种示例流程图；

图8示出了本发明实施例提供的可视化开发方法中配置自定义数据源的一种示例流程图；

图9示出了本发明实施例提供的可视化开发方法中配置远程数据源的一种示例流程图；

图10示出了本发明实施例提供的可视化开发方法中生成的接口响应体结构的一种示例图；

图11示出了本发明实施例提供的可视化开发系统的一种示例详细流程图；

图12示出了本发明实施例提供的可视化开发系统的整体架构示意图；

图13示出了本发明实施例提供的可视化开发装置的一种示例组成结构图；

图14示出了能实施根据本发明实施例的方法的电子设备的一种示例性结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚明白，下面结合具体实施方式和附图，对本发明做进一步详细说明。在此，本发明的示意性实施方式及其说明用于解释本发明，但并不作为对本发明的限定。

在本文中使用的术语“包括”及其变形表示开放性包括，即“包括但不限于”。除非特别申明，术语“或”表示“和/或”。术语“基于”表示“至少部分地基于”。术语“一个示例实施例”和“一个实施例”表示“至少一个示例实施例”。术语“另一实施例”表示“至少一个另外的实施例”。术语“第一”、“第二”等等可以指代不同的或相同的对象。下文还可能包括其他明确的和隐含的定义。

目前管理系统具有较高的个性化，需要从0到1进行开发，开发周期较长且存在大量重复开发。每个管理后台均需要后端开发接口及前端开发页面才能完成预期需求，接口和页面开发效率低下，人力和时间成本居高不下。为了解决该问题，本发明实施例提供一种可视化的数据管理、接口管理、页面搭建等一站式的管理系统技术解决方案，能够减少接口和页面的重复开发，提高管理系统接口和页面的开发效率，减少开发成本。

本发明实施例提供一种应用于管理系统的可视化开发方法。本发明实施例提供的方法可以通过计算机程序来实现，该计算机程序在执行的时候，完成本发明实施例提供的可视化开发方法中各个步骤。在一些实施例中，该计算机程序可以电子设备中的处理器执行。图1示出了根据本发明实施例的可视化开发方法的一种示例流程图，如图1所示，该可视化开发方法包括以下步骤：

步骤S101，响应于用户在可视化配置平台上执行的触发操作，获取目标组件和配置信息。

本发明实施例中，该步骤S101可以是由服务器中的可视化开发装置实现的。该服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、大数据以及人工智能平台等基础云计算服务的云服务器。

用户(如管理系统的开发人员)可以在终端显示屏上输出的可视化配置平台上执行触发操作，该触发操作用于触发可视化地开发管理系统。这里的终端，可以是笔记本电脑，平板电脑，台式计算机，智能手机等能够进行可视化开发的设备。终端以及服务器可以通过有线或无线通信方式进行直接或间接地连接。本发明实施例中的可视化配置平台，包括项目配置、页面管理、基础信息配置等。通过该可视化配置平台，能够生成独立的管理系统应用程序。

在一种实现方式中，目标组件和配置信息可以通过以下步骤来获取：响应于用户在可视化配置平台上执行的触发操作，输出配置界面；接收所述用户在所述配置界面上输入的组件初始化信息和配置信息；对所述组件初始化信息进行发布，确定待开发页面使用的目标组件，所述目标组件包括标准组件和/或自定义组件。

这里的配置界面，指可视化配置平台中，用来配置页面的编辑器，在该配置界面中，可拖拽组件生成页面。组件，指页面需要用到的各类用户界面(UI)控件，可自定义开发得到自定义组件。

图2示出了本发明实施例提供的可视化开发方法中用户自定义组件的一种示例流程图，如图2所示，用户在可视化配置平台上执行用于触发可视化地开发管理系统的操作，终端基于该操作生成触发指令，发送该触发指令至可视化开发装置。可视化开发装置基于该触发指令，输出配置界面，用户在配置界面上拖拽控件，输入组件初始化信息和配置信息。可视化开发装置接收到用户在配置界面上输入的组件初始化信息和配置信息后，发布组件初始化信息，确定待开发页面使用的目标组件，这里的目标组件可以只包括预先设置的标准组件，也可以只包括用户自定义的组件，还可以包括标准组件和自定义组件。

在一些实施例中，对组件初始化信息进行发布之后，可视化开发装置可以获取所述目标组件的版本信息；根据所述版本信息对所述目标组件对应的链接进行更新，得到并存储更新后的链接。这样，在二次开发组件后，可通过自动拖拽组件生成页面，减少页面重复开发；并且在组件更新后可按需更新页面，能够确保组件的稳定性。

步骤S102，根据所述配置信息，确定待开发页面的数据源和用于调用所述数据源的目标接口。

这里的数据源，指用户可访问、可操作、可发布的数据来源。该数据源可以包括内置数据源、自定义数据源和远程数据源，本发明实施例提供的多种数据源，能够解决现有技术中数据源单一的问题，使得管理系统的数据源实现多样性、灵活性，用户可以根据实际场景需求进行选择，从而减少接口开发耗时。

在一种实现方式中，该步骤可以通过图3所示的以下步骤来实现：

步骤S1021，根据所述配置信息，确定数据源类型。

这里的数据源类型包括内置数据源、自定义数据源和远程数据源。

步骤S1022，根据所述配置信息和所述数据源类型，确定待开发页面的数据源和用于调用所述数据源的目标接口。

当数据源类型不同时，数据源和目标接口的确定方式也不同。

当所述数据源类型为内置数据源时，数据源和目标接口可以通过图4所示的以下步骤来实现：

步骤Sa1，根据所述配置信息，确定数据表字段和校验规则。

图5示出了本发明实施例提供的可视化开发方法中配置内置数据源的一种示例流程图，如图5所示，在开发过程中，用户(可以是后端人员，也可以是前端人员，还可以是其他人员)根据自身需要拖拽表单控件，在配置界面中定义控件字段，配置校验规则。

步骤Sa2，根据所述数据表字段和所述校验规则，创建数据表。

步骤Sa3，生成待开发页面的数据源。

可视化开发装置根据定义的数据表字段(即控件字段)和校验规则，自动创建表和相关表字段，生成一个数据源。该数据源为内置数据源。

步骤Sa4，根据所述内置数据源，确定用于调用所述内置数据源的目标接口。

用户在配置界面执行创建页面的操作，选择内置数据源后，可视化开发装置调用通用CURD接口作为目标接口。

当选择内置数据源时，可视化开发装置使用平台自身存储能力，通过可视化配置，自动创建数据库实例和相关表字段。用户无需开发接口、也无需设计数据库实例，通过可视化的方式创建数据库实例，并根据平台提供的CURD接口对数据进行操作，并且结合预设的表单控件，对数据进行可视化的维护，支持各种数据校验、联动、控件状态等。

当所述数据源类型为自定义数据源时，数据源和目标接口可以通过图6所示的以下步骤来实现：

步骤Sb1，根据所述配置信息，确定已有数据库的数据表的表名和字段。

图7示出了本发明实施例提供的可视化开发方法中配置自定义数据源的一种示例流程图，如图7所示，在开发过程中，用户(可以是后端人员，也可以是前端人员，还可以是其他人员)根据自身需要，在配置界面中配置已有数据库、该数据库的数据表、表名和字段等信息。

步骤Sb2，根据所述字段，确定与所述字段匹配的数据组件。

步骤Sb3，根据所述表名、字段和所述数据组件，生成待开发页面的数据源。

可视化开发装置根据用户配置的字段，从可视化开发装置预定义的控件中，自动地为各字段匹配合适的表单控件，得到与字段匹配的数据组件，并生成一个数据源，该数据源为自定义数据源。

步骤Sb4，根据所述自定义数据源，确定用于调用所述自定义数据源的目标接口。

用户在配置界面执行创建页面的操作，选择自定义数据源后，可视化开发装置调用通用CURD接口作为目标接口。

当选择自定义数据源时，可视化开发装置无需存储数据，使用用户自己提供的数据库和数据表，该方式适用于需要将数据保存在业务自身的数据库中，自行设计数据库实例。该种方式中，可视化开发装置在使用用户自己提供的数据库实例的情况下，根据表字段类型，自动生成合适的表单控件，并且提供CURD接口对数据进行管理。

当所述数据源类型为远程数据源时，数据源和目标接口可以通过图8所示的以下步骤来实现：

步骤Sc1，根据所述配置信息，确定已有传输协议接口信息。

图9示出了本发明实施例提供的可视化开发方法中配置远程数据源的一种示例流程图，如图9所示，在开发过程中，用户(可以是后端人员，也可以是前端人员，还可以是其他人员)根据自身需要，在配置界面中配置已有传输协议(如HTTP)接口信息。

步骤Sc2，对所述传输协议接口信息进行调试，生成接口响应体结构。

步骤Sc3，根据所述响应体结构，确定数据表的字段。

步骤Sc4，根据所述字段，确定与所述字段匹配的数据组件。

可视化开发装置基于用户执行的在线调试操作，对HTTP接口信息进行调试，自动生成响应体结构，该结构可以是如图10所示的树形结构。

步骤Sc5，根据所述字段和所述数据组件，生成待开发页面的数据源。

可视化开发装置在生成响应体结构时，自动绑定数据表的字段到预定义的控件上，得到与字段匹配的数据组件，并生成一个数据源，该数据源为远程数据源。

步骤Sc6，根据所述远程数据源，确定用于调用所述远程数据源的目标接口。

用户在配置界面执行创建页面的操作，选择远程数据源后，可视化开发装置调用远程数据源配置的HTTP接口作为目标接口。

当选择远程数据源时，可视化开发装置无需存储数据，使用用户提供的HTTP接口获取远程数据源。该种方式适用于已经有现成的接口，需要对接口进行可视化的操作时使用的场景。该种方式中，可视化开发装置支持对接口进行mock和调试，并根据响应体自动生成树形结构，以便在数据管理时对数据进行绑定，从而支持不同嵌套结构的接口。

本发明实施例提供的多种数据源，能够解决现有技术中数据源单一的问题，使得管理系统的数据源实现多样性、灵活性，用户可以根据实际场景需求进行选择，从而减少接口开发耗时。

步骤S103，基于预设的静态模板、所述数据源、所述目标接口和所述目标组件，生成运行时模板。

步骤S104，根据所述运行时模板构建得到目标页面。

可视化开发装置中存储有静态模板，其中静态模板包括如基础包等静态文件和动态插槽，当触发页面发布操作时，调用静态文件、动态插槽、目标组件和目标接口，生成运行时模板。最后可视化开发装置基于运行时模板构建目标页面，得到管理系统。

在实际应用中，在管理系统中需要对不同的使用用户设置不同的权限，在一种实现方式中，可视化开发装置获取用于控制权限的权限控制信息；根据所述权限控制信息，确定所述目标页面的权限配置信息；基于所述权限配置信息，对所述目标页面进行权限配置。如此实现为管理系统设置不同权限的使用用户。

在本发明的实施例中，可视化开发装置响应于用户在可视化配置平台上执行的触发操作，获取目标组件和配置信息，用户利用可视化配置平台，自由地拖拽组件生成页面，能够减少页面重复开发，组件更新后可按需更新页面，能够确保组件的稳定性，并且目标组件可以自定义，可重复利用所有自定义开发过的组件，确保组件的丰富度。获取目标组件和配置信息后，可视化开发装置根据所述配置信息，确定待开发页面的数据源和用于调用所述数据源的目标接口，本发明实施例中提供的多种数据源，使得管理系统的数据源实现多样性、灵活性，用户可以根据实际场景需求进行选择，能够减少接口开发耗时，缩短开发周期。然后可视化开发装置基于预设的静态模板、所述数据源、所述目标接口和所述目标组件，生成运行时模板；根据所述运行时模板构建得到目标页面。通过该方法提供的可视化的数据管理、接口管理、页面搭建等一站式的管理系统，能够增强数据来源的多样性和灵活性，减少接口开发耗时，提高组件的扩展性和复用性，降低页面开发成本。

图11示出了本发明实施例提供的可视化开发系统的一种示例详细流程图，图12示出了本发明实施例提供的可视化开发系统的整体架构示意图，如图11和图12所示，用户使用可视化开发系统，创建项目，配置项目个性化元素，配置基础信息(导航、菜单等)，配置数据，配置页面(布局、列表、表单等)，最后执行保存、预览、发布测试、正式发布的操作，完成管理系统的可视化开发。

在实际开发过程中，当构建目标页面时，可视化开发装置获取该目标页面的页面版本信息，并对其进行存储。在此后的开发过程中，若存在某当前页面出现程序错误或者其他原因需要回滚到之前的某个版本的页面时，可视化开发装置响应于接收到针对当前页面的回滚操作，获取待回滚页面版本信息；根据所述待回滚页面版本信息，在存储空间中确定目标回滚页面；将所述当前页面更新为所述目标回滚页面。如此实现根据存储的页面版本信息实现任一历史页面的回滚，增强开发的灵活性，减少开发耗时。

基于前述的实施例，本发明实施例提供一种可视化开发装置，该装置包括的各模块、以及各模块包括的各单元，可以通过计算机设备中的处理器来实现；当然也可通过具体的逻辑电路实现；在实施的过程中，处理器可以为中央处理器(CPU，Central ProcessingUnit)、微处理器(MPU，Microprocessor Unit)、数字信号处理器(DSP，Digital SignalProcessing)或现场可编程门阵列(FPGA，Field Programmable Gate Array)等。

图13示出了本发明实施例提供的可视化开发装置的一种示例组成结构图，如图13所示，所述可视化开发装置1300包括：

第一获取模块1301，用于响应于用户在可视化配置平台上执行的触发操作，获取目标组件和配置信息；

第一确定模块1302，用于根据所述配置信息，确定待开发页面的数据源和用于调用所述数据源的目标接口；

生成模块1303，用于基于预设的静态模板、所述数据源、所述目标接口和所述目标组件，生成运行时模板；

构建模块1304，用于根据所述运行时模板构建得到目标页面。

在一些实施例中，所述第一获取模块1301，包括：

输出单元，用于响应于用户在可视化配置平台上执行的触发操作，输出配置界面；

接收单元，用于接收所述用户在所述配置界面上输入的组件初始化信息和配置信息；

发布单元，用于对所述组件初始化信息进行发布，确定待开发页面使用的目标组件，所述目标组件包括标准组件和/或自定义组件。

在一些实施例中，在对所述组件初始化信息进行发布后，所述可视化开发装置1300，还包括：

第二获取模块，用于获取所述目标组件的版本信息；

更新模块，用于根据所述版本信息对所述目标组件对应的链接进行更新，得到并存储更新后的链接。

在一些实施例中，所述第一确定模块1302，包括：

第一确定单元，用于根据所述配置信息，确定数据源类型，所述数据源类型包括内置数据源、自定义数据源和远程数据源；

第二确定单元，用于根据所述配置信息和所述数据源类型，确定待开发页面的数据源和用于调用所述数据源的目标接口。

在一些实施例中，当所述数据源类型为内置数据源时，所述第二确定单元，包括：

第一确定子单元，用于根据所述配置信息，确定数据表字段和校验规则；

创建子单元，用于根据所述数据表字段和所述校验规则，创建数据表；

第一生成子单元，用于生成待开发页面的数据源，所述数据源为内置数据源；

第二确定子单元，用于根据所述内置数据源，确定用于调用所述内置数据源的目标接口。

在一些实施例中，当所述数据源类型为自定义数据源时，所述第二确定单元，包括：

第三确定子单元，用于根据所述配置信息，确定已有数据库的数据表的表名和字段；

第四确定子单元，用于根据所述字段，确定与所述字段匹配的数据组件；

第二生成子单元，用于根据所述表名、字段和所述数据组件，生成待开发页面的数据源，所述数据源为自定义数据源；

第五确定子单元，用于根据所述自定义数据源，确定用于调用所述自定义数据源的目标接口。

在一些实施例中，当所述数据源类型为远程数据源时，所述第二确定单元，包括：

第六确定子单元，用于根据所述配置信息，确定已有传输协议接口信息；

第三生成子单元，用于对所述传输协议接口信息进行调试，生成接口响应体结构；

第七确定子单元，用于根据所述响应体结构，确定数据表的字段；

第八确定子单元，用于根据所述字段，确定与所述字段匹配的数据组件；

第四生成子单元，用于根据所述字段和所述数据组件，生成待开发页面的数据源，所述数据源为远程数据源；

第九确定子单元，用于根据所述远程数据源，确定用于调用所述远程数据源的目标接口。

在一些实施例中，所述可视化开发装置1300，还包括：

第三获取模块，用于获取用于控制权限的权限控制信息；

第二确定模块，用于根据所述权限控制信息，确定所述目标页面的权限配置信息；

配置模块，用于基于所述权限配置信息，对所述目标页面进行权限配置。

在一些实施例中，所述可视化开发装置1300，还包括：

第四获取模块，用于获取并存储所述目标页面的页面版本信息。

在本发明实施例中，所述可视化开发装置1300，还包括：

第五获取模块，用于响应于接收到针对当前页面的回滚操作，获取待回滚页面版本信息；

第三确定模块，用于根据所述待回滚页面版本信息，在存储空间中确定目标回滚页面；

回滚模块，用于将所述当前页面更新为所述目标回滚页面。

在一些实施例中，所述可视化开发装置可以结合任一实施例的可视化开发的方法特征，反之亦然，在此不赘述。

在本发明实施例中，提供一种电子设备，包括：处理器和存储有计算机程序的存储器，所述处理器被配置为在运行计算机程序时执行任一本发明实施例的可视化开发的方法。

图14示出了一种可以实施本发明实施例的方法的电子设备的示意图，在一些实施例中可以包括比图示更多或更少的电子设备。在一些实施例中，可以利用单个或多个电子设备实施。在一些实施例中，可以利用云端或分布式的电子设备实施。

如图14所示，电子设备1400包括处理器1401，其可以根据存储在只读存储器(ROM)1402中的程序和/或数据或者从存储部分1408加载到随机访问存储器(RAM)1403中的程序和/或数据而执行各种适当的操作和处理。处理器1401可以是一个多核的处理器，也可以包含多个处理器。在一些实施例中，处理器1401可以包含一个通用的主处理器以及一个或多个特殊的协处理器，例如，中央处理器(CPU)、图形处理器(GPU)、神经网络处理器(NPU)、数字信号处理器(DSP)等等。在RAM 1403中，还存储有电子设备1400操作所需的各种程序和数据。处理器1401、ROM 1402以及RAM 1403通过总线1404彼此相连。输入/输出(I/O)接口1405也连接至总线1404。

上述处理器与存储器共同用于执行存储在存储器中的程序，所述程序被计算机执行时能够实现上述各实施例描述的方法、步骤或功能。

以下部件连接至I/O接口1405：包括键盘、鼠标、触摸屏等的输入部分1406；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分1407；包括硬盘等的存储部分1408；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分1409。通信部分1409经由诸如因特网的网络执行通信处理。驱动器1410也根据需要连接至I/O接口1405。可拆卸介质1411，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1410上，以便于从其上读出的计算机程序根据需要被安装入存储部分1408。图14中仅示意性示出部分组件，并不意味着计算机系统1400只包括图14所示组件。

上述实施例阐明的系统、装置、模块或单元，可以由计算机或其关联部件实现。计算机例如可以为移动终端、智能电话、个人计算机、膝上型计算机、车载人机交互设备、个人数字助理、媒体播放器、导航设备、游戏控制台、平板电脑、可穿戴设备、智能电视、物联网系统、智能家居、工业计算机、服务器或者其组合。

尽管未示出，在本发明实施例中，提供一种存储介质，所述存储介质存储有计算机程序，所述计算机程序配置成被运行时执行任一本发明实施例的基于文件差异的编译方法。

在本发明的实施例的存储介质包括永久性和非永久性、可移动和非可移动的可以由任何方法或技术来实现信息存储的物品。存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。

在本发明的实施例的方法、程序、系统、装置等，可以在单个或多个连网的计算机中执行或实现，也可以在分布式计算环境中实践。在本说明书实施例中，在这些分布式计算环境中，可以由通过通信网络而被连接的远程处理设备来执行任务。

本领域技术人员应明白，本说明书的实施例可提供为方法、系统或计算机程序产品。因此，本领域技术人员可想到，上述实施例阐明的功能模块/单元或控制器以及相关方法步骤的实现，可以用软件、硬件和软/硬件结合的方式实现。

除非明确指出，根据本发明实施例记载的方法、程序的动作或步骤并不必须按照特定的顺序来执行并且仍然可以实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

在本文中，针对本发明的多个实施例进行了描述，但为简明起见，各实施例的描述并不是详尽的，各个实施例之间相同或相似的特征或部分可能会被省略。在本文中，“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”意指适用于根据本发明的至少一个实施例或示例中，而非所有实施例。上述术语并不必然意味着指代相同的实施例或示例。在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

已参考上述实施例具体示出并描述了本发明的示例性系统及方法，其仅为实施本系统及方法的最佳模式的示例。本领域的技术人员可以理解的是可以在实施本系统及/或方法时对这里描述的系统及方法的实施例做各种改变而不脱离界定在所附权利要求中的本发明的精神及范围。

Claims (12)

1.一种可视化开发方法，其特征在于，包括：

响应于用户在可视化配置平台上执行的触发操作，获取目标组件和配置信息；

根据所述配置信息，确定待开发页面的数据源和用于调用所述数据源的目标接口；

基于预设的静态模板、所述数据源、所述目标接口和所述目标组件，生成运行时模板；

根据所述运行时模板构建得到目标页面。

2.根据权利要求1所述的可视化开发方法，其特征在于，所述响应于用户在可视化配置平台上执行的触发操作，获取目标组件和配置信息，包括：

响应于用户在可视化配置平台上执行的触发操作，输出配置界面；

接收所述用户在所述配置界面上输入的组件初始化信息和配置信息；

对所述组件初始化信息进行发布，确定待开发页面使用的目标组件，所述目标组件包括标准组件和/或自定义组件。

3.根据权利要求2所述的可视化开发方法，其特征在于，在对所述组件初始化信息进行发布后，所述方法还包括：

获取所述目标组件的版本信息；

根据所述版本信息对所述目标组件对应的链接进行更新，得到并存储更新后的链接。

4.根据权利要求1所述的可视化开发方法，其特征在于，所述根据所述配置信息，确定待开发页面的数据源和用于调用所述数据源的目标接口，包括：

根据所述配置信息，确定数据源类型，所述数据源类型包括内置数据源、自定义数据源和远程数据源；

根据所述配置信息和所述数据源类型，确定待开发页面的数据源和用于调用所述数据源的目标接口。

5.根据权利要求4所述的可视化开发方法，其特征在于，当所述数据源类型为内置数据源时，所述根据所述配置信息和所述数据源类型，确定待开发页面的数据源和用于调用所述数据源的目标接口，包括：

根据所述配置信息，确定数据表字段和校验规则；

根据所述数据表字段和所述校验规则，创建数据表，并生成待开发页面的数据源，所述数据源为内置数据源；

根据所述内置数据源，确定用于调用所述内置数据源的目标接口。

6.根据权利要求4所述的可视化开发方法，其特征在于，当所述数据源类型为自定义数据源时，所述根据所述配置信息和所述数据源类型，确定待开发页面的数据源和用于调用所述数据源的目标接口，包括：

根据所述配置信息，确定已有数据库的数据表的表名和字段；

根据所述字段，确定与所述字段匹配的数据组件；

根据所述表名、字段和所述数据组件，生成待开发页面的数据源，所述数据源为自定义数据源；

根据所述自定义数据源，确定用于调用所述自定义数据源的目标接口。

7.根据权利要求4所述的可视化开发方法，其特征在于，当所述数据源类型为远程数据源时，所述根据所述配置信息和所述数据源类型，确定待开发页面的数据源和用于调用所述数据源的目标接口，包括：

根据所述配置信息，确定已有传输协议接口信息；

对所述传输协议接口信息进行调试，生成接口响应体结构；

根据所述响应体结构，确定数据表的字段；

根据所述字段，确定与所述字段匹配的数据组件；

根据所述字段和所述数据组件，生成待开发页面的数据源，所述数据源为远程数据源；

根据所述远程数据源，确定用于调用所述远程数据源的目标接口。

8.根据权利要求1所述的可视化开发方法，其特征在于，所述方法还包括：

获取用于控制权限的权限控制信息；

根据所述权限控制信息，确定所述目标页面的权限配置信息；

基于所述权限配置信息，对所述目标页面进行权限配置。

9.根据权利要求1所述的可视化开发方法，其特征在于，所述方法还包括：

获取并存储所述目标页面的页面版本信息。

10.根据权利要求9所述的可视化开发方法，其特征在于，所述方法还包括：

响应于接收到针对当前页面的回滚操作，获取待回滚页面版本信息；

根据所述待回滚页面版本信息，在存储空间中确定目标回滚页面；

将所述当前页面更新为所述目标回滚页面。

11.一种电子设备，其特征在于，包括：处理器和存储有计算机程序的存储器，所述处理器被配置为在运行计算机程序时实现权利要求1-10中任一所述的可视化开发方法。

12.一种存储介质，其上存储有计算机程序，其中，所述程序被处理器运行时实现如权利要求1-10中任一所述的可视化开发方法。

Images