快速搭建CRUD页面方法、装置、设备和存储介质

技术领域

本发明实施例涉及互联网技术领域，尤其涉及快速搭建CRUD页面方法、装置、设备和存储介质。

背景技术

随着互联网技术的发展，业务发展和变更需求越来越多，而且越来越频繁。为了满足业务需求，就需要对页面内容进行更新，或者需要开发新的软件。

在实际业务当中，通常需要前端设计人员根据软件产品的需求进行原型设计，比如，设计人员设计产品需求文档(Product Requirement Document，PRD)。进而，由开发人员根据PRD进一步实现各种功能，生成CRUD(Create、Read、Update、Delete，增加、读取、更新、删除)页面。在生成CRUD文档过程中，需要开发人员自己分析、阅读PRD文档，理解并设计相关组件。在开发过程中，还需要开发人员与设计人员需要频繁沟通，确认文档中各个内容的含义。有的时候，虽然开发改动内容很少，但是却需要开发人员与设计人员相互反复沟通，工作效率低，严重影响开发进度。

因此，需要能够实现快速搭建CRUD的技术方案。

发明内容

本发明实施例提供快速搭建CRUD页面方法、装置、设备和存储介质，用以提高开发人员搭建CRUD的工作效率的技术方案。

第一方面，本发明实施例提供一种快速搭建CRUD页面方法，该方法包括：

基于项目包含的功能组件生成可视化组件；

响应于拖拽操作，将任意所述可视化组件展示在CRUD画布；

基于所述CRUD画布中各所述可视化组件具有的功能进行参数配置，生成CRUD页面。

可选的，所述基于项目包含的功能组件生成可视化组件，包括：获取通用化的功能组件，和各项目的个性化的功能组件；基于所述通用化的功能组件和所述个性化的功能组件生成所述可视化组件。

可选的，所述响应于拖拽操作，将任意所述可视化组件展示在CRUD画布，包括：响应于拖拽操作，将任意所述可视化组件和对应的查询表格展示在所述CRUD画布，以便根据所述可视化组件具有的功能对所述查询表格进行设置。

可选的，根据所述可视化组件具有的功能对所述查询表格进行设置的方式，包括：根据所述查询表格对应的所述可视化组件具有的功能，设置表格头中内容字段，以及所述查询表格的表格样式、所述内容字段的字段样式。

可选的，将任意所述可视化组件展示在CRUD画布之后，还包括：响应于对所述CRUD画布的保存操作，将所述CRUD画布存储到数据库；基于所述数据库生成所述CRUD画布的存储链接，并将所述存储链接发送给开发人员，以便开发人员通过所述存储链接打开并基于所述CRUD画布进行开发。

可选的，所述基于所述CRUD画布中各所述可视化组件具有的功能进行参数配置，生成CRUD页面，包括：根据所述可视化组件具有的功能，对所述内容字段的字段名称、筛选参数进行参数配置；以及，对进行数据展示所需的数据源进行参数配置；响应于配置保存操作，保存配置结果并生成所述CRUD页面。

可选的，保存配置结果并生成所述CRUD页面之后，还包括：生成所述CRUD页面的测试链接；根据所述CRUD页面包含的至少一个所述可视化组件具有的功能，对所述CRUD页面进行测试。

第二方面，本发明实施例提供一种快速搭建CRUD页面装置，其特征在于，所述装置包括：

第一生成模块，用于基于项目包含的功能组件生成可视化组件；

展示模块，用于响应于拖拽操作，将任意所述可视化组件展示在CRUD画布；

第二生成模块，用于基于所述CRUD画布中各所述可视化组件具有的功能进行参数配置，生成CRUD页面。

第三方面，本发明实施例提供一种电子设备，包括处理器、存储器，所述存储器用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令被所述处理器执行时实现如第一方面所述的快速搭建CRUD页面方法。

第四方面，本发明实施例提供一种存储有计算机程序的计算机可读存储介质，当所述计算机程序被一个或多个处理器执行时，致使所述一个或多个处理器执行包括以下的动作：

基于项目包含的功能组件生成可视化组件；

响应于拖拽操作，将任意所述可视化组件展示在CRUD画布；

基于所述CRUD画布中各所述可视化组件具有的功能进行参数配置，生成CRUD页面。

