页面显示方法、装置、设备

技术领域

本发明涉及互联网技术领域，尤其涉及一种页面显示方法、装置、设备。

背景技术

随着互联网技术的发展，网络实现的功能越来越强大，对网络的需求也越来越多样，比如，随着商家订单量的提升，这些订单数据会存储在数据库中，对这些数据进行处理会变得很麻烦。

为满足相关工作人员的便利管理、维护数据的需求，需要在前端界面上能够生成包括某表格数据的页面并对数据进行操作。如何方便地完成这种页面的生成，是亟待解决的问题。

发明内容

本发明实施例提供一种页面显示方法、装置、设备和存储介质，可以对数据库中的表格数据进行显示和操作。

第一方面，本发明实施例提供一种页面显示方法，该方法包括：

在json文件中生成页面配置信息，所述页面配置信息包括以下至少一项：表格数据的多个属性名称、所述表格数据对应的请求地址和所述表格数据对应的操作配置信息；

根据所述请求地址和所述多个属性名称，从所述表格数据中获取与所述多个属性名称对应的目标表格数据；

在目标页面中显示所述目标表格数据以及与所述操作配置信息对应的操作控件；

基于对所述操作控件的操作，更新所述目标表格数据。

第二方面，本发明实施例提供一种页面显示装置，该装置包括：

生成模块，用于在json文件中生成页面配置信息，所述页面配置信息包括以下至少一项：表格数据的多个属性名称、所述表格数据对应的请求地址和所述表格数据对应的操作配置信息；

获取模块，用于根据所述请求地址和所述多个属性名称，从所述表格数据中获取与所述多个属性名称对应的目标表格数据；

显示模块，用于在目标页面中显示所述目标表格数据以及与所述操作配置信息对应的操作控件；

更新模块，用于基于对所述操作控件的操作，更新所述目标表格数据。

第三方面，本发明实施例提供一种电子设备，包括：存储器、处理器、通信接口、显示屏；其中，存储器上存储有可执行代码，当所述可执行代码被处理器执行时，使处理器至少可以实现如第一方面所述的页面显示方法。

第四方面，本发明实施例提供了一种非暂时性机器可读存储介质，非暂时性机器可读存储介质上存储有可执行代码，当所述可执行代码被电子设备的处理器执行时，使处理器至少可以实现如第一方面所述的页面显示方法。

在本发明实施例中，通过在json文件中生成页面配置信息，该页面配置信息包括以下至少一项：表格数据的多个属性名称、所述表格数据对应的请求地址和所述表格数据对应的操作配置信息，根据请求地址和多个属性名称，从表格数据中获取与多个属性名称对应的目标表格数据，根据json文件生成相应的目标页面，在目标页面显示多个属性名称、与其对应的目标表格数据以及与操作配置信息对应的操作控件，以便根据用户针对该操作控件的操作，更新该目标表格数据，进一步在目标页面显示该更新后的目标表格数据。

附图说明

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

图1为本发明实施例提供的一种页面显示方法的流程图；

图2为本发明实施例提供的一种页面显示方法的流程图；

图3为本发明实施例提供的一种页面显示方法的场景示意图；

图4为本发明实施例提供的一种页面显示装置的结构示意图；

图5为与图4所示实施例提供的页面显示装置对应的电子设备的结构示意图。

具体实施方式

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

在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式。

取决于语境，如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。

另外，下述各方法实施例中的步骤时序仅为一种举例，而非严格限定。

下面结合以下一些实施例，介绍本文提供的页面显示方法的执行过程。

图1为本发明实施例提供的一种页面显示方法的流程图，如图1所示，该页面显示方法可以包括如下步骤：

101、在json文件中生成页面配置信息。

json(JavaScript Object Notation,JS对象简谱)是一种轻量级的数据交换格式。

上述页面配置信息包括以下至少一项：表格数据的多个属性名称、表格数据对应的请求地址和表格数据对应的操作配置信息。

102、根据请求地址和多个属性名称，从表格数据中获取与多个属性名称对应的目标表格数据。

在一个实施例中，根据请求地址，获取请求地址对应的表格数据的全部属性名称，进一步的，在本地从表格数据中获取多个属性名称对应的目标表格数据。

在另一个实施例中，在请求表格数据的过程中，携带有多个属性名称，进而可以在表格数据中直接获取多个属性名称对应的目标表格数据。

可选的，上述在json文件中生成页面配置信息，包括：

