CN110442821A - 一种网页开发过程中页面更新装置 - Google Patents

Abstract

本发明公开了一种网页开发过程中页面更新装置，实现了页面的可配置，不需要对页面生成重复编码，降低了开发成本，不需要IT人员来完成页面的生成，运维人员随时可以完成对页面的修改和生成，增加了页面展示的灵活性，提升了用户体验。

Description

一种网页开发过程中页面更新装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种网页开发过程中页面更新装置。

背景技术

在现有的网页开发过程中，网页内容的生成、更新和下线都需要IT开发人员花费大量的时间去编码完成，因此现有的开发方式将大大增加开发时间和开发的成本，另外，在现有的开发方式中，要求页面的运营人员需要了解代码逻辑和运营方式等，导致适用性不强，用户体验差。

发明内容

本发明旨在至少解决现有技术中存在的技术问题之一，特别创新地提出了一种网页开发过程中页面更新方法及装置，实现了页面的可配置，不需要对页面生成重复编码，降低了开发成本，不需要IT人员来完成页面的生成，运维人员随时可以完成对页面的修改和生成，增加了页面展示的灵活性，提升了用户体验。有效解决了现有技术中网页内容的生成和更新等都需要IT开发人员花费大量的时间去编码完成，导致大大增加开发时间和开发的成本，且在现有的开发方式中，要求页面的运营人员需要了解代码逻辑和运营方式等，导致适用性不强，用户体验差的问题。

为了实现本发明的上述目的，根据本发明的一个方面，本发明还提供了一种网页开发过程中页面更新装置，所述装置包括：

更新请求获取模块，用于获取运维端发送的页面更新请求，其中，所述页面更新请求包括待更新页面的页面标识；

页面数据获取模块，用于基于所述页面标识获取与所述页面标识对应的最后一次发布的页面数据；

页面展示模块，用于基于所述页面数据在所述运维端的显示界面上同时显示与该页面数据对应的所述待更新页面和用于配置所述待更新页面的更新数据的浮层页面；

更新数据处理模块，用于接收通过所述浮层页面输入的页面更新数据，基于所述页面更新数据生成页面更新指令；

页面更新处理模块，用于基于所述页面更新指令对所述待更新页面进行更新。

优选地，所述页面更新处理模块包括：

推荐位获取单元，用于基于所述页面更新指令获取所述待更新页面中需要更新的推荐位；

推荐位更新单元，用于将所述页面更新数据确定为所述推荐位中更新后的数据并完成对所述推荐位的更新。

优选地，所述更新数据处理模块包括：

页面更新数据接收单元，用于接收通过所述浮层页面输入的页面更新数据；

页面更新数据转换单元，用于将所述页面更新数据转换为格式化数据并写入数据库；

数据过滤单元，用于按照预设过滤条件对写入所述数据库的格式化数据进行过滤；

页面更新指令生成单元，用于根据过滤后的格式化数据生成页面更新指令。

优选地，所述装置还包括：

页面渲染模块，用于基于预设的渲染规则对更新后的页面进行渲染。

优选地，所述装置还包括：

页面数据存储模块，用于将更新后的页面所对应的页面数据与所述页面标识绑定后进行存储。

由以上方案可知，本发明提供了一种网页开发过程中页面更新方法及装置，方法包括获取运维端发送的页面更新请求，其中，所述页面更新请求包括待更新页面的页面标识；基于所述页面标识获取与所述页面标识对应的最后一次发布的页面数据；基于所述页面数据在所述运维端的显示界面上同时显示与该页面数据对应的所述待更新页面和用于配置所述待更新页面的更新数据的浮层页面；接收通过所述浮层页面输入的页面更新数据，基于所述页面更新数据生成页面更新指令；基于所述页面更新指令对所述待更新页面进行更新。本发明实现了页面的可配置，不需要对页面生成重复编码，降低了开发成本，不需要IT人员来完成页面的生成，运维人员随时可以完成对页面的修改和生成，增加了页面展示的灵活性，提升了用户体验。有效解决了现有技术中网页内容的生成和更新等都需要IT开发人员花费大量的时间去编码完成，导致大大增加开发时间和开发的成本，且在现有的开发方式中，要求页面的运营人员需要了解代码逻辑和运营方式等，导致适用性不强，用户体验差的问题。

本发明的附加方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。

附图说明

本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解，其中：

图1是本发明提供的一种优选实施方式中页面更新方法的流程示意图；

图2是本发明提供的一种优选实施方式中页面更新装置的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

本技术领域技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非被特定定义，否则不会用理想化或过于正式的含义来解释。