在本发明实施例中，在进行应用或者页面功能开发的过程中，确定所需的功能组件，基于项目包含的功能组件生成可视化组件，将功能组件可视化方便设计人员和开发人员可以直观的看到设计内容。响应于拖拽操作，将任意所述可视化组件展示在CRUD画布；基于所述CRUD画布中各所述可视化组件具有的功能进行参数配置，生成CRUD页面。通过上述方案，设计人员直接在CRUD画布上进行功能设计，并将CRUD画布交给开发人员进行进一步功能开发，不再需要PRD文档。能够有效提高开发效率，减少设计人员与开发人员之间的沟通次数和沟通时间成本。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的一种快速搭建CRUD页面方法的流程示意图；

图2为本申请实施例举例说明的一种快速搭建CRUD页面过程示意图；

图3为本申请实施例提供的一种快速搭建CRUD页面装置的结构示意图；

图4为与图3所述实施例提供的一种快速搭建CRUD页面装置对应的电子设备的结构示意图。

具体实施方式

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

在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义，“多种”一般包含至少两种。

应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。

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

随着互联网技术普及，用户的需求也是复杂多变，为了满足用户多样化、多变的需求，通常会频繁进行功能更新。容易理解的是，在功能更新过程中，首先需要设计人员根据用户需求设计PRD文档。然后将文档交给开发人员进行开发工作，同时，设计人员与开发人员为了更好的理解设计方案，设计需求，需要设计人员与开发人员进行充分沟通，进而，由开发人员根据PRD进一步实现各种功能，生成CRUD(Create、Read、Update、Delete，增加、读取、更新、删除)页面。在生成CRUD文档过程中，需要开发人员自己分析、阅读PRD文档，理解并设计相关组件。在开发过程中，还需要开发人员与设计人员需要频繁沟通，确认文档中各个内容的含义、实现的功能效果等等。有的时候，虽然开发改动内容很少，但是却需要开发人员与设计人员相互反复沟通，工作效率低，严重影响开发进度。为此，需要一种能够实际提高设计、开发工作效率的技术方案。

图1为本申请实施例提供的一种快速搭建CRUD页面方法的流程示意图，应用于服务端(比如，云服务器或者服务器集群)，也可以应用于本地计算机，如图1所示，该方法包括以下步骤：

101：基于项目包含的功能组件生成可视化组件。

102：响应于拖拽操作，将任意所述可视化组件展示在CRUD画布。

103：基于所述CRUD画布中各所述可视化组件具有的功能进行参数配置，生成CRUD页面。

在了解到客户的实际项目需求之后，会对项目需求进行分析，明确本项目所需要的功能组件。接下来，创建空白画布，将项目所需的可视化组件拖拽到空白画布进行CRUD画布搭建。具体来说，根据项目实际需要的增加、删减、查询等功能，对可视化组件进行选择和布局。需要设计人员在进行布局的时候，兼顾开发人员的开发习惯进行布局，以便开发人员通过CRUD画布可以直观了解设计人员的设计目的，从而可以有效避免设计人员与开发人员的沟通。

采用设计人员直接创建CRUD画布的方式，将功能组件可视化方便设计人员和开发人员可以直观的看到设计内容，能够减少设计人员与开发人员沟通次数和沟通时间成本，同时，由于是采用可视化展示的方式，不需要PRD等文档，避免双方对文档中文字内容理解存在偏差。当然，实际应用中，为了便于设计人员与开发人员双方对项目理解和认识的统一，可以由设计人员同时将CRUD画布和PRD文档交付给开发人员。

在实际应用中，为了提升组件搭建效率，可以根据需求预先生成可视化组件。具体来说，所述基于项目包含的功能组件生成可视化组件，包括：获取通用化的功能组件，和各项目的个性化的功能组件；基于所述通用化的功能组件和所述个性化的功能组件生成所述可视化组件。为了便于管理，可以将这些可视化组件集中存储，并在画布中以列表的形式展示，设计人员可以直接从列表中拖拽出所需要的可视化组件。

这里所说的通用化的功能组件可以理解为多个项目可以共用的功能组件，比如，查询组件。当然，还可能存在一些个性化的功能组件，这类组件仅在部分项目中可以被应用到。因此，在进行功能组件可视化的过程中，不仅要考虑到通常情况，还要考虑到个性化的情况。

