CN114518882A

CN114518882A - 前端页面修改方法、系统、设备及介质

Info

Publication number: CN114518882A
Application number: CN202210153107.4A
Authority: CN
Inventors: 杨磊; 卢凌锋; 梁浩铭; 李六七
Original assignee: Shenzhen Qianhai Yingzhicheng Information Technology Co ltd
Current assignee: Shenzhen Qianhai Yingzhicheng Information Technology Co ltd
Priority date: 2022-02-18
Filing date: 2022-02-18
Publication date: 2022-05-20

Abstract

本发明提出的一种前端页面修改方法、系统、设备及介质，该方法通过获取目标页面的表头更新信息，根据该表头更新信息更新表头缓存数据，并进行目标页面的渲染，以实现目标页面的修改，解决了相关技术中在进行页面修改时依赖前端开发人员重新进行编码，人力耗费大，成本高，以及相关技术中页面开发每次修改通用的字段困难的技术问题，对于目标页面的修改每次只需要配置相应的表头即可实现页面的修改，极大的提升了前端的开发效率。

Description

前端页面修改方法、系统、设备及介质

技术领域

本发明涉及计算机技术领域，尤其涉及一种前端页面修改方法、系统、设备及介质。

背景技术

随着信息化进程的不断推进，针对页面的开发功能变得越来越复杂，页面需要变的需求也越来越频繁。比如需要频繁进行新字段的添加，或者部分字段的隐藏等，针对于上述需求，往往需要前端开发人员重新进行编码，人力耗费大，成本高。

发明内容

鉴于以上所述现有技术的缺点，本发明提供一种前端页面修改方法、系统、设备及介质，以相关技术在进行页面修改时依赖前端开发人员重新进行编码，人力耗费大，成本高的技术问题。

本发明提供的一种前端页面修改方法，所述方法包括：

获取目标页面的表头更新信息；

根据所述表头更新信息更新表头缓存数据；

基于更新后的表头缓存数据渲染所述目标页面，以实现所述目标页面的修改。

可选的，所述根据所述表头更新信息更新表头缓存数据之后，所述方法还包括：

获取与所述目标页面对应的后端接口；

通过所述后端接口返回更新后的表头缓存数据；

根据更新后的表头缓存数据渲染所述目标页面。

可选的，所述根据所述表头更新信息更新表头缓存数据包括以下至少之一：

采集目标页面的表头修改信息，根据所述表头修改信息生成表头更新信息，并更新所述表头缓存数据；

将包括有表头修改信息的预设脚本导入第一预设数据库，通过所述预设脚本更新所述表头缓存数据。

可选的，所述方法还包括：

所述目标页面打开时，若没有查询到所述目标页面对应的后端接口，显示提示信息，所述提示信息包括配置表头提示。

可选的，所述方法还包括：

获取目标用户对所述目标页面的页面调整信息；

根据所述页面调整信息调整所述目标页面的显示状态，并将调整后的显示状态同步到第二预设数据库；

若获取到所述目标用户对所述目标页面打开请求，根据调整后的显示状态显示所述目标页面。

可选的，所述基于更新后的表头缓存数据渲染所述目标页面之前，所述方法还包括：

获取所述表头更新信息的来源信息，所述来源信息包括目标页面信息和用户信息中至少之一；

将所述来源信息和更新后的表头缓存数据存储入第一预设数据库。

可选的，将所述来源信息和更新后的表头缓存数据存储入第一预设数据库之后，所述方法还包括：

获取目标页面的显示请求，所述显示请求包括所述来源信息；

根据所述来源信息从所述第一预设数据库中确定所述页面显示请求对应的目标表头缓存数据；

根据所述目标表头缓存数据渲染所述目标页面。

本发明还提供了一种前端页面修改系统，所述系统包括：

获取模块，用于获取目标页面的表头更新信息；

更新模块，用于根据所述表头更新信息更新表头缓存数据；

渲染模块，用于基于更新后的表头缓存数据渲染所述目标页面，以实现所述目标页面的修改。

本发明还提供了一种电子设备，包括处理器、存储器和通信总线；

所述通信总线用于将所述处理器和存储器连接；

所述处理器用于执行所述存储器中存储的计算机程序，以实现如上述中任一项实施例所述的方法。

本发明还提供了一种计算机可读存储介质，其上存储有计算机程序，

所述计算机程序用于使所述计算机执行如上述任一项实施例所述的方法。

