浏览器页面展示数据处理方法及装置制造方法及图纸

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

Browser page display data processing method and device

The present disclosure provides a browser page display data processing method and device, which relates to the field of Internet technology. The device includes a front-end display processing module for receiving display data processing requests sent by display components, generating display data processing instructions based on display data processing requests, and a back-end data service module. Block is used to receive display data processing instructions through communication connection, perform database operation according to display data processing instructions, acquire corresponding display data, send display data to front-end display processing module through communication connection; front-end display processing module makes display component acquire display number by sharing memory. It is displayed in the browser. The disclosed method and device can decouple data display of display component from database operation, reduce code redundancy, improve development efficiency and database operation efficiency and performance, improve data response performance of front-end browser and facilitate maintenance.

【技术实现步骤摘要】
浏览器页面展示数据处理方法及装置
本公开涉及互联网
，尤其涉及一种浏览器页面展示数据处理方法及装置。
技术介绍
目前，互联网电商业务发展迅速，在web前端飞速发展的情况下，传统的开发方式己经不适合如今复杂庞大的前端系统，各种模块化、组件化开发的方法开始逐渐被人们提出并应用于实践。例如，W3C提出的WebComponent标准及各种模板语言以及Vue框架等标准与技术。浏览器页面中的显示组件用于展示以及更新数据，在目前的开发过程中，显示组件的用于进行数据展示的代码与进行数据库操作的代码一般会耦合在一起，这极大地增加了代码冗余，并降低了开发效率，并且，当有多个显示组件同时进行数据同步则会降低数据库的运行效率和性能。
技术实现思路
有鉴于此，本专利技术要解决的一个技术问题是提供一种浏览器页面展示数据处理方法及装置。根据本公开的一个方面，提供一种浏览器页面展示数据处理装置，包括：前端显示处理模块，部署在浏览器端，用于接收显示组件发送的展示数据处理请求，基于所述展示数据处理请求生成展示数据处理指令；后端数据服务模块，部署在服务器端，用于通过通信连接接收所述展示数据处理指令，根据所述展示数据处理指令进行数据库操作，获取对应的展示数据，将所述展示数据通过所述通信连接发送至所述前端显示处理模块；所述前端显示处理模块，还用于通过共享内存的方式使所述显示组件获取所述展示数据并在浏览器中进行展示。可选地，所述通信连接包括：在浏览器与服务器之间建立的HTTP连接；所述前端显示处理模块，用于对所述展示数据处理请求进行解析，获取与需要获取的展示数据相对应的展示数据参数，根据所述展示数据参数并基于第一预设格式生成所述展示数据处理指令；使用所述HTTP连接并通过发送HTTP请求将所述展示数据处理指令发送给所述后端数据服务模块。可选地，所述前端显示处理模块，用于在浏览器中通过AJAX方式发送所述HTTP请求。可选地，所述显示组件为Vue组件，所述前端显示处理模块采用Vuex模式管理所述展示数据；其中，所述展示数据为全局变量，所述前端显示处理模块将接收到的所述展示数据放入共享内存中，以使所述显示组件从共享内存中读取所述展示数据。可选地，所述前端显示处理模块，用于采用Vue.js框架搭建页面结构，创建所述显示组件，为所述显示组件设置路由跳转并启动，实现所述显示组件在页面中的挂载。可选地，所述后端数据服务模块，用于获取预设的数据库操作配置文件，根据所述数据库操作配置文件获取数据库连接信息以及与所述展示数据处理指令对应的SQL语句，基于所述数据库连接信息和所述SQL语句进行数据库操作，用以获取所述展示数据。可选地，所述后端数据服务模块，包括：服务接口模块，用于对所述HTTP请求进行解析，获取所述展示数据处理指令，从所述展示数据处理指令中提取所述展示数据参数；数据处理模块，用于从所述数据库操作配置文件中获取所述数据库连接信息；从所述数据库操作配置文件中获取数据库字段映射关系，根据所述数据库字段映射关系获得与所述展示数据参数相对应的数据库字段，基于所述数据库字段生成所述SQL语句；数据执行模块，用于基于所述数据库连接信息连接数据库并在此数据库中执行所述SQL语句，用以获得所述展示数据；其中，所述数据库包括：MySql、SQLServer、MariaDB。可选地，所述服务接口模块，还用于将所述展示数据基于第二预设格式生成所述展示数据并通过所述通信连接发送给所述前端显示处理模块；其中，所述第一预设格式和第二预设格式包括：XML或JSON格式。可选地，所述数据执行模块，用于通过javePromise对象实现基于所述SQL语句的数据库执行功能，用以通过异步方式执行所述SQL语句，获得所述展示数据。根据本专利技术的另一方面，提供一种浏览器页面展示数据处理方法，包括：在浏览器端部署前端显示处理模块，在服务器端部署后端数据服务模块；所述前端显示处理模块接收显示组件发送的展示数据处理请求，基于所述展示数据处理请求生成展示数据处理指令；所述后端数据服务模块通过通信连接接收所述展示数据处理指令，根据所述展示数据处理指令进行数据库操作，获取对应的展示数据；所述后端数据服务模块将所述展示数据通过所述通信连接发送至所述前端显示处理模块；所述前端显示处理模块通过共享内存的方式使所述显示组件获取所述展示数据并在浏览器中进行展示。可选地，所述通信连接包括：在浏览器与服务器之间建立的HTTP连接；所述方法还包括：所述前端显示处理模块对所述展示数据处理请求进行解析，获取与需要获取的展示数据相对应的展示数据参数；所述前端显示处理模块根据所述展示数据参数并基于第一预设格式生成所述展示数据处理指令；所述前端显示处理模块使用所述HTTP连接并通过发送HTTP请求将所述展示数据处理指令发送给所述后端数据服务模块。可选地，所述前端显示处理模块在浏览器中通过AJAX方式发送所述HTTP请求。可选地，所述显示组件为Vue组件，所述前端显示处理模块采用Vuex模式管理所述展示数据；所述前端显示处理模块通过共享内存的方式使所述显示组件获取所述展示数据包括：所述前端显示处理模块将接收到的所述展示数据放入共享内存中，以使所述显示组件从共享内存中读取所述展示数据；其中，所述展示数据为全局变量。可选地，所述前端显示处理模块采用Vue.js框架搭建页面结构，创建所述显示组件，为所述显示组件设置路由跳转并启动，实现所述显示组件在页面中的挂载。可选地，所述根据所述展示数据处理指令进行数据库操作、获取对应的展示数据包括：所述后端数据服务模块获取预设的数据库操作配置文件，根据所述数据库操作配置文件获取数据库连接信息以及与所述展示数据处理指令对应的SQL语句；所述后端数据服务模块基于所述数据库连接信息和所述SQL语句进行数据库操作，用以获取所述展示数据。可选地，所述后端数据服务模块包括：服务接口模块、数据处理模块和数据执行模块；所述方法还包括：所述服务接口模块对所述HTTP请求进行解析，获取所述展示数据处理指令，从所述展示数据处理指令中提取所述展示数据参数；所述数据处理模块从所述数据库操作配置文件中获取所述数据库连接信息；所述数据处理模块从所述数据库操作配置文件中获取数据库字段映射关系，根据所述数据库字段映射关系获得与所述展示数据参数相对应的数据库字段，基于所述数据库字段生成所述SQL语句；所述数据执行模块基于所述数据库连接信息连接数据库并在此数据库中执行所述SQL语句，用以获得所述展示数据；其中，所述数据库包括：MySql、SQLServer、MariaDB。可选地，所述服务接口模块将所述展示数据基于第二预设格式生成所述展示数据并通过所述通信连接发送给所述前端显示处理模块；其中，所述第一预设格式和第二预设格式包括：XML或JSON格式。可选地，所述数据执行模块执行所述SQL语句包括：所述数据执行模块通过javePromise对象实现基于所述SQL语句的数据库执行功能，用以通过异步方式执行所述SQL语句，获得所述展示数据。根据本专利技术的又一方面，提供一种浏览器页面展示数据处理装置，包括：存储器；以及耦接至所述存储器的处理器，所述处理器被配置为基于存储在所述存储器中的指令，执行如上所述的方法。根据本专利技术的再一方面，提供本文档来自技高网...

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

