CN116400920A - 一种动态页面的设计方法及装置、电子设备、存储介质 - Google Patents

Abstract

本申请公开了一种动态页面的设计方法及装置、电子设备、存储介质，所述方法包括：响应用户对元素选择区域的各个元素的拖拽操作，将各个元素拖拽至设计页面的各个指定位置；响应用户在属性编辑区域对各个元素的配置操作，对各个指定位置的各个元素的属性进行配置，得到目标设计页面；发布目标设计页面，并将目标设计页面以指定格式进行保存。从而不再预先设计好待填报的页面，而是给用户提供一个可以自行设计页面的功能，进而便可以满足不同地区对于页面的编辑要求，同时还可以有效地减少开发人员的工作量。

Description

一种动态页面的设计方法及装置、电子设备、存储介质

技术领域

本申请涉及计算机应用技术领域，尤其涉及一种动态页面的设计方法及装置、电子设备、存储介质。

背景技术

在农业补贴申请中，用户们大多数均在页面的帮助下完成线上业务的填报申请，但是全国不同地区填报的补贴申请信息不一定完全一致，若是不同地区均采用同款页面进行业务填报，则容易导致业务信息填写失败，进而影响用户完成补贴的申请，因此就需要满足不同地区对于页面的编辑要求。

在现有的技术中，通常软件系统开发者会预先根据不同地区的补贴申请信息的实际需求设计出对应的编辑页面以及后端数据处理功能，以供用户在该页面上进行业务申请。

但是，由于不同地区的补贴申请信息只是存在细微的差别，若是开发人员对于细微差别的业务填报信息也进行需求挖掘并设计出对应的编辑页面，那么便会引发开发人员需求挖掘以及开发所需的工作量太大的问题。

发明内容

基于上述现有技术的不足，本申请提供了一种动态页面的设计方法及装置、电子设备、存储介质，以解决现有技术给开发人员带来工作量太大的问题。

为了实现上述目的，本申请提供了以下技术方案：

本申请第一方面提供了一种动态页面的设计方法，包括：

响应用户对元素选择区域的各个元素的拖拽操作，将各个所述元素拖拽至设计页面的各个指定位置；

响应所述用户在属性编辑区域对各个所述元素的配置操作，对各个所述指定位置的各个所述元素的属性进行配置，得到目标设计页面；

发布所述目标设计页面，并将所述目标设计页面以指定格式进行保存。

可选地，在上述的动态页面的设计方法中，所述响应用户对元素选择区域的各个元素的拖拽操作，将各个所述元素拖拽至设计页面的各个指定位置之前，还包括：

接收用户发起的设计页面的处理请求；其中，所述设计页面指代所述用户请求为补贴信息设计的页面；所述设计页面至少包括元素选择区域、农业补贴设计区域以及属性编辑区域；

创建所述设计页面，并向所述用户展示所述设计页面。

可选地，在上述的动态页面的设计方法中，所述发布所述目标设计页面，并将所述目标设计页面以目标格式进行保存之后，还包括：

当接收到补贴申请请求时，将所述指定格式的目标设计页面转化为目标格式的目标设计页面；

展示所述目标格式的目标设计页面；

根据目标用户在所述目标格式的目标设计页面键入的补贴信息，将信息设计页面以所述指定格式进行保存，并向前端发送所述补贴信息的审核信息；其中，所述信息设计页面指代含有所述补贴信息的所述目标格式的设计页面。

可选地，在上述的动态页面的设计方法中，所述根据目标用户在所述目标格式的目标设计页面键入的补贴信息，将信息设计页面以所述指定格式进行保存，并向前端发送所述补贴信息的审核信息之后，还包括：

当接收到审核请求时，利用解析工具将所述指定格式的信息设计页面解析成所述信息设计页面；

对所述信息设计页面中的所述补贴信息进行内容审查，得到审查结果；

根据所述审查结果，向所述目标用户反馈补贴申请结果的信息。

可选地，在上述的动态页面的设计方法中，所述根据审查结果，向所述目标用户反馈补贴申请结果的信息，包括：

当所述审查结果指示所述信息设计页面中的所述补贴信息通过内容审查时，向所述目标用户反馈补贴申请成功的信息；

当所述审查结果指示所述信息设计页面中的所述补贴信息未通过内容审查时，向所述目标用户反馈补贴申请失败的信息。

本申请第二方面提供了一种动态页面的设计装置，包括：