根据表格数据对应的请求地址，获取表格数据对应的全部属性名称；

确定从全部属性名称中选择的多个属性名称；

接收在操作配置界面中输入的操作配置信息，操作配置信息中包括至少一个属性名称以及至少一个属性名称各自对应的操作控件；

生成包括操作配置信息、表格数据对应的请求地址和多个属性名称的json文件。

其中，接收在操作配置界面中输入的操作配置信息，包括：

在操作配置界面中显示多个属性名称；

响应于基于当前需要配置的操作功能对多个属性名称的选择操作，确定被选择的至少一个属性名称；

根据至少一个属性名称各自对应的数据类型，从预设的控件库中确定至少一个属性名称各自对应的操作控件；

根据对至少一个属性名称各自对应的操作控件的选定操作，确定与当前需要配置的操作功能对应的至少一个属性名称和至少一个属性名称各自对应的操作控件。

103、在目标页面中显示目标表格数据以及与操作配置信息对应的操作控件。

一般情况下，在服务器中会存储有已配置的多个json文件，每个json文件对应于一种类型的表格数据，每个json文件都配置有一个可以访问的链接，响应于输入的访问链接，调用相应的json文件，从而在目标页面上显示对应的表格数据以及用于操作表格数据的操作控件。

根据json文件的页面配置信息，显示目标页面，并且在目标页面显示上述获取的目标表格数据，进一步的，根据页面配置信息中的操作配置信息，在目标页面显示对应的操作控件。

104、基于对操作控件的操作，更新目标表格数据。

可选的，上述基于对操作控件的操作，更新目标表格数据，包括：

根据请求地址向存储有表格数据的服务器发送与操作对应的操作指令；

接收服务器反馈的操作结果数据，操作结果数据对应于多个属性名称；

在目标页面中显示操作结果数据。

具体的，上述操作指令中包括针对至少一个属性名称的操作以及该操作指令可以携带该至少一个属性名称，以便使得服务器根据接收的操作指令反馈操作后的目标表格数据。

本发明实施例中，通过在json文件中生成页面配置信息，该页面配置信息包括以下至少一项：表格数据的多个属性名称、所述表格数据对应的请求地址和所述表格数据对应的操作配置信息，根据请求地址和多个属性名称，从表格数据中获取与多个属性名称对应的目标表格数据，根据json文件生成相应的目标页面，在目标页面显示多个属性名称、与其对应的目标表格数据以及与操作配置信息对应的操作控件，以便根据用户针对该操作控件的操作，更新该目标表格数据，进一步在目标页面显示该更新后的目标表格数据。

为了详细描述针对目标表格数据进行更新的过程，图2为本发明实施例提供的一种页面显示方法的流程图，如图2所示，该页面显示方法可以包括如下步骤：

201、在目标页面中显示至少一个属性名称以及至少一个属性名称各自对应的查询控件。

其中，操作配置信息中包括与查询功能对应的第一操作配置信息，第一操作配置信息中包括至少一个属性名称以及至少一个属性名称各自对应的查询控件，进一步的，还包括与至少一个属性名称对应的编辑控件。

具体的，响应于用户在编辑控件输入的属性数据，以及在查询控件检测到触发操作，从目标表格数据中获取符合该属性数据的表格数据，并在目标界面进行显示，以供用户对属性数据对应的表格数据进行查看。

202、在目标页面中显示操作入口控件。

203、响应于对操作入口控件的触发，在目标页面中显示至少一个属性名称以及至少一个属性名称各自对应的编辑控件，以通过编辑控件输入对应的属性数据。

其中，操作配置信息中包括与预设数据操作功能对应的第二操作配置信息；第二操作配置信息中包括操作入口控件、至少一个属性名称以及至少一个属性名称各自对应的编辑控件，预设数据操作功能包括如下任一种：数据新建功能、数据删除功能、数据修改功能。

以数据新建功能为例，介绍该目标页面的显示过程，如图3所示，目标页面显示有表格的三个属性名称，分别为:模板ID、模板名称和使用状态。并在目标页面显示两条目标表格数据，分别为：100、语音模板、正在使用以及101、数字模板、未使用。现在有一种需求，需要增加另一条表格数据：102、图像模板、正在使用。响应于用户针对数据新建控件的触发操作，在目标页面显示三个属性名称，以及各自对应的编辑控件，响应于在编辑控件的输入操作，识别输入的属性数据，即上述表格数据：102、图像模板、正在使用，进一步的，在确定按钮检测到触发操作，生成对应的表格数据，并在目标页面进行显示。

