CN113572807A - 一种前端界面的数据缓存优化方法 - Google Patents
一种前端界面的数据缓存优化方法 Download PDFInfo
- Publication number
- CN113572807A CN113572807A CN202110621268.7A CN202110621268A CN113572807A CN 113572807 A CN113572807 A CN 113572807A CN 202110621268 A CN202110621268 A CN 202110621268A CN 113572807 A CN113572807 A CN 113572807A
- Authority
- CN
- China
- Prior art keywords
- data
- request
- cache
- database
- query
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 28
- 238000005457 optimization Methods 0.000 title claims abstract description 15
- 238000004806 packaging method and process Methods 0.000 claims abstract description 8
- 238000007689 inspection Methods 0.000 claims description 3
- 230000007246 mechanism Effects 0.000 abstract description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000003111 delayed effect Effects 0.000 description 2
- 235000014510 cooky Nutrition 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/56—Provisioning of proxy services
- H04L67/568—Storing data temporarily at an intermediate stage, e.g. caching
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/55—Push-based network services
Landscapes
- Engineering & Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明公开了一种前端界面的数据缓存优化方法,包括:用户通过前端界面按钮点击进入新界面发送缓存数据请求;通过indexdb数据库存储数据,检查数据库中是否存在该缓存,若不存在对应缓存,请求服务器,将业务数据及请求查询参数及请求时间封装至数据库内,新建请求连接,若存在对应缓存,判断对应请求查询参数是否相同,若不存在相同请求查询参数,请求服务器读取数据,将数据封装至数据库内,若存在对应相同请求查询参数,则判断是否超时,若未超过过期时间,则读取缓存数据,若超时,请求服务器将数据更新。本方法解决多方位缓存,减少延迟,优化缓存机制,不断扩充缓存服务器内容,提高访问效率、增强访问质量,提高数据读取操作的可扩展性。
Description
技术领域
本发明内容涉及数据处理技术领域,尤其涉及一种前端界面的数据缓存优化方法。
背景技术
在金融科技领域中,需要构建用户需要的网站,用户可以通过构建的网站进行网页浏览。目前在进行前端页面的开发时,性能是很重要的一点,前端界面性能提高就需要优化缓存,往往要由前端开发人员与后端开发人员不断地进行沟通及调试来静态地生成每一个前端页面,并将每一个前端页面部署在后端服务器上。基于金融科技领域对信息的安全性、实时性要求,金融科技对前端界面数据缓存的性能要求也比较高,一个优秀的缓存策略可以缩短界面请求资源的时间,减少延迟。
在前端开发的过程中采用cookie缓存安全性不高,容易被中间商篡改;通过cache-control缓存界面,或通过js控制数据缓存,但是在数据缓存过程中经常遇到cache-control无法拿到接口的返回,无法对请求的返回值进行重复利用,网络请求的缓存无法判断是get缓存,并且不能根据参数拿到不同的返回值,若出现请求同一接口但参数有所改变的情况就会无法满足现有页面或者APP界面的操作功能,出现卡顿、无法访问,影响用户体验。
发明内容
本发明内容所要解决的技术问题是针对背景技术中所涉及到的缺陷,提供一种前端界面的数据缓存优化方法,解决了缓存无法拿到返回数据,前端界面无法访问的问题,优化缓存机制,解决多方位缓存,稳定高效。
本发明内容的目的及解决的技术问题是采用以下技术方案来实现的:
一种前端界面的数据缓存优化方法,包括:
S1:用户通过前端界面按钮点击进入新界面发送缓存数据请求;
S2:通过indexdb数据库存储数据,通过JavaScript语言检查数据库中是否存在该缓存,若不存在对应缓存,则请求服务器,将业务数据及请求查询参数及请求时间封装至数据库内,新建请求连接,若存在对应缓存,则进行步骤S3;
S3:判断对应请求查询参数是否相同,若不存在对应相同请求查询参数,请求服务器读取数据,将业务数据及请求查询参数及请求时间封装至数据库内,若存在对应相同请求查询参数,则执行步骤S4;
S4:判断数据的请求时间与当前时间的时间差是否超过预先设定的过期时间,若未超过过期时间,则读取缓存数据,若超过过期时间,则请求服务器将indexdb数据库中的对应业务数据、请求查询参数及请求时间更新;
S5:完成请求数据缓存,推送给用户。
优选的,所述步骤S2中,判断是否存在缓存前,预先设定缓存组件。
优选的,所述前端界面的数据缓存优化方法实施时,包括查询模块、检查模块、请求模块、缓存模块,所述查询模块发送查询请求,进行数据的查询;
所述检查模块检查indexdb数据库是否存在指定缓存,以及请求参数是否满足预先设定条件;
所述请求模块与服务器建立请求连接,返回数据;
所述缓存模块将数据、请求查询参数及时间戳存储至数据库中。
优选的,所述前端界面的数据缓存优化方法中,将数据请求中的get请求,通过indexdb数据库内的缓存数组进行接口地址、参数、过期时间的比较,通过规则检验,读取indexdb数据库内缓存,若无数据请求,新建数据请求后更新数据缓存。
优选的,通过promise读取到get请求值的返回值与请求参数,缓存在indexdb数据库中。
优选的,所述步骤S2中,所述数据缓存请求包含访问地址,还可根据访问地址判断该缓存是否存在于数据库中。
优选的,数据的请求时间与当前时间的时间差超过预先设定的过期时间时,则请求服务器新建数据缓存请求,重新发起查询请求,查询模块发送查询请求,进行数据的查询。
本发明提出的前端界面的数据缓存优化方法通用性强,解决多方位缓存,通过indexdb数据库存储数据,可进行二进制存储,可以批量存储大量不同类型的数据,请求失败时整个事务进行回滚,确保数据的准确性;优化缓存机制,通过不同路径不断扩充缓存服务器中的内容,增加数据缓存的覆盖范围,优化服务器性能;可以在不同数据请求中找到相应的数据,减少了读取数据的延迟,防止不同的参数请求造成无法更新数据、使网页加载延迟的问题;可以对现有数据进行清晰的数据处理,以应对多种场景的数据请求缓存,提高访问效率、增强访问质量与访问量,提高数据读取操作的可扩展性。
附图说明
图1为一种前端界面的数据缓存优化方法流程图。
具体实施方式
下面结合附图对本发明内容的技术方案做进一步的详细说明。显然,所描述的实施例仅仅是本发明内容一部分实施例,而不是全部的实施例,本领域普通技术人员在没有付出创造性劳动前提下所获得的所有其他实施例,都属于本发明内容保护的范围。
应当理解,尽管这里可以使用术语第一、第二、第三等描述各个元件、组件和/或部分,但这些元件、组件和/或部分不受这些术语限制。
一种前端界面的数据缓存优化方法,包括:
S1:用户通过前端界面按钮点击进入新界面发送缓存数据请求;
S2:通过indexdb数据库存储数据,通过JavaScript语言检查数据库中是否存在该缓存,若不存在对应缓存,则请求服务器,将业务数据及请求查询参数及请求时间封装至数据库内,新建请求连接,若存在对应缓存,则进行步骤S3;
S3:判断对应请求查询参数是否相同,若不存在对应相同请求查询参数,请求服务器读取数据,将业务数据及请求查询参数及请求时间封装至数据库内,若存在对应相同请求查询参数,则执行步骤S4;
S4:判断数据的请求时间与当前时间的时间差是否超过预先设定的过期时间,若未超过过期时间,则读取缓存数据,若超过过期时间,则请求服务器将indexdb数据库中的对应业务数据、请求查询参数及请求时间更新;
S5:完成请求数据缓存,推送给用户。
优选的,所述步骤S2中,判断是否存在缓存前,预先设定缓存组件。
优选的,所述前端界面的数据缓存优化方法实施时,包括查询模块、检查模块、请求模块、缓存模块,所述查询模块发送查询请求,进行数据的查询;
所述检查模块检查indexdb数据库是否存在指定缓存,以及请求参数是否满足预先设定条件;
所述请求模块与服务器建立请求连接,返回数据;
所述缓存模块将数据、请求查询参数及时间戳存储至数据库中。
优选的,所述前端界面的数据缓存优化方法中,将数据请求中的get请求,通过indexdb数据库内的缓存数组进行接口地址、参数、过期时间的比较,通过规则检验,读取indexdb数据库内缓存,若无数据请求,新建数据请求后更新数据缓存。
优选的,通过promise读取到get请求值的返回值与请求参数,缓存在indexdb数据库中。
优选的,所述步骤S2中,所述数据缓存请求包含访问地址,还可根据访问地址判断该缓存是否存在于数据库中。
优选的,数据的请求时间与当前时间的时间差超过预先设定的过期时间时,则请求服务器新建数据缓存请求,重新发起查询请求,查询模块发送查询请求,进行数据的查询。
本发明提出的前端界面的数据缓存优化方法通用性强,解决多方位缓存,可进行二进制存储,可以批量存储大量不同类型的数据,请求失败时整个事务进行回滚,确保数据的准确性;可以在不同数据请求中找到相应的数据,减少了读取数据的延迟,防止不同的参数请求造成无法更新数据、使网页加载延迟的问题;可以对现有数据进行清晰的数据处理,以应对多种场景的数据请求缓存,提高访问量与访问效率、增强访问质量。
以上公开的本说明书优选实施例只是用于帮助阐述本说明书。可选实施例并没有详尽叙述所有的细节,也不限制该发明仅为所述的具体实施方式。显然,根据本说明书的内容,可作很多的修改和变化。本说明书选取并具体描述这些实施例,是为了更好地解释本说明书的原理和实际应用,从而使所属技术领域技术人员能很好地理解和利用本说明书。本说明书仅受权利要求书及其全部范围和等效物的限制。
Claims (7)
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所述的一种前端界面的数据缓存优化方法,其特征在于,数据的请求时间与当前时间的时间差超过预先设定的过期时间时,则请求服务器新建数据缓存请求,重新发起查询请求,查询模块发送查询请求,进行数据的查询。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110621268.7A CN113572807A (zh) | 2021-06-03 | 2021-06-03 | 一种前端界面的数据缓存优化方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110621268.7A CN113572807A (zh) | 2021-06-03 | 2021-06-03 | 一种前端界面的数据缓存优化方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113572807A true CN113572807A (zh) | 2021-10-29 |
Family
ID=78161038
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110621268.7A Pending CN113572807A (zh) | 2021-06-03 | 2021-06-03 | 一种前端界面的数据缓存优化方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113572807A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110295874A1 (en) * | 2010-05-27 | 2011-12-01 | International Business Machines Corporation | Metadata cache management |
CN103077196A (zh) * | 2012-12-25 | 2013-05-01 | 宁波公众信息产业有限公司 | 一种从公网web网站到内网数据库的访问方法 |
CN106126356A (zh) * | 2016-06-24 | 2016-11-16 | 努比亚技术有限公司 | 一种服务器缓存的实现、生成方法及系统 |
CN106326389A (zh) * | 2016-08-17 | 2017-01-11 | 深圳市金证科技股份有限公司 | 一种基于数据缓存的业务请求处理方法及系统 |
CN110928904A (zh) * | 2019-10-31 | 2020-03-27 | 北京浪潮数据技术有限公司 | 一种数据查询方法、装置及相关组件 |
-
2021
- 2021-06-03 CN CN202110621268.7A patent/CN113572807A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110295874A1 (en) * | 2010-05-27 | 2011-12-01 | International Business Machines Corporation | Metadata cache management |
CN103077196A (zh) * | 2012-12-25 | 2013-05-01 | 宁波公众信息产业有限公司 | 一种从公网web网站到内网数据库的访问方法 |
CN106126356A (zh) * | 2016-06-24 | 2016-11-16 | 努比亚技术有限公司 | 一种服务器缓存的实现、生成方法及系统 |
CN106326389A (zh) * | 2016-08-17 | 2017-01-11 | 深圳市金证科技股份有限公司 | 一种基于数据缓存的业务请求处理方法及系统 |
CN110928904A (zh) * | 2019-10-31 | 2020-03-27 | 北京浪潮数据技术有限公司 | 一种数据查询方法、装置及相关组件 |
Non-Patent Citations (1)
Title |
---|
张暑军: "《基于HTML5的APP开发教程(第2版) 9.6.3 IndexedDB存储》", 北京理工大学出版社, pages: 9 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10645143B1 (en) | Static tracker | |
CN102104636B (zh) | 域名系统查找延迟减少 | |
US11449570B2 (en) | Data caching method and apparatus | |
CN109684575A (zh) | 网页数据的处理方法及装置、存储介质、计算机设备 | |
US7778987B2 (en) | Locally storing web-based database data | |
US8799576B1 (en) | System for caching data | |
CN104714965B (zh) | 静态资源去重方法、静态资源管理方法及装置 | |
EP3624398A1 (en) | Storage capacity evaluation method and apparatus based on cdn application | |
CN109240946A (zh) | 数据的多级缓存方法及终端设备 | |
CN105550338A (zh) | 一种基于HTML5应用缓存的移动Web缓存优化方法 | |
CN110109953A (zh) | 一种数据查询方法、装置及设备 | |
US20130013859A1 (en) | Structure-Based Adaptive Document Caching | |
CN111782692B (zh) | 一种频率控制方法及装置 | |
CN103152367A (zh) | 一种缓存的动态维护更新方法及系统 | |
CN106354732B (zh) | 一种支持并发协同的离线数据版本冲突解决方法 | |
CN105337891A (zh) | 用于分布式缓存系统的流量控制方法和装置 | |
CN107545050A (zh) | 数据查询方法及装置、电子设备 | |
CN116226200A (zh) | 一种基于bff架构的服务接口数据缓存方法、装置及设备 | |
CN104424325A (zh) | 数据查询方法和装置 | |
CN109062717B (zh) | 数据缓存及缓存容灾方法和系统、缓存系统 | |
CN111273964B (zh) | 一种数据加载方法及装置 | |
CN113572807A (zh) | 一种前端界面的数据缓存优化方法 | |
CN113330432A (zh) | 搜索结果中列出的内容的异步预测性缓存 | |
CN114048409A (zh) | 缓存管理方法、装置、计算设备及存储介质 | |
US10482101B1 (en) | Method and system for optimizing data replication for large scale archives |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20211029 |
|
WD01 | Invention patent application deemed withdrawn after publication |