拖拽单元，用于响应用户对元素选择区域的各个元素的拖拽操作，将各个所述元素拖拽至设计页面的各个指定位置；

配置单元，用于响应所述用户在属性编辑区域对各个所述元素的配置操作，对各个所述指定位置的各个所述元素的属性进行配置，得到目标设计页面；

发布单元，用于发布所述目标设计页面，并将所述目标设计页面以指定格式进行保存。

可选地，在上述的动态页面的设计装置中，还包括：

接收单元，用于接收用户发起的设计页面的处理请求；其中，所述设计页面指代所述用户请求为补贴信息设计的页面；所述设计页面至少包括元素选择区域、农业补贴设计区域以及属性编辑区域；

创建单元，用于创建所述设计页面，并向所述用户展示所述设计页面。

可选地，在上述的动态页面的设计装置中，还包括：

转化单元，用于当接收到补贴申请请求时，将所述指定格式的目标设计页面转化为目标格式的目标设计页面；

展示单元，用于展示所述目标格式的目标设计页面；

保存单元，用于根据目标用户在所述目标格式的目标设计页面键入的补贴信息，将信息设计页面以所述指定格式进行保存，并向前端发送所述补贴信息的审核信息；其中，所述信息设计页面指代含有所述补贴信息的所述目标格式的设计页面。

可选地，在上述的动态页面的设计装置中，还包括：

解析单元，用于当接收到审核请求时，利用解析工具将所述指定格式的信息设计页面解析成所述信息设计页面；

内容审查单元，用于对所述信息设计页面中的所述补贴信息进行内容审查，得到审查结果；

第一反馈单元，用于根据所述审查结果，向所述目标用户反馈补贴申请结果的信息。

可选地，在上述的动态页面的设计装置中，所述第一反馈单元，包括：

第二反馈单元，用于当所述审查结果指示所述信息设计页面中的所述补贴信息通过内容审查时，向所述目标用户反馈补贴申请成功的信息；

第三反馈单元，用于当所述审查结果指示所述信息设计页面中的所述补贴信息未通过内容审查时，向所述目标用户反馈补贴申请失败的信息。

本申请第三方面提供了一种电子设备，包括：

存储器和处理器；

其中，所述存储器用于存储程序；

所述处理器用于执行所述程序，所述程序被执行时，具体用于实现如上述任意一项所述的一种动态页面的设计方法。

本申请第四方面提供了一种计算机存储介质，用于存储计算机程序，所述计算机程序被执行时，用于实现如上述任意一项所述的一种动态页面的设计方法。

本申请提供的一种动态页面的设计方法，通过响应用户对元素选择区域的各个元素的拖拽操作，将各个元素拖拽至设计页面的各个指定位置，然后响应用户在属性编辑区域对各个元素的配置操作，对各个指定位置的各个元素的属性进行配置，得到目标设计页面，最后发布目标设计页面，并将目标设计页面以指定格式进行保存。从而不再预先设计好待填报的页面，而是给用户提供一个可以自行设计页面的功能，进而便可以满足不同地区对于页面的编辑要求，同时还可以有效地减少开发人员的工作量。

附图说明

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

图1为本申请实施例提供的一种动态页面的设计方法的流程图；

图2为本申请实施例提供的一种设计页面的创建方法的流程图；

图3为本申请实施例提供的一种设计页面的样式的结构示意图；

图4为本申请实施例提供的一种农机购买补贴的设计页面的结构示意图；

图5为本申请实施例提供的一种补贴信息的获取方法的流程图；

图6为本申请实施例提供的一种补贴申请结果的获取方法的流程图；

图7为本申请另一实施例提供的一种动态页面的设计装置的结构示意图；

图8为本申请另一实施例提供的一种电子设备的结构示意图。

具体实施方式

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

在本申请中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本申请实施例提供的一种动态页面的设计方法，如图1所示，具体包括以下步骤：

S101、响应用户对元素选择区域的各个元素的拖拽操作，将各个元素拖拽至设计页面的各个指定位置。

需要说明的是，在农业补贴申请中，不同地区的农业农村厅或农业农村厅会预先根据不同类型的农业补贴要求来发布农业补贴信息，例如，农机购买补贴需要填报的信息可能是：申请人姓名、申请人联系方式、申请人土地信息、农机类型、购买数量、乡镇单位等，或者农药化肥购买补贴需要填报的信息可能是：申请人姓名、申请人联系方式、农作物类型、农药化肥金额、购买单位等等，其中，不同类型的农业补贴要求预先由当地的政务部门进行制定，所以相应地步骤S101的具体为：针对不同类型的各个农业补贴信息，响应用户根据农业补贴信息对元素选择区域的各个元素的拖拽操作，将各个元素拖拽至设计页面的各个指定位置。其中，用户指代补贴审批管理人员，从而使得补贴信息填报功能的适用性更强，进而满足不同地区编辑不同补贴填报内容的需要。