可选的，在接收到针对操作入口控件的触发操作，显示另一个编辑页面，该编辑页面显示有多个属性名称以及各自对对应的编辑控件，以便根据用户在编辑控件输入的属性数据以及上述操作入口控件对应的功能完成对目标表格数据的操作。

在本发明实施例中，通过在json文件中配置第一操作配置信息和第二操作配置信息，在目标页面显示至少一个属性名称、至少一个属性名称各自对应的查询控件以及操作入口控件，通过对相应控件的触发操作，显示相应的编辑页面，以根据用户输入的属性数据以及相应控件所对应的功能，对目标表格数据进行相应的操作，并最终将更新后的目标表格数据在目标页面进行显示。

图4为本发明实施例提供的一种页面显示装置的结构示意图，如图3所示，该装置包括：生成模块11、获取模块12、显示模块13和更新模块14。

生成模块11，用于在json文件中生成页面配置信息，所述页面配置信息包括以下至少一项：表格数据的多个属性名称、所述表格数据对应的请求地址和所述表格数据对应的操作配置信息。

获取模块12，用于根据所述请求地址和所述多个属性名称，从所述表格数据中获取与所述多个属性名称对应的目标表格数据。

显示模块13，用于在目标页面中显示所述目标表格数据以及与所述操作配置信息对应的操作控件。

更新模块14，用于基于对所述操作控件的操作，更新所述目标表格数据。

可选地，所述更新模块14，具体用于：

根据所述请求地址向存储有所述表格数据的服务器发送与所述操作对应的操作指令；

接收所述服务器反馈的操作结果数据，所述操作结果数据对应于所述多个属性名称；

在所述目标页面中显示所述操作结果数据。

可选地，所述生成模块11，具体用于：

根据所述表格数据对应的请求地址，获取所述表格数据对应的全部属性名称；

确定从所述全部属性名称中选择的所述多个属性名称；

接收在操作配置界面中输入的操作配置信息，所述操作配置信息中包括至少一个属性名称以及所述至少一个属性名称各自对应的操作控件；

生成包括所述操作配置信息、所述表格数据对应的请求地址和所述多个属性名称的json文件。

可选地，所述生成模块11，还具体用于：

在所述操作配置界面中显示所述多个属性名称；

响应于基于当前需要配置的操作功能对所述多个属性名称的选择操作，确定被选择的所述至少一个属性名称；

根据所述至少一个属性名称各自对应的数据类型，从预设的控件库中确定所述至少一个属性名称各自对应的操作控件；

根据对所述至少一个属性名称各自对应的操作控件的选定操作，确定与所述当前需要配置的操作功能对应的至少一个属性名称和所述至少一个属性名称各自对应的操作控件。

可选地，所述操作配置信息中包括与预设数据操作功能对应的第二操作配置信息；

所述第二操作配置信息中包括操作入口控件、至少一个属性名称以及所述至少一个属性名称各自对应的编辑控件；

在目标页面中显示与所述操作配置信息对应的操作控件，包括：

在所述目标页面中显示所述操作入口控件；

响应于对所述操作入口控件的触发，在所述目标页面中显示所述至少一个属性名称以及所述至少一个属性名称各自对应的编辑控件，以通过所述编辑控件输入对应的属性数据。

可选地，所述预设数据操作功能包括如下任一种：数据新建功能、数据删除功能、数据修改功能。

图4所示装置可以执行前述图1至图3所示实施例中提供的页面显示方法，详细的执行过程和技术效果参见前述实施例中的描述，在此不再赘述。

在一个可能的设计中，上述图4所示页面显示装置的结构可实现为一电子设备，该电子设备比如为集成有页面显示服务的电子设备。如图5所示，该电子设备可以包括：处理器21、存储器22、通信接口23、显示屏24。其中，存储器22上存储有可执行代码，当所述可执行代码被处理器21执行时，使处理器21至少可以实现如前述图1至图3所示实施例中提供的页面显示方法。

另外，本发明实施例提供了一种非暂时性机器可读存储介质，所述非暂时性机器可读存储介质上存储有可执行代码，当所述可执行代码被电子设备的处理器执行时，使所述处理器至少可以实现如前述图1至图3所示实施例中提供的页面显示方法。

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

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

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