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

权利要求书

1.一种前端界面的数据缓存优化方法，其特征在于，包括：

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

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

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

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

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

2.根据权利要求1所述的一种前端界面的数据缓存优化方法，其特征在于，所述步骤S2中，判断是否存在缓存前，预先设定缓存组件。

3.根据权利要求1所述的一种前端界面的数据缓存优化方法，其特征在于，所述前端界面的数据缓存优化方法实施时，包括查询模块、检查模块、请求模块、缓存模块，所述查询模块发送查询请求，进行数据的查询；

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

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

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

4.根据权利要求1所述的一种前端界面的数据缓存优化方法，其特征在于，所述前端界面的数据缓存优化方法中，将数据请求中的get请求，通过indexdb数据库内的缓存数组进行接口地址、参数、过期时间的比较，通过规则检验，读取indexdb数据库内缓存，若无数据请求，新建数据请求后更新数据缓存。

5.根据权利要求4所述的一种前端界面的数据缓存优化方法，其特征在于，通过promise读取到get请求值的返回值与请求参数，缓存在indexdb数据库中。

6.根据权利要求1所述的一种前端界面的数据缓存优化方法，其特征在于，所述步骤S2中，所述数据缓存请求包含访问地址，还可根据访问地址判断该缓存是否存在于数据库中。

7.根据权利要求3所述的一种前端界面的数据缓存优化方法，其特征在于，数据的请求时间与当前时间的时间差超过预先设定的过期时间时，则请求服务器新建数据缓存请求，重新发起查询请求，查询模块发送查询请求，进行数据的查询。