可选地，当用户存在设计页面的处理需求时，系统才会创建一个设计页面来响应用户的设计操作，所以在本申请另一实施例中，在执行步骤S101之前，如图2所示，还可以进一步包括：

S201、接收用户发起的设计页面的处理请求。

其中，设计页面指代用户请求为补贴信息设计的页面。设计页面可以包括元素选择区域、农业补贴设计区域以及属性编辑区域。

需要说明的是，元素选择区域主要用于布置页面设计所需的基础元素，其含有单行文本输入框、多行文本输入框、下拉选择框、单选框组、多选框组、日期选择、上传按钮等基础组件。农业补贴设计区域指代页面设计区域，以便后续系统响应用户从元素选择区域中拖拽所需的元素组件到农业补贴设计区域中，来完成补贴填报页面的设计。属性编辑区域指代对选中的元素组件进行属性配置的区域，主要用于配置元素的属性信息，比如可以配置元素的标签显示信息、编辑元素对应的变量信息以及样式调整信息等等。

S202、创建设计页面，并向用户展示设计页面。

具体的，当接收到用户下发的设计页面的处理请求时，系统便会自动创建一个补贴信息填报所需的设计页面，并向用户的前端进行展示，其中，设计页面的样式可以参见图3。

S102、响应用户在属性编辑区域对各个元素的配置操作，对各个指定位置的各个元素的属性进行配置，得到目标设计页面。

需要说明的是，由于系统将各个元素拖拽至设计页面的各个指定位置之后，各个元素的原始形态可能不满足用户对于元素的形态要求，因此此时需要执行步骤S102，来调整各个元素的形态，从而获得各个元素的最终形态，进而得到用户所需的目标设计页面。

可选地，可以参见图4以农机购买补贴为例，对各个指定位置的各个元素的属性进行调整。

S103、发布目标设计页面，并将目标设计页面以指定格式进行保存。

具体的，当设计好农业补贴的目标设计页面后，需要将设计好的目标设计页面以指定格式保存至数据库，其中，指定格式为JSON格式(JavaScript ObjectNotation，JS对象简谱，一种轻量级的数据交换格式)，以及将目标设计页面进行发布，以便后续农户预先根据目标设计页面中的信息进行填报的准备。

可选地，在发布目标设计页面之后，农户便可以在目标设计页面上进行信息填报，来申请农业补贴，所以在本申请另一实施例中，在执行步骤S103之后，如图5所示，还可以进一步包括：

S501、当接收到补贴申请请求时，将指定格式的目标设计页面转化为目标格式的目标设计页面。

需要说明的是，由于预先已将目标设计页面以指定格式进行保存，因此当系统接收到目标用户发起的补贴申请的处理请求时，系统会将JSON格式的目标设计页面解析成目标格式的目标设计页面，以供用户填写农业补贴的相关信息，其中，目标格式指代可视化的信息填报页面的格式，如html格式等等。

可选地，用户可以在前端(手机端H5页面或者小程序上等等)向系统发送补贴申请请求。

S502、展示目标格式的目标设计页面。

S503、根据目标用户在目标格式的目标设计页面键入的补贴信息，将信息设计页面以指定格式进行保存，并向前端发送补贴信息的审核信息。

其中，信息设计页面指代含有补贴信息的目标格式的设计页面。目标用户指代农户。

具体的，当目标用户在目标设计页面上填写完相关的补贴信息后，需要将信息设计页面上传至数据库进行存储，以及向前端的补贴审批人员提交补贴信息的审核消息，从而预防数据丢失，同时也便于后续审核工作的开展。

可选地，当目标用户填报完补贴信息并提交之后，还需要对补贴信息进行审核，才能让目标用户获知是否可以申请到农业补贴，所以在本申请另一实施例中，在执行步骤S503之后，如图6所示，还可以进一步包括：

S601、当接收到审核请求时，利用解析工具将指定格式的信息设计页面解析成信息设计页面。

