CN113778413A - 页面开发方法、装置及存储介质 - Google Patents

Abstract

本发明涉及软件开发技术领域，公开了一种页面开发方法、装置及存储介质，所述页面开发方法包括响应用户的选取操作，在开发界面上添加所选取的页面组件；响应用户针对页面组件的编辑操作，配置页面组件的组件属性；解析配置组件属性后的页面组件，根据页面组件的组件类型生成开发页面。本发明提供的页面开发方法、装置及存储介质能够十分方便快捷的完成页面开发，减少页面开发时间，提升页面开发效率。

Description

页面开发方法、装置及存储介质

技术领域

本发明涉及软件开发技术领域，具体涉及一种页面开发方法、装置及存储介质。

背景技术

在传统的页面开发过程中，需要手动编辑页面代码，引入各种页面组件(如文本框、下拉选框、单选按钮、复选框、文本域以及上传组件等)展示页面的样式效果，并且需要给每一个组件写交互效果代码。

由于开发的页面包含大量的代码，采用这样方式进行页面开发，需要耗费大量的时间，导致页面开发效率较低。

因此，如何提供一种有效的方案，以便于页面的快速开发，已成为现有技术中一亟待解决的难题。

发明内容

为了解决现有技术中存在的页面开发效率较低的问题，本发明的目的在于提供一种页面开发方法、装置及存储介质，以便于页面的快速开发，缩短页面开发时间。

第一方面，本发明提供了一种页面开发方法，包括：

响应用户的选取操作，在开发界面上添加所选取的页面组件；

响应用户针对所述页面组件的编辑操作，配置所述页面组件的组件属性；

解析配置组件属性后的所述页面组件，根据所述页面组件的组件类型生成开发页面。

在一个可能的设计中，在配置所述页面组件的组件属性之后，所述方法还包括：

将配置组件属性后的所述页面组件的数据格式保存为JSON格式；

所述解析配置组件属性后的所述页面组件，包括：

通过node.js解析JSON格式的所述页面组件。

在一个可能的设计中，所述组件类型为文本框、下拉选择、单选按钮、复选框、文本域、上传组件或多选框。

在一个可能的设计中，所述页面组件的组件属性包括长度限制、验证限制以及与服务端交互接口。

在一个可能的设计中，所述根据所述页面组件的组件类型生成开发页面，包括：

根据所述页面组件的组件类型生成开发页面和所述开发页面的逻辑代码。

第二方面，本发明提供了一种页面开发装置，包括：

添加单元，用于响应用户的选取操作，在开发界面上添加所选取的页面组件；

配置单元，用于响应用户针对所述页面组件的编辑操作，配置所述页面组件的组件属性；

生成单元，用于解析配置组件属性后的所述页面组件，根据所述页面组件的组件类型生成开发页面。

在一个可能的设计中，页面开发装置还包括：

保存单元，用于在配置所述页面组件的组件属性之后，将配置组件属性后的所述页面组件的数据格式保存为JSON格式；

所述生成单元在用于解析配置组件属性后的所述页面组件时，具体用于：

通过node.js解析JSON格式的所述页面组件。

在一个可能的设计中，所述组件类型为文本框、下拉选择、单选按钮、复选框、文本域、上传组件或多选框。

在一个可能的设计中，所述页面组件的组件属性包括长度限制、验证限制以及与服务端交互接口。

在一个可能的设计中，生成单元在根据所述页面组件的组件类型生成开发页面时，具体用于：

根据所述页面组件的组件类型生成开发页面和所述开发页面的逻辑代码。

第三方面，本发明提供了一种页面开发装置，包括依次通信相连的存储器、处理器和收发器，其中，所述存储器用于存储计算机程序，所述收发器用于收发消息，所述处理器用于读取所述计算机程序，执行如上述任意一项所述的页面开发方法。

第四方面，本发明提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有指令，当所述指令在计算机上运行时，执行第一方面所述的页面开发方法。

第五方面，本发明提供了一种包含指令的计算机程序产品，当所述指令在计算机上运行时，使所述计算机执行如第一方面所述的页面开发方法。

本发明一个或多个实施例采用的上述至少一个技术方案能够达到以下有益效果：

由于能够响应用户的选取操作在开发界面上添加所选取的页面组件,并根据用户针对页面组件的编辑操作配置所选取的页面组件的组件属性，然后解析配置组件属性后的页面组件根据页面组件的组件类型生成开发页面。如此，在页面开发过程中无需写入大量的代码，能够十分方便快捷的完成页面开发，减少页面开发时间，提升页面开发效率。