在本发明的描述中，需要理解的是，术语“纵向”、“横向”、“上”、“下”、“前”、“后”、“左”、“右”、“竖直”、“水平”、“顶”、“底”“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。

在本发明的描述中，除非另有规定和限定，需要说明的是，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是机械连接或电连接，也可以是两个元件内部的连通，可以是直接相连，也可以通过中间媒介间接相连，对于本领域的普通技术人员而言，可以根据具体情况理解上述术语的具体含义。

根据本发明的一个方面，本发明提供了一种网页开发过程中页面更新方法，如图1所示，所述方法包括如下步骤：

S101，获取运维端发送的页面更新请求，其中，页面更新请求包括待更新页面的页面标识；

在需要进行页面更新时，首先需要运维端发起更新请求，与运维端网络连接的后台服务器端接收该更新请求。运维端发起的更新请求具体可以通过与后台服务器联网的电脑等终端设备中输入并发起对待更新页面进行更新的页面更新请求，该页面更新请求中包含有标识待更新页面的唯一的页面标识。

S102，基于页面标识获取与页面标识对应的最后一次发布的页面数据；

获取到更新请求后，根据更新请求中带更新页面的页面标识在数据库中查找与页面标识对应的最后一次发布的页面数据，以便将包含该页面数据的最新页面展示在运维端。

S103，基于页面数据在运维端的显示界面上同时显示与该页面数据对应的待更新页面和用于配置待更新页面的更新数据的浮层页面；

查找到预页面标识对应的最后一次发布的页面数据后，需要根据页面数据将该页面数据对应的待更新页面显示在运维端的显示界面上，同时在运维端的显示界面上显示用于配置该待更新页面的更新数据的浮层页面，便于运维人员通过浮层界面填写待更新页面的更新数据时与原待更新页面在同一个显示界面上进行对比。

S104，接收通过浮层页面输入的页面更新数据，基于页面更新数据生成页面更新指令；

将待更新页面和用于用于配置待更新页面的更新数据的浮层页面均显示在同一显示界面后，运维人员可以通过运维端的浮层页面输入需要更新的页面的相关内容，即输入相应的页面更新数据，在获取到浮层页面输入的页面更新数据后，根据该页面更新数据生成页面更新指令，该页面更新指令包含了待更新页面的页面更新数据和触发将该页面更新数据替换待更新页面中同一位置原有数据的触发指令，使得后台服务器端能够根据页面更新指令自动对数据库中的待更新页面的数据进行更新，进而实现页面的更新。

S105，基于页面更新指令对待更新页面进行更新。

页面更新指令生成后，后台服务器***自动根据更新指令对待更新页面进行更新，无需IT人员再编写更新页面的程序代码。

在本发明的一种优选实施方式中，所述基于页面更新指令对待更新页面进行更新包括：

基于页面更新指令获取待更新页面中需要更新的推荐位；

将页面更新数据确定为推荐位中更新后的数据并完成对推荐位的更新。

具体地，在本实施方式中，浮层页面中设置至少一个节点，每个节点对应一个推荐位，当接收到的页面更新指令中包含推荐位拆分指令时，在浮层页面中新增节点并从当前需要更新的推荐位中拆分出与新增节点数量相同的推荐位，将新增的节点一一对应于拆分出的推荐位；当接收到的页面更新指令中包含推荐位删除指令时，在浮层页面中将推荐位删除指令对应的节点删除并在页面中删除该节点对应的推荐位。当浮层页面中包含两个以上节点时，根据接收到的页面更新指令中的排序指令，对节点的次序进行排列，并按照排序后的节点修改页面中该节点对应的推荐位的位置。其中，推荐位的内容类型可以包括文字内容和图片内容。接收到的通过浮层页面输入的页更新数据包括通过文字描述接口、文字颜色接口、文字加粗接口和链接地址接口中的一项或多项输入的页面更新数据，通过选择图标接口和链接地址接口中的一项或多项输入的页面更新数据，通过图片上传接口、图片标题接口、图片文字颜色接口、图片文字加粗接口和链接地址接口中的一项或多项输入的页面更新数据。

在本发明的一种优选实施方式中，所述接收通过浮层页面输入的页面更新数据，基于页面更新数据生成页面更新指令包括：

接收通过浮层页面输入的页面更新数据；

将页面更新数据转换为格式化数据并写入数据库；

按照预设过滤条件对写入数据库的格式化数据进行过滤；

根据过滤后的格式化数据生成页面更新指令。

在本发明的一种优选实施方式中，所述方法还包括如下步骤：

基于预设的渲染规则对更新后的页面进行渲染。通过对更新后的页面进行渲染，对更新后的页面的颜色、亮度等进行调整。