具体的，当前端的补贴审批人员接收到补贴信息的审核信息，会向系统发起该补贴信息的审核请求，由于预先将信息设计页面以指定格式进行保存，所以当系统接收到审核请求时，可以利用JSON解析工具将指定格式的信息设计页面解析成信息设计页面，以供补贴审批人员在信息设计页面上查看并审核目标用户的补贴信息。

S602、对信息设计页面中的补贴信息进行内容审查，得到审查结果。

可选地，在补贴信息进行审核时，可以向目标用户发送补贴信息进入审核的提示信息，该提示信息是用于提示目标用户补贴信息的农业申请已上传成功，正在对补贴信息进行最后审核，以能让用户及时了解补贴信息在上传过程中的处理状态。

S603、根据审查结果，向目标用户反馈补贴申请结果的信息。

可选地，在本申请另一实施例中，步骤S603的一种具体实施方式，包括以下步骤：

当审查结果指示信息设计页面中的补贴信息通过内容审查时，向目标用户反馈补贴申请成功的信息。

可选地，可以通过短信或者是其他的通知方式向用户反馈补贴申请成功的信息。

当审查结果指示信息设计页面中的补贴信息未通过内容审查时，向目标用户反馈补贴申请失败的信息。

可选地，当目标用户接收到补贴申请失败的信息后，可以查看补贴申请失败的原因，避免下次申请时还因为相同的原因而导致申请失败。

本申请提供的一种动态页面的设计方法，通过响应用户对元素选择区域的各个元素的拖拽操作，将各个元素拖拽至设计页面的各个指定位置，然后响应用户在属性编辑区域对各个元素的配置操作，对各个指定位置的各个元素的属性进行配置，得到目标设计页面，最后发布目标设计页面，并将目标设计页面以指定格式进行保存。从而不再预先设计好待填报的页面，而是给用户提供一个可以自行设计页面的功能，进而便可以满足不同地区对于页面的编辑要求，同时还可以有效地减少开发人员的工作量。

本申请另一实施例提供了一种动态页面的设计装置，如图7所示，包括以下单元：

拖拽单元701，用于响应用户对元素选择区域的各个元素的拖拽操作，将各个元素拖拽至设计页面的各个指定位置。

配置单元702，用于响应用户在属性编辑区域对各个元素的配置操作，对各个指定位置的各个元素的属性进行配置，得到目标设计页面。

发布单元703，用于发布目标设计页面，并将目标设计页面以指定格式进行保存。

需要说明的是，本申请实施例中的上述单元的具体工作过程可相应地参考上述方法实施例中的步骤S101～步骤S103，此处不再赘述。

可选地，本申请另一实施例提供的一种动态页面的设计装置，还包括以下单元：

接收单元，用于接收用户发起的设计页面的处理请求。

其中，设计页面指代用户请求为补贴信息设计的页面。设计页面至少包括元素选择区域、农业补贴设计区域以及属性编辑区域。

创建单元，用于创建设计页面，并向用户展示设计页面。

可选地，本申请另一实施例提供的一种动态页面的设计装置，还包括以下单元：

转化单元，用于当接收到补贴申请请求时，将指定格式的目标设计页面转化为目标格式的目标设计页面。

展示单元，用于展示目标格式的目标设计页面。

保存单元，用于根据目标用户在目标格式的目标设计页面键入的补贴信息，将信息设计页面以指定格式进行保存，并向前端发送补贴信息的审核信息。

其中，信息设计页面指代含有补贴信息的目标格式的设计页面。

可选地，本申请另一实施例提供的一种动态页面的设计装置，还包括以下单元：

解析单元，用于当接收到审核请求时，利用解析工具将指定格式的信息设计页面解析成信息设计页面。

内容审查单元，用于对信息设计页面中的补贴信息进行内容审查，得到审查结果。

第一反馈单元，用于根据审查结果，向目标用户反馈补贴申请结果的信息。

可选地，本申请另一实施例提供的一种动态页面的设计装置，第一反馈单元，包括以下单元：

第二反馈单元，用于当审查结果指示信息设计页面中的补贴信息通过内容审查时，向目标用户反馈补贴申请成功的信息。

第三反馈单元，用于当审查结果指示信息设计页面中的补贴信息未通过内容审查时，向目标用户反馈补贴申请失败的信息。

需要说明的是，本申请上述实施例提供的各个单元的具体工作过程可相应地参考上述方法实施例中的相应的步骤，此处不再赘述。

本申请另一实施例提供了一种电子设备，如图8所示，包括：

存储器801和处理器802。

其中，存储器801用于存储程序。