在本申请一个或者多个实施例中，所述响应于拖拽操作，将任意所述可视化组件展示在CRUD画布，包括：响应于拖拽操作，将任意所述可视化组件和对应的查询表格展示在所述CRUD画布，以便根据所述可视化组件具有的功能对所述查询表格进行设置。

在实际应用中，一个项目所包含的功能组件可能有很多个。此外，为了便于对可视化组件进行参数配置，还需要将预先设计好的查询表格拖拽到CRUD画布当中。一般来说，可以为多个可视化组件配置一个查询表格。通过查询表格，针对各个可视化组件分别进行参数配置。

这里所说的拖拽操作，通常是由设计人员进行拖拽。为了便于开发人员很好的理解项目设计需求，设计人员在拖拽完查询表格之后，还可以对查询表格进行相应设置。

具体来说，在本申请一个或者多个实施例中，根据所述可视化组件具有的功能对所述查询表格进行设置的方式，包括：根据所述查询表格对应的所述可视化组件具有的功能，设置表格头中内容字段，以及所述查询表格的表格样式、所述内容字段的字段样式。

例如，在设计人员将所需要的查询表格拖拽到画布当中之后，根据实际需求进行表格内容的设计。比如，上述项目为家政人员管理项目，这里所说的可视化功能组件可以是用手机号文本组件、创建时间日期组件。对应的表格内容可以是用户名称、用户手机号、用户地址、用户创建时间等等。对应的表格样式可以是表格大小、表格位置等等。内容字段的字段样式，比如可以是字号、字体颜色等等。

在本申请一个或者多个实施例中，将任意所述可视化组件展示在CRUD画布之后，还包括：响应于对所述CRUD画布的保存操作，将所述CRUD画布存储到数据库；基于所述数据库生成所述CRUD画布的存储链接，并将所述存储链接发送给开发人员，以便开发人员通过所述存储链接打开并基于所述CRUD画布进行开发。

在实际应用中，当完成对CRUD画布的搭建之后，可以点击画布创建界面的保存按钮，将CRUD画布保存到指定数据库。基于数据库的存储地址，生成CRUD画布的存储链接。进而，设计人员可以将存储链接直接发送给开发人员，开发人员可以在CRUD画布上直接进行后续的开发任务。通过上述实施例可知，不需要设计人员进行PRD文档的设计，设计人员直接创建CRUD画布，开发人员可以直接基于CRUD画布进行相关开发工作，能够简化开发流程。同时，由于CRUD画布中各功能组件为可视化组件，开发人员和设计人员都可以直观的看到可视化组件功能关系，容易了解开发需求。

在开发人员接收到存储链接之后，可以根据需要进行相关功能的开发，具体来说，所述基于所述CRUD画布中各所述可视化组件具有的功能进行参数配置，生成CRUD页面，包括：根据所述可视化组件具有的功能，对所述内容字段的字段名称、筛选参数进行参数配置；以及，对进行数据展示所需的数据源进行参数配置；响应于配置保存操作，保存配置结果并生成所述CRUD页面。

例如，开发人员对数据源进行配置，添加数据源：https://serce.test.com/userInfo……。添加对应的字段内容：用户名称userName，用户手机号userPhone，用户地址userAdress，创建时间createTime。筛选参数的参数配置比如，用户手机号userPhone，创建时间createTime。在完成上述配置之后，可以点击保存，生成CRUD画布。

在本申请一个或者多个实施例中，保存配置结果并生成所述CRUD页面之后，还包括：生成所述CRUD页面的测试链接；根据所述CRUD页面包含的至少一个所述可视化组件具有的功能，对所述CRUD页面进行测试。

测试人员可以项目所需功能对CRUD页面进行功能测试。还可以配置沙箱数据源比如，https://serce.sandbox.com/userInfo……，并点击生成沙箱链接，对项目产品(CRUD页面)进行沙箱测试并完成测试验收。测试人员在完成测试验收之后，还可以进一步进行上线验证，比如，对CRUD页面进行线上数据源配置，https://serce.online.com/userInfo……，并点击生成线上链接，完成上线并进行相关测试。