在本发明的一种优选实施方式中，所述方法还包括如下步骤：

将更新后的页面所对应的页面数据与页面标识绑定后进行存储。这样便于在下一次需要对该更新后的页面再次进行更新时，能够方便地查找到与该页面对应的最新的页面数据。

由以上方案可知，本发明提供了一种网页开发过程中页面更新方法，通过获取运维端发送的页面更新请求，其中，页面更新请求包括待更新页面的页面标识；然后基于页面标识获取与页面标识对应的最后一次发布的页面数据；接着基于页面数据在运维端的显示界面上同时显示与该页面数据对应的待更新页面和用于配置待更新页面的更新数据的浮层页面；进而接收通过浮层页面输入的页面更新数据，基于页面更新数据生成页面更新指令；最后基于页面更新指令对待更新页面进行更新。本发明实现了页面的可配置，不需要对页面生成重复编码，降低了开发成本，不需要IT人员来完成页面的生成，运维人员随时可以完成对页面的修改和生成，增加了页面展示的灵活性，提升了用户体验。有效解决了现有技术中网页内容的生成和更新等都需要IT开发人员花费大量的时间去编码完成，导致大大增加开发时间和开发的成本，且在现有的开发方式中，要求页面的运营人员需要了解代码逻辑和运营方式等，导致适用性不强，用户体验差的问题。

根据本发明的一个方面，本发明还提供了一种网页开发过程中页面更新装置，如图2所示，所述装置包括：

更新请求获取模块201，用于获取运维端发送的页面更新请求，其中，页面更新请求包括待更新页面的页面标识；

在需要进行页面更新时，首先需要运维端发起更新请求，与运维端网络连接的后台服务器端接收该更新请求。运维端发起的更新请求具体可以通过与后台服务器联网的电脑等终端设备中输入并发起对待更新页面进行更新的页面更新请求，该页面更新请求中包含有标识待更新页面的唯一的页面标识。

页面数据获取模块202，用于基于页面标识获取与页面标识对应的最后一次发布的页面数据；

获取到更新请求后，根据更新请求中带更新页面的页面标识在数据库中查找与页面标识对应的最后一次发布的页面数据，以便将包含该页面数据的最新页面展示在运维端。

页面展示模块203，用于基于页面数据在运维端的显示界面上同时显示与该页面数据对应的待更新页面和用于配置待更新页面的更新数据的浮层页面；

查找到预页面标识对应的最后一次发布的页面数据后，需要根据页面数据将该页面数据对应的待更新页面显示在运维端的显示界面上，同时在运维端的显示界面上显示用于配置该待更新页面的更新数据的浮层页面，便于运维人员通过浮层界面填写待更新页面的更新数据时与原待更新页面在同一个显示界面上进行对比。

更新数据处理模块204，用于接收通过浮层页面输入的页面更新数据，基于页面更新数据生成页面更新指令；

将待更新页面和用于用于配置待更新页面的更新数据的浮层页面均显示在同一显示界面后，运维人员可以通过运维端的浮层页面输入需要更新的页面的相关内容，即输入相应的页面更新数据，在获取到浮层页面输入的页面更新数据后，根据该页面更新数据生成页面更新指令，该页面更新指令包含了待更新页面的页面更新数据和触发将该页面更新数据替换待更新页面中同一位置原有数据的触发指令，使得后台服务器端能够根据页面更新指令自动对数据库中的待更新页面的数据进行更新，进而实现页面的更新。

页面更新处理模块205，用于基于页面更新指令对待更新页面进行更新。

页面更新指令生成后，后台服务器***自动根据更新指令对待更新页面进行更新，无需IT人员再编写更新页面的程序代码。

在本发明的一种优选实施方式中，页面更新处理模块205包括：

推荐位获取单元，用于基于页面更新指令获取待更新页面中需要更新的推荐位；

推荐位更新单元，用于将页面更新数据确定为推荐位中更新后的数据并完成对推荐位的更新。

具体地，在本实施方式中，浮层页面中设置至少一个节点，每个节点对应一个推荐位，当接收到的页面更新指令中包含推荐位拆分指令时，在浮层页面中新增节点并从当前需要更新的推荐位中拆分出与新增节点数量相同的推荐位，将新增的节点一一对应于拆分出的推荐位；当接收到的页面更新指令中包含推荐位删除指令时，在浮层页面中将推荐位删除指令对应的节点删除并在页面中删除该节点对应的推荐位。当浮层页面中包含两个以上节点时，根据接收到的页面更新指令中的排序指令，对节点的次序进行排列，并按照排序后的节点修改页面中该节点对应的推荐位的位置。其中，推荐位的内容类型可以包括文字内容和图片内容。接收到的通过浮层页面输入的页更新数据包括通过文字描述接口、文字颜色接口、文字加粗接口和链接地址接口中的一项或多项输入的页面更新数据，通过选择图标接口和链接地址接口中的一项或多项输入的页面更新数据，通过图片上传接口、图片标题接口、图片文字颜色接口、图片文字加粗接口和链接地址接口中的一项或多项输入的页面更新数据。