附图说明

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

图1是本发明提供的页面开发方法的流程图。

图2是本发明提供的页面开发装置的结构示意图。

图3是本发明提供的另一页面开发装置的结构示意图。

具体实施方式

下面结合附图及具体实施例来对本发明作进一步阐述。在此需要说明的是，对于这些实施例方式的说明虽然是用于帮助理解本发明，但并不构成对本发明的限定。本文公开的特定结构和功能细节仅用于描述本发明的示例实施例。然而，可用很多备选的形式来体现本发明，并且不应当理解为本发明限制在本文阐述的实施例中。

应当理解，在下面的描述中提供了特定的细节,以便于对示例实施例的完全理解。然而,本领域普通技术人员应当理解可以在没有这些特定细节的情况下实现示例实施例。例如可以在框图中示出***，以避免用不必要的细节来使得示例不清楚。在其他实例中，可以不以不必要的细节来示出众所周知的过程、结构和技术，以避免使得示例实施例不清。

实施例

为了解决现有技术中存在的页面开发效率较低的问题，本申请实施例提供了一种页面开发方法、装置及存储介质，该页面开发方法、装置及存储介质能够在页面开发过程中无需写入大量的代码，能够十分方便快捷的完成页面开发，减少页面开发时间，提升页面开发效率。

本申请实施例提供的页面开发方法可以应用于用户终端，所述用户终端可以是，但不限于个人电脑(personal computer，PC)、智能手机、平板电脑、个人数字助理(personal digital assistant，PDA)等。

下面将对本申请实施例提供的页面开发方进行详细说明。

为便于描述，除特别说明外，本申请实施例均以用户终端为执行主体进行说明。

可以理解，所述执行主体并不构成对本申请实施例的限定。

第一方面，本申请实施例提供了一种页面开发方法。如图1所示，是本申请一个实施例提供的页面开发方法的流程图，所述页面开发方法可以包括如下的步骤：

步骤S101，响应用户的选取操作，在开发界面上添加所选取的页面组件。

本申请实施例中，在进行页面开发之前，可在用户终端安装用于页面开发的应用程序，并在应用程序界面上预先开发有各种页面组件，所述页面组件可以包括，但不限于消息框组件、文本框组件、下拉框组件、多选框组件、列表组件、导航组件、单选框组件以及标签页组件等。

在进行页面开发时，用户可对需要开发的页面组件进行选取操作，此时用户终端响应用户的选取操作，并在开发界面上添加所选取的页面组件。

例如，用户可在开发页面时，选取文本框组件和导航组件，此时可根据用户的选取操作在开发界面上添加文本框组件和导航组件。

进一步的，本申请实施例中，在开发界面上添加所选取的页面组件后，还可根据用户的操作调整所选取页面组件在开发界面上的位置，以便调整页面组件的布局，从而可根据用户的需要开发不同布局风格的页面，以满足不同用户的个性化需求。

步骤S102，响应用户针对页面组件的编辑操作，配置页面组件的组件属性。

本申请实施例中，页面组件的组件属性可以包括，但不限于长度限制、验证限制以及与服务端交互的属性，与服务端交互的属性可以是服务端交互的接口或字段等。

在开发界面上添加所选取的页面组件后，用户可对添加的页面组件的组件属性进行编辑，如编辑页面组件的长度限制、验证限制以及与服务端交互的接口和字段等，此时可响应用户针对页面组件的编辑操作，配置页面组件的组件属性。

步骤S103，解析配置组件属性后的页面组件，根据页面组件的组件类型生成开发页面。

其中，页面组件的组件类型包括，但不限于文本框、下拉选择、单选按钮、复选框、文本域、上传组件或多选框，本申请实施例中不做具体限定。

进一步的，本申请实施例中，在生成开发页面的同时，还可以根据页面组件的组件类型生成开发页面的逻辑代码，并可将生成的逻辑代码作为源文件使用。在后续开发相同页面时，可直接使用该生成的逻辑代码作为所要开发页面的源文件。