为了便于更好的对本申请技术方案的理解，下面结合附图对本申请技术方案进行举例说明。如图2为本申请实施例举例说明的一种快速搭建CRUD页面过程示意图。从图2中可以看到，首先创建可视化CRUD项目，并新建一个空白的画布，进而，设计人员拖拽可视化组件到画布中，这些可视化组件比如用户手机号文本组件、创建时间日期组件。同时，还需要设计人员拖拽查询表格到画布，并设置表格的字段内容、表格样式等等。然后设计人员点击保存，将CRUD画布保存到数据库中，生成对应的存储链接。进而，将该存储链接发送给开发人员，由开发人员进行进一步的开发工作。

基于上述实施例，将功能组件可视化方便设计人员和开发人员可以直观的看到设计内容。响应于拖拽操作，将任意所述可视化组件展示在CRUD画布；基于所述CRUD画布中各所述可视化组件具有的功能进行参数配置，生成CRUD页面。通过上述方案，设计人员直接在CRUD画布上进行功能设计，并将CRUD画布交给开发人员进行进一步功能开发，不再需要PRD文档。能够有效提高开发效率，减少设计人员与开发人员之间的沟通次数和沟通时间成本。

基于相同的思路，本申请实施例还提供一种快速搭建CRUD页面装置，该装置的执行主体可以是本地计算机或者云服务器。如图3为本申请实施例提供的一种快速搭建CRUD页面装置的结构示意图。从图3中可以看到所述装置包括：

第一生成模块31，用于基于项目包含的功能组件生成可视化组件；

展示模块32，用于响应于拖拽操作，将任意所述可视化组件展示在CRUD画布；

第二生成模块33，用于基于所述CRUD画布中各所述可视化组件具有的功能进行参数配置，生成CRUD页面。

可选地，第一生成模块31，用于获取通用化的功能组件，和各项目的个性化的功能组件；基于所述通用化的功能组件和所述个性化的功能组件生成所述可视化组件。

可选地，展示模块32，还用于响应于拖拽操作，将任意所述可视化组件和对应的查询表格展示在所述CRUD画布，以便根据所述可视化组件具有的功能对所述查询表格进行设置。

可选地，展示模块32，还用于根据所述查询表格对应的所述可视化组件具有的功能，设置表格头中内容字段，以及所述查询表格的表格样式、所述内容字段的字段样式。

可选地，展示模块32，还用于响应于对所述CRUD画布的保存操作，将所述CRUD画布存储到数据库；

基于所述数据库生成所述CRUD画布的存储链接，并将所述存储链接发送给开发人员，以便开发人员通过所述存储链接打开并基于所述CRUD画布进行开发。

可选地，第二生成模块33，还用于根据所述可视化组件具有的功能，对所述内容字段的字段名称、筛选参数进行参数配置；以及，对进行数据展示所需的数据源进行参数配置；响应于配置保存操作，保存配置结果并生成所述CRUD页面。

可选地，还包括测试模块34，用于生成所述CRUD页面的测试链接；根据所述CRUD页面包含的至少一个所述可视化组件具有的功能，对所述CRUD页面进行测试。

在一个可能的设计中，上述图3所示快速搭建CRUD页面装置的结构可实现为一电子设备，如图4所示为与图3所述实施例提供的另一种快速搭建CRUD页面装置对应的电子设备的结构示意图，该电子设备可以包括：处理器41、存储器42，所述存储器42用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令被所述处理器41执行时实现前述各实施例中服务端所执行的各步骤。

可选地，该电子设备中还可以包括通信接口43，用于与其他设备进行通信。

另外，本发明实施例提供了一种计算机存储介质，用于储存计算机程序，该计算机程序使客户端执行时实现上述图1所示实施例中的快速搭建CRUD页面方法。

基于上述实施例，将功能组件可视化方便设计人员和开发人员可以直观的看到设计内容。响应于拖拽操作，将任意所述可视化组件展示在CRUD画布；基于所述CRUD画布中各所述可视化组件具有的功能进行参数配置，生成CRUD页面。通过上述方案，设计人员直接在CRUD画布上进行功能设计，并将CRUD画布交给开发人员进行进一步功能开发，不再需要PRD文档。能够有效提高开发效率，减少设计人员与开发人员之间的沟通次数和沟通时间成本。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助加必需的通用硬件平台的方式来实现，当然也可以通过硬件和软件结合的方式来实现。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以计算机产品的形式体现出来，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

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

这些计算机程序指令也可存储在能引导计算机或其他可编程资源更新设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程资源更新设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

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

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

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。