[发明专利]浏览器页面展示数据处理方法及装置

说明书

本公开提供了一种浏览器页面展示数据处理方法及装置，涉及互联网技术领域，其中装置包括：前端显示处理模块，用于接收显示组件发送的展示数据处理请求，基于展示数据处理请求生成展示数据处理指令；后端数据服务模块，用于通过通信连接接收展示数据处理指令，根据展示数据处理指令进行数据库操作，获取对应的展示数据，将展示数据通过通信连接发送至前端显示处理模块；前端显示处理模块通过共享内存的方式使显示组件获取展示数据并在浏览器中进行展示。本公开的方法及装置，能够将显示组件的数据展示与进行的数据库操作进行解耦，减少了代码冗余，提高了开发效率以及数据库的运行效率和性能，可以提高前端浏览器的数据更行响应性能，便于维护。

技术领域

本公开涉及互联网技术领域，尤其涉及一种浏览器页面展示数据处理方法及装置。

背景技术

目前，互联网电商业务发展迅速，在web前端飞速发展的情况下，传统的开发方式己经不适合如今复杂庞大的前端系统，各种模块化、组件化开发的方法开始逐渐被人们提出并应用于实践。例如，W3C提出的Web Component标准及各种模板语言以及Vue框架等标准与技术。浏览器页面中的显示组件用于展示以及更新数据，在目前的开发过程中，显示组件的用于进行数据展示的代码与进行数据库操作的代码一般会耦合在一起，这极大地增加了代码冗余，并降低了开发效率，并且，当有多个显示组件同时进行数据同步则会降低数据库的运行效率和性能。

发明内容

有鉴于此，本发明要解决的一个技术问题是提供一种浏览器页面展示数据处理方法及装置。

根据本公开的一个方面，提供一种浏览器页面展示数据处理装置，包括：前端显示处理模块，部署在浏览器端，用于接收显示组件发送的展示数据处理请求，基于所述展示数据处理请求生成展示数据处理指令；后端数据服务模块，部署在服务器端，用于通过通信连接接收所述展示数据处理指令，根据所述展示数据处理指令进行数据库操作，获取对应的展示数据，将所述展示数据通过所述通信连接发送至所述前端显示处理模块；所述前端显示处理模块，还用于通过共享内存的方式使所述显示组件获取所述展示数据并在浏览器中进行展示。

可选地，所述通信连接包括：在浏览器与服务器之间建立的HTTP连接；所述前端显示处理模块，用于对所述展示数据处理请求进行解析，获取与需要获取的展示数据相对应的展示数据参数，根据所述展示数据参数并基于第一预设格式生成所述展示数据处理指令；使用所述HTTP连接并通过发送HTTP请求将所述展示数据处理指令发送给所述后端数据服务模块。

可选地，所述前端显示处理模块，用于在浏览器中通过AJAX方式发送所述HTTP请求。

可选地，所述显示组件为Vue组件，所述前端显示处理模块采用Vuex模式管理所述展示数据；其中，所述展示数据为全局变量，所述前端显示处理模块将接收到的所述展示数据放入共享内存中，以使所述显示组件从共享内存中读取所述展示数据。

可选地，所述前端显示处理模块，用于采用Vue.js框架搭建页面结构，创建所述显示组件，为所述显示组件设置路由跳转并启动，实现所述显示组件在页面中的挂载。

可选地，所述后端数据服务模块，用于获取预设的数据库操作配置文件，根据所述数据库操作配置文件获取数据库连接信息以及与所述展示数据处理指令对应的SQL语句，基于所述数据库连接信息和所述SQL语句进行数据库操作，用以获取所述展示数据。