本发明的有益效果：本发明提出的一种前端页面修改方法、系统、设备及介质，该方法通过获取目标页面的表头更新信息，根据该表头更新信息更新表头缓存数据，并进行目标页面的渲染，以实现目标页面的修改，解决了相关技术在进行页面修改时依赖前端开发人员重新进行编码，人力耗费大，成本高，以及相关技术中页面开发每次修改通用的字段困难的技术问题，对于目标页面的修改每次只需要配置相应的表头就可以实现页面的修改，极大的提升端的开发效率。

附图说明

图1是本发明一实施例提供的前端页面修改方法的一种流程示意图；

图2是本发明一实施例提供的前端页面修改方法的一种具体的流程示意图；

图3是本发明一实施例提供的前端页面修改系统的一种结构示意图；

图4是本发明一实施例提供的一种电子设备的结构示意图。

具体实施方式

本发明提供一种数据传输方法和相关设备，为使本发明的目的、技术方案及效果更加清楚、明确，以下参照附图并举实施例对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。

本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解，当我们称元件被“连接”或“耦接”到另一元件时，它可以直接连接或耦接到其他元件，或者也可以存在中间元件。此外，这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。

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

需要注意的是，下述应用场景仅是为了便于理解本发明而示出，本发明的实施方式在此方面不受任何限制。相反，本发明的实施方式可以应用于适用的任何场景。

下面结合附图，通过对实施例的描述，对发明内容作进一步说明。

如图1所示，本实施例提供了一种前端页面修改方法，该方法包括：

步骤S101：获取目标页面的表头更新信息。

可选的，表头更新信息可以通过采集目标用户对目标页面的表头修改信息，该表头修改信息包括但不限于新增表头、删减表头、对表头显示顺序进行调整、调整表头的显示颜色、亮度等中至少之一，根据该表头修改信息生成能够适应数据库存储的表头更新信息。表头更新信息可以是页面列表的表头的更新信息，可以基于更新后的表头缓存数据修改映射字段、筛选字段等中至少之一。可选的，可以通过搜索、筛选，是否显示等中至少之一来实现字段的选取。

可选的，表头更新信息也可以是根据目标用户的需求得到表头修改信息，进而根据该表头修改信息生成预设脚本，将该预设脚本作为表头更新信息。

可选的，表头更新信息的获取方式还可以是通过预先开发的配置系统实现，在配置系统中进入系统配置页，判断是否需要配置页面表头，若需要配置页面表头，确定需要修改的页面作为目标页面，通过手动修改或预设脚本等方式实现表头修改以及字段相关属性的配置。

可选的，表头更新信息还包括新增字段信息、删减字段信息、隐藏字段信息等中至少之一。

需要说明的是，上述目标用户可以是用户也可以是开发人员等。

可选的，表头更新信息还可以通过其他本领域技术人员所知晓的方式获取。

步骤S102：根据表头更新信息更新表头缓存数据。

可选的，表头缓存数据可以是预先存储于Redis(Remote Dictionary Server，即远程字典服务)数据库中的该目标页面的表头缓存，针对不同的的页面配置不同的表头，这些表头文件存储到Redis数据库中，取值效率非常高，速度快，更新表头操作就会刷新Redis缓存。

在一个实施例中，根据表头更新信息更新表头缓存数据包括以下至少之一：

采集目标页面的表头修改信息，根据表头修改信息生成表头更新信息，并更新表头缓存数据；

将包括有表头修改信息的预设脚本导入第一预设数据库，通过预设脚本更新表头缓存数据。

可选的，表头缓存数据可以是通过手动等方式进行修改，也可以通过预先写好的预设脚本等实现自动化的对表头缓存数据进行修改。

可选的，采集目标页面的表头修改信息可以通过预先配置好的系统配置页面实现，该页面可以支持搜索,筛选，是否显示表头字段。表头字段包括但不限于映射字段和筛选字段等中至少之一。通过上述方式可以提升页面开发效率，且及时渲染可配置。

其中，第一预设数据库可以是Redis数据库或其他数据库，第一预设数据库可以是表头缓存数据所在的数据库。每一次更新表头操作都会刷新Redis缓存数据，使得数据更新更加同步。

步骤S103：基于更新后的表头缓存数据渲染目标页面，以实现目标页面的修改。

在一个实施例中，在步骤S102之后，该方法还包括：

获取与目标页面对应的后端接口；

通过后端接口返回更新后的表头缓存数据；

根据更新后的表头缓存数据渲染目标页面。

