本申请实施例提供了一种实时更新页面数据的方法、装置、电子设备。该方法包括：接收服务器发送的消息队列；提取消息队列中的新消息，根据新消息确定待写入数据以及待写入数据对应的位置标识；通过文档对象模型DOM确定在当前页面中与位置标识对应的待更新位置，将待更新位置处的数据更新为待写入数据。本申请实施例实现了定向精准地获取需要更新的数据以及更新数据在页面中的位置，通过DOM实现了局部刷新页面数据，使得操作人员无需手动刷新页面即可获取最新消息，避免操作人员因遗漏最新的数据导致延误工作，同时减轻了操作人员的工作量。
【技术实现步骤摘要】
实时更新页面数据的方法、装置、电子设备
本申请涉及网页数据处理
，具体而言，本申请涉及一种实时更新页面数据的方法、装置、电子设备。
技术介绍
互联网已经融入人们生活工作的方方面面。例如，生活中，人们越来越离不开网络购物、订购外卖，为了应对短时间内产生的大量订单，各家电商平台都建立了业务系统，方便及时获取到订单信息。又如，为了方便地进行企业管理和协同工作，越来越多的企业通过办公自动化OA系统进行企业内部流程审批、事务流转、文件审批等工作，实现了自动化、无纸化的网络办公和沟通方式。现有的业务系统或OA系统中，主菜单栏一般会有类似“我的订单”、“我的任务”等选项，点击这些选项可以获取到当前待处理的订单或任务。更好一些的业务系统会在菜单项旁标注当待处理订单的数量，如“【我的订单(12)】”，以提示订单数量或任务数量，但是，仍需操作人员手动刷新页面才能获取最新的待处理事项的数量。现有的业务系统或OA系统存在以下问题：操作人员需点手动击菜单项或者手动刷新页面才可获得最新消息，操作繁琐，一旦操作人员没有即时刷新页面，则有可能会遗漏任务，耽误工作。此外，无论是点击菜单项还是手动刷新页面，都需要重新读取整个页面的数据，使得业务系统产生无谓的消耗。
技术实现思路
本申请提供了一种实时更新页面数据的方法、装置、电子设备及计算机可读存储介质，可以解决需要操作人员手动刷新页面才可以获取最新消息的问题。所述技术方案如下：第一方面，本申请提供了一种实时更新页面数据的方法，该方法包括：接收服务器发送的消息队列；提取消息队列中的新消息，根据新消息确定待写入数据以及待写入数据对应的位置标识；通过文档对象模型DOM确定在当前页面中与位置标识对应的待更新位置，将待更新位置处的数据更新为待写入数据。第二方面，本申请提供了另一种实时更新页面数据的方法，该方法包括：接收后台生成的新消息，并将新消息放入消息中间件中对应的消息队列，新消息包括新数据以及用于指示当前网页中的待更新位置的位置标识；在满足预设条件时，将消息中间件中的消息队列发送给与消息队列对应的前端，以使前端根据消息队列中的新消息更新当前页面。第三方面，本申请提供了一种实时更新页面数据的装置，该装置包括：接收模块，用于接收服务器发送的消息队列；提取模块，用于提取消息队列中的新消息，根据新消息确定待写入数据以及待写入数据对应的位置标识；更新模块，用于通过文档对象模型DOM确定在当前页面中与位置标识对应的待更新位置，将待更新位置处的数据更新为待写入数据。第四方面，本申请提供了一种实时更新页面数据的装置，该装置包括：消息存储模块，用于接收后台生成的新消息，并将新消息放入消息中间件中对应的消息队列，新消息包括新数据以及用于指示当前网页中的待更新位置的位置标识；消息发送模块，用于在满足预设条件时，将消息中间件中的消息队列发送给与消息队列对应的前端，以使前端根据消息队列中的新消息更新当前页面。第五方面，本申请提供了一种电子设备，该电子设备包括：一个或多个处理器；存储器；一个或多个应用程序，其中一个或多个应用程序被存储在存储器中并被配置为由一个或多个处理器执行，一个或多个应用程序配置用于：执行本申请第一方面或第二方面所示的实时更新页面数据的方法。第六方面，本申请提供了一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现本申请第一方面或第二方面所示的实时更新页面数据的方法。本申请实施例提供的技术方案带来的有益效果是：定向精准地获取需要更新的数据以及更新数据在页面中的位置，通过DOM实现了局部刷新页面数据，使得操作人员无需手动刷新页面即可获取最新消息，避免操作人员因遗漏最新数据导致延误工作，同时减轻了操作人员的工作量。附图说明为了更清楚地说明本申请实施例中的技术方案，下面将对本申请实施例描述中所需要使用的附图作简单地介绍。图1为本申请实施例提供的一种实时更新页面数据的方法的流程示意图；图2为本申请实施例提供的另一种实时更新页面数据的方法的流程示意图；图3为本申请实施例提供的一种实时更新页面数据的装置的结构示意图；图4为本申请实施例提供的另一种实时更新页面数据的装置的结构示意图；图5为本申请实施例提供的一种电子设备的结构示意图；图6为本申请实施例提供的另一种电子设备的结构示意图。具体实施方式下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本申请，而不能解释为对本申请的限制。本
技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本申请的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解，当我们称元件被“连接”或“耦接”到另一元件时，它可以直接连接或耦接到其他元件，或者也可以存在中间元件。此外，这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。实施例一本申请实施例提供了一种实时更新页面数据的方法，如图1所示，该方法包括：步骤S101和步骤S102。步骤S101、接收后台生成的新消息，并将新消息放入消息中间件中对应的消息队列，新消息包括新数据以及用于指示当前网页中的待更新位置的位置标识。其中，后台生成新消息后，立即发送给服务器，每一条新消息都携带有一个主题，每个主题对应至少一个消息队列，每一个消息队列对应一个前端。服务器接收到后台生成的新消息后，依据新消息携带的主题将新消息存入消息中间件中相应的消息队列中。其中，消息中间件可选用ActiveMQ、RabbitMQ、Kafka、Jafka、RocketMQ等，在此不做限定。当消息队列发送给前端后，消息中间件会清空已发送的消息队列中的消息，等待服务器将后台产生的新消息写入消息队列。其中，新数据为待更新到页面中的数据，本实施例中的新数据具体是指产生频率较高一类数据，例如：订单数据、任务数据。待更新位置为页面中某个需要更新数据的位置，如网页中某一表格中的某个单元格，菜单栏或任务栏中用于显示待处理事项的单元格。页面中每一个显示区域(如表格中的单元格)都对应了HMTL中的一个标签。步骤S102、在满足预设条件时，将消息中间件中的消息队列发送给与消息队列对应的前端，以使前端根据消息队列中的新消息更新当前页面。其中，在满足预设条件时，根据消息队列对应的主题，将消息队列发送给相应的前端。前端在接收到消息队列后，从消息队列中提取出新消息，根据新消息中的位置标识确定当前网页中的待更新位置，通过AJAX(AsynchronousJavascriptAndXML，异步页面动态刷新)技术将当前网页中的待更新位置本文档来自技高网...
【技术保护点】
1.一种实时更新页面数据的方法，其特征在于，包括：接收服务器发送的消息队列；提取所述消息队列中的新消息，根据所述新消息确定待写入数据以及待写入数据对应的位置标识；通过文档对象模型DOM确定在当前页面中与所述位置标识对应的待更新位置，将所述待更新位置处的数据更新为所述待写入数据。
【技术特征摘要】
1.一种实时更新页面数据的方法，其特征在于，包括：接收服务器发送的消息队列；提取所述消息队列中的新消息，根据所述新消息确定待写入数据以及待写入数据对应的位置标识；通过文档对象模型DOM确定在当前页面中与所述位置标识对应的待更新位置，将所述待更新位置处的数据更新为所述待写入数据。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：当单位时间内接收到的消息队列的数量超过阈值时，创建多个消费对象，由各个消费对象轮流消费接收到的消息队列。3.根据权利要求1所述的方法，其特征在于，所述方法还包括：获取预设的配置文件，所述配置文件中包括类型标识；所述新消息的格式为key-value，其中，value为新数据，key为所述新数据对应的类型标识；所述提取所述消息队列中的新消息，根据所述新消息确定待写入数据，包括：从所述消息队列的新消息中提取出与所述配置文件中的类型标识对应的新数据；根据所述新数据确定待写入数据。4.根据权利要求1所述的方法，其特征在于，所述根据所述新消息确定待写入数据对应的位置标识，包括：提取所述新消息中的ID标识，所述ID标识为当前页面中各个标签的唯一标识；所述通过文档对象模型DOM确定在当前页面中与所述位置标识对应的待更新位置，将所述待更新位置处的数据更新为所述待写入数据，包括：通过DOM查询到与所述ID标识对应的目标标签；将所述目标标签中的数据更新为所述待写入数据。5.一种实时更新页面数据的方法，其特征在于，包括：接收后台生成的新消息，并将所述新消息放入消息中间件中对应的消息队列，所述新消息包括新数据以及用于指示当前网页中的待更新位置的位置标识；在满足预设条件时，将消息中间件中的消息队列发送给与所述消息队列对应的前端，以使所述前端根据所...
【专利技术属性】
技术研发人员：赖云辉，龙觉刚，孙成，叶俊锋，罗先贤，
申请(专利权)人：平安科技深圳有限公司，
类型：发明
国别省市：广东,44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。