【技术特征摘要】
1.一种浏览器页面展示数据处理装置，包括：前端显示处理模块，部署在浏览器端，用于接收显示组件发送的展示数据处理请求，基于所述展示数据处理请求生成展示数据处理指令；后端数据服务模块，部署在服务器端，用于通过通信连接接收所述展示数据处理指令，根据所述展示数据处理指令进行数据库操作，获取对应的展示数据，将所述展示数据通过所述通信连接发送至所述前端显示处理模块；所述前端显示处理模块，还用于通过共享内存的方式使所述显示组件获取所述展示数据并在浏览器中进行展示。2.如权利要求1所述的装置，其中，所述通信连接包括：在浏览器与服务器之间建立的HTTP连接；所述前端显示处理模块，用于对所述展示数据处理请求进行解析，获取与需要获取的展示数据相对应的展示数据参数，根据所述展示数据参数并基于第一预设格式生成所述展示数据处理指令；使用所述HTTP连接并通过发送HTTP请求将所述展示数据处理指令发送给所述后端数据服务模块。3.如权利要求2所述的装置，其中，所述前端显示处理模块，用于在浏览器中通过AJAX方式发送所述HTTP请求。4.如权利要求2所述的装置，其中，所述显示组件为Vue组件，所述前端显示处理模块采用Vuex模式管理所述展示数据；其中，所述展示数据为全局变量，所述前端显示处理模块将接收到的所述展示数据放入共享内存中，以使所述显示组件从共享内存中读取所述展示数据。5.如权利要求4所述的装置，其中，所述前端显示处理模块，用于采用Vue.js框架搭建页面结构，创建所述显示组件，为所述显示组件设置路由跳转并启动，实现所述显示组件在页面中的挂载。6.如权利要求2所述的装置，其中，所述后端数据服务模块，用于获取预设的数据库操作配置文件，根据所述数据库操作配置文件获取数据库连接信息以及与所述展示数据处理指令对应的SQL语句，基于所述数据库连接信息和所述SQL语句进行数据库操作，用以获取所述展示数据。7.如权利要求6所述的装置，其中，所述后端数据服务模块，包括：服务接口模块，用于对所述HTTP请求进行解析，获取所述展示数据处理指令，从所述展示数据处理指令中提取所述展示数据参数；数据处理模块，用于从所述数据库操作配置文件中获取所述数据库连接信息；从所述数据库操作配置文件中获取数据库字段映射关系，根据所述数据库字段映射关系获得与所述展示数据参数相对应的数据库字段，基于所述数据库字段生成所述SQL语句；数据执行模块，用于基于所述数据库连接信息连接数据库并在此数据库中执行所述SQL语句，用以获得所述展示数据；其中，所述数据库包括：MySql、SQLServer、MariaDB。8.如权利要求7所述的装置，其中，所述服务接口模块，还用于将所述展示数据基于第二预设格式生成所述展示数据并通过所述通信连接发送给所述前端显示处理模块；其中，所述第一预设格式和第二预设格式包括：XML或JSON格式。9.如权利要求7所述的装置，其中，所述数据执行模块，用于通过javePromise对象实现基于所述SQL语句的数据库执行功能，用以通过异步方式执行所述SQL语句，获得所述展示数据。10.一种浏览器页面展示数据处理方法，包括：在浏览器端部署前端显示处理模块，在服务器端部署后端数据服务模块；所述前端显示处理模块接收显示组件发送的展示数据处理请求，基于所述展示数据处理请求生成展示数据处理指令；所述后端数据服务模块通过通信连接接收所述展示数据处理指令，根据所述展示数据处理指令进行数据库操作，获取对应的展示数据；所述后端数...

【专利技术属性】
技术研发人员：刘野，
申请(专利权)人：北京京东金融科技控股有限公司，
类型：发明
国别省市：北京,11