也即，当目标页面存在表头修改操作后，更新Redis数据库中的表头缓存数据，并通过后端接口返回给到前端的目标页面，目标页面根据返回的表头缓存数据自动渲染目标页面，以示目标页面显示修改后的表头信息所对应的数据。

在一个实施例中，步骤S103基于更新后的表头缓存数据渲染目标页面之前，该方法还包括：

获取表头更新信息的来源信息，来源信息包括目标页面信息和用户信息中至少之一；

将来源信息和更新后的表头缓存数据存储入第一预设数据库。

可选的，来源信息可以是通过页面标识和用户标识来表示。

在一个实施例中，在将来源信息和更新后的表头缓存数据存储入第一预设数据库之后，该方法还包括:

获取目标页面的显示请求，显示请求包括来源信息；

根据来源信息从第一预设数据库中确定页面显示请求对应的目标表头缓存数据；

根据目标表头缓存数据渲染目标页面。

可选的，若显示请求不包括来源信息，或者根据来源信息在第一预设数据库中并不能确定得到目标表头缓存数据，此时可以通过后端接口返回默认表头缓存数据给到目标页面，进行根据默认表头缓存数据进行目标页面的渲染。其中，默认表头缓存数据可以是本领域技术人员所预先设置的针对于某一目标页面的表头缓存。

可选的，可以在根据表头更新信息更新表头缓存数据的同时，将来源信息对应存入第一预设数据库，这样，后续接收到目标页面的显示请求时，可以根据显示请求所包括的来源信息，在第一预设数据库中找到对应的表头缓存数据作为目标表头缓存数据，并通过后端接口返回给前端的目标页面，以供前端的目标页面根据该目标表头缓存数据进行渲染，以显示修改后的目标页面。例如，在页面渲染的时候，会根据是哪一个页面发送的请求，后端根据制定的标识查询出相应的表头缓存(目标表头缓存数据或默认表头缓存数据)，同时不同的用户如果自定义了表头，那么该用户查询的就是自己独有的表头(目标表头缓存数据)，页面的展示就会不同。

通过上述实施例提供的方法，，通过与后端配合解决不同用户(基于来源信息中的用户信息)展示不同页面的效果，实现角色的区分。

在一个实施例中，该方法还包括：

目标页面打开时，若没有查询到目标页面对应的后端接口，显示提示信息，提示信息包括配置表头提示。

也即，目标页面打开时，也即接收到目标页面的显示请求，先在后端查询该目标页面对应的后端接口，若没有查询到该目标页面的后端接口，也即第一预设数据库中没有预先设置有与该目标页面对应的表头缓存数据(不论是目标表头缓存数据还是默认表头缓存数据均没有查询到)，此时可以显示提示信息，以提示用户或其他相关人员需要预先进行表头配置。该提示信息可以是文字、语音、指示灯等多种形式中至少之一。

在一个实施例中，该方法还包括：

获取目标用户对目标页面的页面调整信息；

根据页面调整信息调整目标页面的显示状态，并将调整后的显示状态同步到第二预设数据库；

可选的，该页面调整信息可以是目标用户修改目标页面的样式、隐藏列等信息，根据该页面调整信息调整该目标页面的显示状态，以满足目标用户的修改需求，将调整后的显示状态同步到第二预设数据库，并将调整后的显示状态于该目标用户和目标页面做关联，当获取到所述目标用户对所述目标页面打开请求，显示调整后的显示状态的目标页面，这样能够保证目标用户下一次打开该目标页面时，可以之间显示之前目标用户调整后的页面，不再需要目标用户重新进行调整，更加方便快捷人性化。

可选的，页面调整信息包括但不限于目标页面的显示规则，如字体颜色、字体大小、行宽等，可以根据该显示规则调整当前目标页面的显示状态。

可选的，第二预设数据库包括但不限于MySQL数据库等。

上述实施例提供的前端页面修改方法，通过获取目标页面的表头更新信息，根据该表头更新信息更新表头缓存数据，并进行目标页面的渲染，以实现目标页面的修改，解决了相关技术在进行页面修改时依赖前端开发人员重新进行编码，人力耗费大，成本高的技术问题，以及相关技术中页面开发每次修改通用的字段困难，实现了对于目标页面的修改每次只需要配置相应的表头就可以，极大的提升了前端的开发效率。

可选的，通过与后端配合解决不同用户展示不同页面的效果，实现角色的区分。

可选的，通过来源信息的区分，若用户预先调整了目标页面的表头，在下一次用户打开目标页面时能够实现根据不同的用户展示不同的页面，，如果用户再次修改当前页面的表头，会及时同步到数据库中，刷新就会发生变化，页面调整的速率更快，提升用户体验度。