综上所述，本申请实施例提供的页面开发方法，通过响应用户的选取操作在开发界面上添加所选取的页面组件,并根据用户针对页面组件的编辑操作配置所选取的页面组件的组件属性，然后解析配置组件属性后的页面组件，根据页面组件的组件类型生成开发页面。如此，在页面开发过程中无需写入大量的代码，能够十分方便快捷的完成页面开发，减少页面开发时间，提升页面开发效率。同时，开发的页面能保持统一的风格，避免由于不同开发人员的习惯不一样，导致由不同人员开发出的页面风格不一致而使得页面呈现的视觉效果较差的问题。另外，在生成开发页面的同时，还可以根据页面组件的组件类型生成开发页面的逻辑代码，并可将生成的逻辑代码作为源文件使用，在后续开发相同页面时，可直接使用该生成的逻辑代码作为所要开发页面的源文件，减少了后续开发的工作量，进一步提升页面开发效率。

本申请实施例还提供了另一种页面开发方法，所述页面开发方法可以包括如下的步骤：

步骤S201，响应用户的选取操作，在开发界面上添加所选取的页面组件。

在进行页面开发时，用户可对需要的页面组件进行选取操作，此时用户终端响应用户的选取操作，并在开发界面上添加所选取的页面组件。

步骤S202，响应用户针对所述页面组件的编辑操作，配置所述页面组件的组件属性。

所述页面组件的组件属性可以包括，但不限于长度限制、验证限制以及与服务端交互的属性，与服务端交互的属性可以是服务端交互的接口、字段等，本申请实施例中不做具体限定。

步骤S203，将配置组件属性后的页面组件的数据格式保存为JSON格式。

步骤S204，解析配置组件属性后的页面组件，根据页面组件的组件类型生成开发页面。

具体的，在解析配置组件属性后的所述页面组件时，可通过node.js(node.js是一个基于Chrome V8引擎的JavaScript运行环境)解析配置组件属性后且格式为JSON格式的页面组件。

综上所述，本申请实施例提供的页面开发方法，通过响应用户的选取操作在开发界面上添加所选取的页面组件,并根据用户针对页面组件的编辑操作配置所选取的页面组件的组件属性，然后解析配置组件属性后的页面组件，根据页面组件的组件类型生成开发页面。如此，在页面开发过程中无需写入大量的代码，能够十分方便快捷的完成页面开发，减少页面开发时间，提升页面开发效率。同时，开发的页面能保持统一的风格，避免由于不同开发人员的习惯不一样，导致由不同人员开发出的页面风格不一致而使得页面呈现的视觉效果较差的问题。

第二方面，本申请实施例提供了一种页面开发装置，请参阅图2，所述页面开发装置包括：

添加单元，用于响应用户的选取操作，在开发界面上添加所选取的页面组件；

配置单元，用于响应用户针对所述页面组件的编辑操作，配置所述页面组件的组件属性；

生成单元，用于解析配置组件属性后的所述页面组件，根据所述页面组件的组件类型生成开发页面。

在一个可能的设计中，页面开发装置还包括：

保存单元，用于在配置所述页面组件的组件属性之后，将配置组件属性后的所述页面组件的数据格式保存为JSON格式；

所述生成单元在用于解析配置组件属性后的所述页面组件时，具体用于：

通过node.js解析JSON格式的所述页面组件。

在一个可能的设计中，所述组件类型为文本框、下拉选择、单选按钮、复选框、文本域、上传组件或多选框。

在一个可能的设计中，所述页面组件的组件属性包括长度限制、验证限制以及与服务端交互接口。

在一个可能的设计中，生成单元在根据所述页面组件的组件类型生成开发页面时，具体用于：

根据所述页面组件的组件类型生成开发页面和所述开发页面的逻辑代码。

综上所述，本申请实施例提供的页面开发装置，可响应用户的选取操作在开发界面上添加所选取的页面组件,并根据用户针对页面组件的编辑操作配置所选取的页面组件的组件属性，然后解析配置组件属性后的页面组件，根据页面组件的组件类型生成开发页面。如此，在页面开发过程中无需写入大量的代码，能够十分方便快捷的完成页面开发，减少页面开发时间，提升页面开发效率。同时，开发的页面能保持统一的风格，避免由于不同开发人员的习惯不一样，导致由不同人员开发出的页面风格不一致而导致页面呈现的视觉效果差的问题。

如图3所示，本申请实施例第三方面提供了一种页面开发装置，包括依次通信相连的存储器、处理器和收发器，其中，所述存储器用于存储计算机程序，所述收发器用于收发消息，所述处理器用于读取所述计算机程序，执行如实施例第一方面所述的页面开发方法。