处理器802用于执行程序，程序被执行时，具体用于实现如上述任意一个实施例提供的一种动态页面的设计方法。

本申请另一实施例提供了一种计算机存储介质，用于存储计算机程序，计算机程序被执行时，用于实现如上述任意一个实施例提供的一种动态页面的设计方法。

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

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种动态页面的设计方法，其特征在于，包括：

响应用户对元素选择区域的各个元素的拖拽操作，将各个所述元素拖拽至设计页面的各个指定位置；

响应所述用户在属性编辑区域对各个所述元素的配置操作，对各个所述指定位置的各个所述元素的属性进行配置，得到目标设计页面；

发布所述目标设计页面，并将所述目标设计页面以指定格式进行保存。

2.根据权利要求1所述的方法，其特征在于，所述响应用户对元素选择区域的各个元素的拖拽操作，将各个所述元素拖拽至设计页面的各个指定位置之前，还包括：

接收用户发起的设计页面的处理请求；其中，所述设计页面指代所述用户请求为补贴信息设计的页面；所述设计页面至少包括元素选择区域、农业补贴设计区域以及属性编辑区域；

创建所述设计页面，并向所述用户展示所述设计页面。

3.根据权利要求1所述的方法，其特征在于，所述发布所述目标设计页面，并将所述目标设计页面以目标格式进行保存之后，还包括：

当接收到补贴申请请求时，将所述指定格式的目标设计页面转化为目标格式的目标设计页面；

展示所述目标格式的目标设计页面；

根据目标用户在所述目标格式的目标设计页面键入的补贴信息，将信息设计页面以所述指定格式进行保存，并向前端发送所述补贴信息的审核信息；其中，所述信息设计页面指代含有所述补贴信息的所述目标格式的设计页面。

4.根据权利要求3所述的方法，其特征在于，所述根据目标用户在所述目标格式的目标设计页面键入的补贴信息，将信息设计页面以所述指定格式进行保存，并向前端发送所述补贴信息的审核信息之后，还包括：

当接收到审核请求时，利用解析工具将所述指定格式的信息设计页面解析成所述信息设计页面；

对所述信息设计页面中的所述补贴信息进行内容审查，得到审查结果；

根据所述审查结果，向所述目标用户反馈补贴申请结果的信息。

5.根据权利要求4所述的方法，其特征在于，所述根据审查结果，向所述目标用户反馈补贴申请结果的信息，包括：

当所述审查结果指示所述信息设计页面中的所述补贴信息通过内容审查时，向所述目标用户反馈补贴申请成功的信息；

当所述审查结果指示所述信息设计页面中的所述补贴信息未通过内容审查时，向所述目标用户反馈补贴申请失败的信息。

6.一种动态页面的设计装置，其特征在于，包括：

拖拽单元，用于响应用户对元素选择区域的各个元素的拖拽操作，将各个所述元素拖拽至设计页面的各个指定位置；

配置单元，用于响应所述用户在属性编辑区域对各个所述元素的配置操作，对各个所述指定位置的各个所述元素的属性进行配置，得到目标设计页面；

发布单元，用于发布所述目标设计页面，并将所述目标设计页面以指定格式进行保存。

7.根据权利要求6所述的装置，其特征在于，还包括：

接收单元，用于接收用户发起的设计页面的处理请求；其中，所述设计页面指代所述用户请求为补贴信息设计的页面；所述设计页面至少包括元素选择区域、农业补贴设计区域以及属性编辑区域；

创建单元，用于创建所述设计页面，并向所述用户展示所述设计页面。

8.根据权利要求6所述的装置，其特征在于，还包括：

转化单元，用于当接收到补贴申请请求时，将所述指定格式的目标设计页面转化为目标格式的目标设计页面；

展示单元，用于展示所述目标格式的目标设计页面；

保存单元，用于根据目标用户在所述目标格式的目标设计页面键入的补贴信息，将信息设计页面以所述指定格式进行保存，并向前端发送所述补贴信息的审核信息；其中，所述信息设计页面指代含有所述补贴信息的所述目标格式的设计页面。

9.一种电子设备，其特征在于，包括：

存储器和处理器；

其中，所述存储器用于存储程序；

所述处理器用于执行所述程序，所述程序被执行时，具体用于实现如权利要求1至5任意一项所述的一种动态页面的设计方法。

10.一种计算机存储介质，其特征在于，用于存储计算机程序，所述计算机程序被执行时，用于实现如权利要求1至5任意一项所述的一种动态页面的设计方法。

Images