在本发明的一种优选实施方式中，更新数据处理模块204包括：

页面更新数据接收单元，用于接收通过浮层页面输入的页面更新数据；

页面更新数据转换单元，用于将页面更新数据转换为格式化数据并写入数据库；

数据过滤单元，用于按照预设过滤条件对写入数据库的格式化数据进行过滤；

页面更新指令生成单元，用于根据过滤后的格式化数据生成页面更新指令。

在本发明的一种优选实施方式中，所述装置还包括：

页面渲染模块，用于基于预设的渲染规则对更新后的页面进行渲染。通过对更新后的页面进行渲染，对更新后的页面的颜色、亮度等进行调整。

在本发明的一种优选实施方式中，装置还包括：

页面数据存储模块，用于将更新后的页面所对应的页面数据与页面标识绑定后进行存储。这样便于在下一次需要对该更新后的页面再次进行更新时，能够方便地查找到与该页面对应的最新的页面数据。

由以上方案可知，本发明提供了一种网页开发过程中页面更新装置，通过获取运维端发送的页面更新请求，其中，页面更新请求包括待更新页面的页面标识；然后基于页面标识获取与页面标识对应的最后一次发布的页面数据；接着基于页面数据在运维端的显示界面上同时显示与该页面数据对应的待更新页面和用于配置待更新页面的更新数据的浮层页面；进而接收通过浮层页面输入的页面更新数据，基于页面更新数据生成页面更新指令；最后基于页面更新指令对待更新页面进行更新。本发明实现了页面的可配置，不需要对页面生成重复编码，降低了开发成本，不需要IT人员来完成页面的生成，运维人员随时可以完成对页面的修改和生成，增加了页面展示的灵活性，提升了用户体验。有效解决了现有技术中网页内容的生成和更新等都需要IT开发人员花费大量的时间去编码完成，导致大大增加开发时间和开发的成本，且在现有的开发方式中，要求页面的运营人员需要了解代码逻辑和运营方式等，导致适用性不强，用户体验差的问题。此外，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上所述***的功能。

本实施例中，所述页面更新装置集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。

本领域的技术人员能够理解，尽管在此的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

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

Claims (5)

1.一种网页开发过程中页面更新装置，其特征在于，所述装置包括：

更新请求获取模块，用于获取运维端发送的页面更新请求，其中，所述页面更新请求包括待更新页面的页面标识；

页面数据获取模块，用于基于所述页面标识获取与所述页面标识对应的最后一次发布的页面数据；

页面展示模块，用于基于所述页面数据在所述运维端的显示界面上同时显示与该页面数据对应的所述待更新页面和用于配置所述待更新页面的更新数据的浮层页面；

更新数据处理模块，用于接收通过所述浮层页面输入的页面更新数据，基于所述页面更新数据生成页面更新指令；

页面更新处理模块，用于基于所述页面更新指令对所述待更新页面进行更新。

2.根据权利要求1所述的网页开发过程中页面更新装置，其特征在于，所述页面更新处理模块包括：

推荐位获取单元，用于基于所述页面更新指令获取所述待更新页面中需要更新的推荐位；

推荐位更新单元，用于将所述页面更新数据确定为所述推荐位中更新后的数据并完成对所述推荐位的更新。

3.根据权利要求2所述的网页开发过程中页面更新装置，其特征在于，所述更新数据处理模块包括：

页面更新数据接收单元，用于接收通过所述浮层页面输入的页面更新数据；

页面更新数据转换单元，用于将所述页面更新数据转换为格式化数据并写入数据库；

数据过滤单元，用于按照预设过滤条件对写入所述数据库的格式化数据进行过滤；

页面更新指令生成单元，用于根据过滤后的格式化数据生成页面更新指令。

4.根据权利要求1-3任意一项所述的网页开发过程中页面更新装置，其特征在于，所述装置还包括：

页面渲染模块，用于基于预设的渲染规则对更新后的页面进行渲染。

5.根据权利要求1-3任意一项所述的网页开发过程中页面更新装置，其特征在于，所述装置还包括：

页面数据存储模块，用于将更新后的页面所对应的页面数据与所述页面标识绑定后进行存储。