配合后端接口显示字段的排序，搜索，根据用户的不同展示不同的页面。例如在页面渲染的时候，会根据是哪一个页面发送的请求，后端根据制定的标识查询出相应的表头，同时不同的用户如果自定义了表头，那么该用户查询的就是自己独有的表头，页面的展示就会不同，如果用户再次修改当前页面的表头，会及时同步到数据库中，刷新就会发生变化。

可选的，通过上述方法可以基于原有的表头缓存数据结合不同用户的需求形成的表头更新信息，对原有的表头缓存数据直接进行更新，避免了对页面字段的改动每次都需要前端开发人员重新编码的麻烦，每次只需要配置相应的表头就可以了，极大的解决了前端的开发效率，成本更低。页面的查询条件变动更加容易。

参见图2，图2给出了一种具体的前端页面修改方法，该具体的方法包括：

步骤S201：确定是否需要配置页面表头，若是执行步骤S202，若否执行步骤S203。

可以通过预先配置的系统配置页实现步骤S201，以及若需要进行页面修改也可基于该系统配置也实现。

步骤S202：配置字段相关属性，得到表头更新信息。

若需要配置页面表头，也即需要对页面进行修改，此时可以修改表头的表头字段的构成，比如增加或删减一些表头字段，也可以修改表头字段的颜色、字号、列宽、是否可以显示等。可以通过查询或筛选的方式实现表头字段的查找。

可选的，在配置表头的页面可以是采用用户手动修改的方式实现，也可以根据预设脚本直接导入数据库中，再更新缓存。

步骤S203：更新缓存，数据存入Redis数据库。

可以根据上述方式得到的表头更新信息更新预先存在Redis数据库的表头缓存数据，使得根据更新后的表头缓存数据所渲染得到的页面为修改后的页面。

需要说明的是，该数据(更新后的表头缓存数据)也可以存入其他本领域技术人员所预先指定的数据库中。

若不需要配置页面表头，也即没有得到表头更新信息，则可以执行一次缓存更新操作，也可以跳过缓存更新步骤，直接执行步骤S204，将现有的缓存文件通过后端接口返回给页面。

步骤S204：后端接口返回更新后的表头缓存数据。

各页面均对应有后端接口，在更新好表头缓存数据后，可以通过后端接口返回更新后的表头缓存数据给到前端的页面。

步骤S205：页面根据更新后的表头缓存数据渲染页面。

需要说明的是，若页面打开没有查到后端接口，则可以提示配置表头。

步骤S206：用户修改页面的样式或表头字段的显示状态。

例如，用户修改页面的显示范围、显示皮肤等，又或者某些列不显示等。

步骤S207：同步到后端第二预设数据库，保持用户的表头。

其中，第二预设数据库包括但不限于MySQL数据库等。

这样，当用户下次再次打开该页面时，将显示本次所修改后的页面的样式。比如，用户修改页面生成表头更新信息，通过刷新等方式，可以快速的实现根据表头更新信息在Redis数据库中更新表头缓存数据，页面及时修改，用户体验度好。

通过上述实施例提供的方法可以解决传统页面开发每次修改通用的字段困难,,针对页面的开发功能变得越来越复杂，页面需要变的需求也越来越频繁，时不时有新的字段添加，有的字段要隐藏等需求变更后不能及时展示等问题，在系统配置页里面配置表头，针对不同的页面配置不同的表头，这些表头文件存储到Redis库中，取值效率非常高，速度快，更新表头操作就会刷新Redis缓存。每次只需要配置相应的表头就可以了，极大的解决了前端的开发效率，通过与后端配合解决不同用户展示不同页面的效果，实现角色的区分。避免了对页面字段的改动每次都需要前端开发人员重新编码。能够实现页面字段的显示对于不同的用户区分开。页面的查询的条件更容易变动。

通过上述提到的方法配置页面列表的表头，包括映射字段，筛选字段,同时支持搜索,筛选，是否显示。提升页面开发效率，且及时渲染可配置。例如，根据配置页面的表头，页面自动渲染出字段，列的宽度。配合后端接口显示字段的排序，搜索，根据用户的不同展示不同的页面。

例如，在页面渲染的时候，会根据是哪一个页面发送的请求，后端根据制定的标识查询出相应的表头，同时不同的用户如果自定义了表头，那么该用户查询的就是自己独有的表头，页面的展示就会不同，如果用户再次修改当前页面的表头，会及时同步到数据库中，刷新就会发生变化。