具体举例的，所述存储器可以但不限于包括随机存取存储器(RAM)、只读存储器(ROM)、闪存(Flash Memory)、先进先出存储器(FIFO)和/或先进后出存储器(FILO)等等；所述处理器可以不限于采用型号为STM32F105系列的微处理器、ARM(Advanced RISCMachines)、X86等架构处理器或集成NPU(neural-network processing units)的处理器；所述收发器可以但不限于为WiFi(无线保真)无线收发器、蓝牙无线收发器、通用分组无线服务技术(General Packet Radio Service，GPRS)无线收发器、紫蜂协议(基于IEEE802.15.4标准的低功耗局域网协议，ZigBee)无线收发器、3G收发器、4G收发器和/或5G收发器等。

本实施例第三方面提供的装置的工作过程、工作细节和技术效果，可以参见实施例第一方面，于此不再赘述。

本实施例第四方面提供了一种存储包含有实施例第一方面所述的页面开发方法的指令的计算机可读存储介质，即所述计算机可读存储介质上存储有指令，当所述指令在计算机上运行时，执行如第一方面所述的页面开发方法。其中，所述计算机可读存储介质是指存储数据的载体，可以但不限于包括软盘、光盘、硬盘、闪存、优盘和/或记忆棒(MemoryStick)等，所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。

本实施例第四方面提供的计算机可读存储介质的工作过程、工作细节和技术效果，可以参见实施例第一方面，于此不再赘述。

本实施例第五方面提供了一种包含指令的计算机程序产品，当所述指令在计算机上运行时，使所述计算机执行如实施例第一方面所述的页面开发方法，其中，所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。

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

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台仓库代码的合并装置执行各个实施例或者实施例的某些部分所述的方法。

本发明不局限于上述可选实施方式，任何人在本发明的启示下都可得出其他各种形式的产品，但不论在其形状或结构上作任何变化，凡是落入本发明权利要求界定范围内的技术方案，均落在本发明的保护范围之内。

Claims (10)

1.一种页面开发方法，其特征在于，包括：

响应用户的选取操作，在开发界面上添加所选取的页面组件；

响应用户针对所述页面组件的编辑操作，配置所述页面组件的组件属性；

解析配置组件属性后的所述页面组件，根据所述页面组件的组件类型生成开发页面。

2.如权利要求1所述的方法，其特征在于，在配置所述页面组件的组件属性之后，所述方法还包括：

将配置组件属性后的所述页面组件的数据格式保存为JSON格式；

所述解析配置组件属性后的所述页面组件，包括：

通过node.js解析JSON格式的所述页面组件。

3.如权利要求1所述的方法，其特征在于，所述组件类型为文本框、下拉选择、单选按钮、复选框、文本域、上传组件或多选框。

4.如权利要求1所述的方法，其特征在于，所述页面组件的组件属性包括长度限制、验证限制以及与服务端交互接口。

5.如权利要求1所述的方法，其特征在于，所述根据所述页面组件的组件类型生成开发页面，包括：

根据所述页面组件的组件类型生成开发页面和所述开发页面的逻辑代码。

6.一种页面开发装置，其特征在于，包括：

添加单元，用于响应用户的选取操作，在开发界面上添加所选取的页面组件；

配置单元，用于响应用户针对所述页面组件的编辑操作，配置所述页面组件的组件属性；

生成单元，用于解析配置组件属性后的所述页面组件，根据所述页面组件的组件类型生成开发页面。

7.如权利要求6所述的页面开发装置，其特征在于，还包括：

保存单元，用于在配置所述页面组件的组件属性之后，将配置组件属性后的所述页面组件的数据格式保存为JSON格式；

所述生成单元在用于解析配置组件属性后的所述页面组件时，具体用于：

通过node.js解析JSON格式的所述页面组件。

8.如权利要求6所述的页面开发装置，其特征在于，所述组件类型为文本框、下拉选择、单选按钮、复选框、文本域、上传组件或多选框。

9.一种页面开发装置，其特征在于：包括依次通信相连的存储器、处理器和收发器，其中，所述存储器用于存储计算机程序，所述收发器用于收发消息，所述处理器用于读取所述计算机程序，执行如权利要求1～5任意一项所述的页面开发方法。

10.一种计算机可读存储介质，其特征在于：所述计算机可读存储介质上存储有指令，当所述指令在计算机上运行时，执行如权利要求1～5任意一项所述的页面开发方法。

Images