[发明专利]一种前端界面的数据缓存优化方法

说明书

本发明公开了一种前端界面的数据缓存优化方法，包括：用户通过前端界面按钮点击进入新界面发送缓存数据请求；通过indexdb数据库存储数据，检查数据库中是否存在该缓存，若不存在对应缓存，请求服务器，将业务数据及请求查询参数及请求时间封装至数据库内，新建请求连接，若存在对应缓存，判断对应请求查询参数是否相同，若不存在相同请求查询参数，请求服务器读取数据，将数据封装至数据库内，若存在对应相同请求查询参数，则判断是否超时，若未超过过期时间，则读取缓存数据，若超时，请求服务器将数据更新。本方法解决多方位缓存，减少延迟，优化缓存机制，不断扩充缓存服务器内容，提高访问效率、增强访问质量，提高数据读取操作的可扩展性。

技术领域

本发明内容涉及数据处理技术领域，尤其涉及一种前端界面的数据缓存优化方法。

背景技术

在金融科技领域中，需要构建用户需要的网站，用户可以通过构建的网站进行网页浏览。目前在进行前端页面的开发时，性能是很重要的一点，前端界面性能提高就需要优化缓存，往往要由前端开发人员与后端开发人员不断地进行沟通及调试来静态地生成每一个前端页面，并将每一个前端页面部署在后端服务器上。基于金融科技领域对信息的安全性、实时性要求，金融科技对前端界面数据缓存的性能要求也比较高，一个优秀的缓存策略可以缩短界面请求资源的时间，减少延迟。

在前端开发的过程中采用cookie缓存安全性不高，容易被中间商篡改；通过cache-control缓存界面，或通过js控制数据缓存，但是在数据缓存过程中经常遇到cache-control无法拿到接口的返回，无法对请求的返回值进行重复利用，网络请求的缓存无法判断是get缓存，并且不能根据参数拿到不同的返回值，若出现请求同一接口但参数有所改变的情况就会无法满足现有页面或者APP界面的操作功能，出现卡顿、无法访问，影响用户体验。

发明内容

本发明内容所要解决的技术问题是针对背景技术中所涉及到的缺陷，提供一种前端界面的数据缓存优化方法，解决了缓存无法拿到返回数据，前端界面无法访问的问题，优化缓存机制，解决多方位缓存，稳定高效。

本发明内容的目的及解决的技术问题是采用以下技术方案来实现的：

一种前端界面的数据缓存优化方法，包括：

S1:用户通过前端界面按钮点击进入新界面发送缓存数据请求；

S2：通过indexdb数据库存储数据，通过JavaScript语言检查数据库中是否存在该缓存，若不存在对应缓存，则请求服务器，将业务数据及请求查询参数及请求时间封装至数据库内，新建请求连接，若存在对应缓存，则进行步骤S3；

S3：判断对应请求查询参数是否相同，若不存在对应相同请求查询参数，请求服务器读取数据，将业务数据及请求查询参数及请求时间封装至数据库内，若存在对应相同请求查询参数，则执行步骤S4；

S4：判断数据的请求时间与当前时间的时间差是否超过预先设定的过期时间，若未超过过期时间，则读取缓存数据，若超过过期时间，则请求服务器将indexdb数据库中的对应业务数据、请求查询参数及请求时间更新；

S5：完成请求数据缓存，推送给用户。

优选的，所述步骤S2中，判断是否存在缓存前，预先设定缓存组件。

优选的，所述前端界面的数据缓存优化方法实施时，包括查询模块、检查模块、请求模块、缓存模块，所述查询模块发送查询请求，进行数据的查询；

所述检查模块检查indexdb数据库是否存在指定缓存，以及请求参数是否满足预先设定条件；

所述请求模块与服务器建立请求连接，返回数据；

所述缓存模块将数据、请求查询参数及时间戳存储至数据库中。