基于上述数据传输方法，本实施例提供了一种前端页面修改系统，其中，请参阅图3，该前端页面修改系统300包括：

获取模块301，用于获取目标页面的表头更新信息；

更新模块302，用于根据所述表头更新信息更新表头缓存数据；

渲染模块303，用于基于更新后的表头缓存数据渲染所述目标页面，以实现所述目标页面的修改。

可选的，更新模块还用于获取表头更新信息的来源信息，来源信息包括目标页面信息和用户信息中至少之一，将来源信息和更新后的表头缓存数据存储入第一预设数据库。

可选的，该系统还包括：

后端接口模块，用户获取更新后的表头缓存数据，并返回给到目标页面。

可选的，根据表头更新信息更新表头缓存数据包括以下至少之一：

可选的，该系统还包括：

提示模块，用于目标页面打开时，若没有查询到目标页面对应的后端接口，显示提示信息，提示信息包括配置表头提示。

可选的，该系统还包括：

调整信息获取模块，用于获取目标用户对目标页面的页面调整信息；

同步模块，用于根据页面调整信息调整目标页面的显示状态，并将调整后的显示状态同步到第二预设数据库；

显示模块，用于若获取到目标用户对目标页面打开请求，根据调整后的显示状态显示目标页面。

可选的，该系统还包括：

请求获取模块，用于获取目标页面的显示请求，显示请求包括来源信息；

确定模块，用于根据来源信息从第一预设数据库中确定页面显示请求对应的目标表头缓存数据；

渲染模块还用于根据目标表头缓存数据渲染目标页面。

在本实施例中，该系统实质上是设置了多个模块用以执行上述实施例中的方法，具体功能和技术效果参照上述实施例中的方法即可，此处不再赘述。

参见图4，本发明实施例还提供了一种电子设备400，包括处理器401、存储器402和通信总线403；

通信总线403用于将处理器401和存储器连接402；

处理器401用于执行存储器402中存储的计算机程序，以实现如上述实施例一中的一个或多个所述的方法。

本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，

计算机程序用于使计算机执行如上述实施例一中的任一项所述的方法。

本申请实施例还提供了一种非易失性可读存储介质，该存储介质中存储有一个或多个模块(programs)，该一个或多个模块被应用在设备时，可以使得该设备执行本申请实施例的实施例一所包含步骤的指令(instructions)。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

上述实施例仅例示性说明本发明的原理及其功效，而非用于限制本发明。任何熟悉此技术的人士皆可在不违背本发明的精神及范畴下，对上述实施例进行修饰或改变。因此，举凡所属技术领域中具有通常知识者在未脱离本发明所揭示的精神与技术思想下所完成的一切等效修饰或改变，仍应由本发明的权利要求所涵盖。

Claims

1.一种前端页面修改方法，其特征在于，所述方法包括：

获取目标页面的表头更新信息；

根据所述表头更新信息更新表头缓存数据；

2.如权利要求1所述的前端页面修改方法，其特征在于，所述根据所述表头更新信息更新表头缓存数据之后，所述方法还包括：

获取与所述目标页面对应的后端接口；

通过所述后端接口返回更新后的表头缓存数据；

根据更新后的表头缓存数据渲染所述目标页面。

3.如权利要求1所述的前端页面修改方法，其特征在于，所述根据所述表头更新信息更新表头缓存数据包括以下至少之一：

4.如权利要求1所述的前端页面修改方法，其特征在于，所述方法还包括：

5.如权利要求1所述的前端页面修改方法，其特征在于，所述方法还包括：

获取目标用户对所述目标页面的页面调整信息；

6.如权利要求1-5任一项所述的前端页面修改方法，其特征在于，所述基于更新后的表头缓存数据渲染所述目标页面之前，所述方法还包括：

7.如权利要求6所述的前端页面修改方法，其特征在于，将所述来源信息和更新后的表头缓存数据存储入第一预设数据库之后，所述方法还包括：

根据所述目标表头缓存数据渲染所述目标页面。

8.一种前端页面修改系统，其特征在于，所述系统包括：

获取模块，用于获取目标页面的表头更新信息；

更新模块，用于根据所述表头更新信息更新表头缓存数据；

9.一种电子设备，其特征在于，包括处理器、存储器和通信总线；

所述通信总线用于将所述处理器和存储器连接；

所述处理器用于执行所述存储器中存储的计算机程序，以实现如权利要求1-7中任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，

所述计算机程序用于使所述计算机执行如权利要求1-7中任一项所述的方法。