CN113254819B - 一种页面渲染方法、系统、设备和存储介质 - Google Patents

一种页面渲染方法、系统、设备和存储介质 Download PDF

Info

Publication number
CN113254819B
CN113254819B CN202110585212.0A CN202110585212A CN113254819B CN 113254819 B CN113254819 B CN 113254819B CN 202110585212 A CN202110585212 A CN 202110585212A CN 113254819 B CN113254819 B CN 113254819B
Authority
CN
China
Prior art keywords
page
target
level cache
request
service data
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.)
Active
Application number
CN202110585212.0A
Other languages
English (en)
Other versions
CN113254819A (zh
Inventor
黄林海
郑思婷
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangdong Pacific Internet Information Service Co ltd
Original Assignee
Guangdong Pacific Internet Information Service Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangdong Pacific Internet Information Service Co ltd filed Critical Guangdong Pacific Internet Information Service Co ltd
Priority to CN202110585212.0A priority Critical patent/CN113254819B/zh
Publication of CN113254819A publication Critical patent/CN113254819A/zh
Application granted granted Critical
Publication of CN113254819B publication Critical patent/CN113254819B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种页面渲染方法、系统、设备和存储介质,应用于页面渲染系统,方法包括:当接收到浏览器发送的页面请求时,判断是否缓存有页面请求对应的目标页面;若判定未缓存有目标页面,则根据页面请求获取页面模板、页面组件和多种初始业务数据;对多种初始业务数据执行格式统一化处理,生成目标业务数据;加载页面组件和目标业务数据到页面模板,生成目标页面并返回至浏览器。

Description

一种页面渲染方法、系统、设备和存储介质
技术领域
本发明涉及页面渲染技术领域,尤其涉及一种页面渲染方法、系统、设备和存储介质。
背景技术
伴随着公司的汽车业务快速发展,随之而来的是业务需求的不断增加,同时对流量增长的需求愈加迫切,此时网站的搜索效率也就显得至关重要。
为此,现有技术通常是使用JSP(Java Server Pages,JAVA服务器页面)技术渲染页面,在前端人员渲染结束后,通过后端同步已修改的静态资源文件并重新发布版本。
但在上述现有技术中,在每接收到一个新的需求或对静态展示模块的改动时,都需要后端对页面进行更新、发布新的版本和重复渲染。而且对于大量交互相同但用户界面UI相似的功能模块,从页面设计到具体的数据处理同样需要进行重复的渲染,前后端耦合严重,渲染效率低下,且不断的重复渲染进一步导致服务器资源成本剧增。
发明内容
本发明提供了一种页面渲染方法、系统、设备和存储介质,解决了由于现有的页面渲染方法前后端耦合严重,渲染效率低下所导致的服务器资源成本剧增的技术问题。
有鉴于此,本发明第一方面提供了一种页面渲染方法,应用于页面渲染系统,所述方法包括:
当接收到浏览器发送的页面请求时,判断是否缓存有所述页面请求对应的目标页面;
若判定未缓存有所述目标页面,则根据所述页面请求获取页面模板、页面组件和多种初始业务数据;
对所述多种初始业务数据执行格式统一化处理,生成目标业务数据;
加载所述页面组件和所述目标业务数据到所述页面模板,生成目标页面并返回至所述浏览器。
可选地,所述页面渲染系统内置有一级缓存和二级缓存;所述当接收到浏览器发送的页面请求时,判断是否缓存有所述页面请求对应的目标页面的步骤,包括:
当接收到所述浏览器发送的页面请求时,根据所述页面请求检索所述一级缓存;
当在所述一级缓存未检索到所述页面请求对应的目标页面时,则基于所述页面请求检索所述二级缓存;
当在所述二级缓存未检索到所述目标页面时,则判定未缓存有所述目标页面;
当在所述一级缓存或所述二级缓存中检索到所述目标页面时,则判定缓存有所述目标页面。
可选地,所述若判定未缓存有所述目标页面,则根据所述页面请求获取页面模板、页面组件和多种初始业务数据的步骤,包括:
若判定未缓存有所述目标页面,则根据所述页面请求,确定对应的业务主题;
以所述业务主题作为关键字检索多个预设数据源,得到与所述业务主题对应的多种初始业务数据;
从预设的静态资源库获取页面模板,以及从预设的核心组件库获取页面组件。
可选地,所述从预设的静态资源库获取页面模板,以及从预设的核心组件库获取页面组件的步骤,包括:
基于所述页面请求,确定所述页面请求所对应的页面类型;
发送与所述页面类型对应的模板请求到预设的静态资源库;
接收所述静态资源库响应所述模板请求返回的页面模板;
根据所述页面请求,确定所述页面请求所对应的页面组件功能;
基于所述页面组件功能,从预设的核心组件库获取页面组件。
可选地,所述对所述多种初始业务数据执行格式统一化处理,生成目标业务数据的步骤,包括:
根据所述页面请求确定目标数据格式;
将多种所述初始业务数据的初始数据格式均转换为所述目标数据格式,生成统一格式的目标业务数据。
可选地,所述加载所述页面组件和所述目标业务数据到所述页面模板,生成目标页面并返回至所述浏览器的步骤,包括:
加载所述页面组件与所述目标业务数据到所述页面模板,生成目标页面;
按照预设缓存时间和预设缓存页面数量,将所述目标页面缓存到所述二级缓存;
通过所述二级缓存同步所述目标页面到所述一级缓存;
通过所述一级缓存返回所述目标页面到所述浏览器。
可选地,还包括:
若判定所述一级缓存有所述目标页面,则从所述一级缓存获取所述目标页面并返回到所述浏览器;
若判定所述一级缓存未缓存有所述目标页面,且所述二级缓存有所述目标页面,则通过所述一级缓存从所述二级缓存获取所述目标页面并返回到所述浏览器。
本发明第二方面提供了一种页面渲染系统,包括:
多级缓存模块,用于当接收到浏览器发送的页面请求时,判断是否缓存有所述页面请求对应的目标页面;
数据获取模块,用于若判定未缓存有所述目标页面,则根据所述页面请求获取页面模板、页面组件和多种初始业务数据;
数据处理模块,用于对所述多种初始业务数据执行格式统一化处理,生成目标业务数据;
页面渲染与返回模块,用于加载所述页面组件和所述目标业务数据到所述页面模板,生成目标页面并返回至所述浏览器。
本发明第三方面提供了一种页面渲染设备,包括存储器及处理器,所述存储器中储存有计算机程序,所述计算机程序被所述处理器执行时,使得所述处理器执行如本发明第一方面任一项所述的页面渲染方法的步骤。
本发明第四方面提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被所述处理器执行时实现如本发明第一方面任一项所述的页面渲染方法。
从以上技术方案可以看出,本发明具有以下优点:
本发明当接收到浏览器发送的页面请求时,基于该页面请求判断是否缓存有目标页面,当判定未缓存有目标页面时,可以根据页面请求获取对应的页面模板、页面组件以及对应的多种初始业务数据;再对多种初始业务数据进行格式统一化处理,以生成统一格式的目标业务数据;最后将页面组件和目标业务数据加载到页面模板上,以生成目标页面并返回到浏览器显示。从而解决由于现有的页面渲染方法前后端耦合严重,渲染效率低下所导致的服务器资源成本剧增的技术问题。有效实现对页面渲染的前后端解耦,提高渲染效率,降低服务器资源成本。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其它的附图。
图1为本发明实施例一提供的一种页面渲染方法的步骤流程图;
图2为本发明实施例二提供的一种页面渲染方法的步骤流程图;
图3为本发明实施例二中的一种数据处理组件的处理流程图;
图4为本发明实施例二中的一种目标页面生成过程的流程图;
图5为本发明实施例三提供的一种页面渲染系统的结构框图。
具体实施方式
在现有技术中,通常是使用JSP技术渲染页面,在前端人员开发页面结束后,必须经由后端同步已修改的静态资源文件并重新发布版本,效率低下,且在需求暴增的情况下,无法对相似业务进行快速处理,在每接收到一个业务需求时都需要经过前端进行UI界面调整,重新处理新的数据结构,再将打包的静态文件交于后端人员更新和重新发布版本,流程繁琐,服务器所使用的资源增加,开发成本剧增。
本发明实施例提供了一种页面渲染方法、系统、设备和存储介质,用于解决由于现有的页面渲染方法前后端耦合严重,渲染效率低下所导致的服务器资源成本剧增的技术问题。
为使得本发明的发明目的、特征、优点能够更加的明显和易懂,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,下面所描述的实施例仅仅是本发明一部分实施例,而非全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
请参阅图1,图1为本发明实施例一提供的一种页面渲染方法的步骤流程图。
本发明提供的一种页面渲染方法,应用于页面渲染系统,方法包括:
步骤101,当接收到浏览器发送的页面请求时,判断是否缓存有页面请求对应的目标页面;
在本发明实施例中,用户可以通过浏览器输入针对页面的业务需求,例如增加交互组件、增加视频信息或文件信息等。浏览器在接收到业务需求后,以页面请求的形式发送到本页面渲染系统,而当接收到页面请求后,可以基于该页面请求检索内置缓存,以判断是否缓存有页面请求对应的目标页面。
步骤102,若判定未缓存有目标页面,则根据页面请求获取页面模板、页面组件和多种初始业务数据;
在判定未缓存有目标页面时,可以根据页面请求中的业务需求内容,从内置的各个数据库分别获取到对应的页面模板、页面组件,再从多个数据源获取到多种初始业务数据。
其中,多个数据源包括但不限文章、视频、论坛帖子、评论内容、车型库的车型车系数据等。
步骤103,对多种初始业务数据执行格式统一化处理,生成目标业务数据;
而在具体实现中,由于所涉及到的业务繁杂,不同的初始业务数据可能以不同的数据格式存储在不同的系统中。
为便于在后续业务数据的处理和加载,减少工作量,可以在分别获取到多种初始业务数据后,对多种初始业务数据执行格式统一化处理,从而生成统一格式的目标业务数据。
步骤104,加载页面组件和目标业务数据到页面模板,生成目标页面并返回至浏览器。
在得到统一格式的目标业务数据后,可以将页面请求所需求的页面组件加载到页面模板上,同时将目标业务数据加载到页面目标上,以生成目标页面并返回到浏览器显示。
在本发明实施例中,当接收到浏览器发送的页面请求时,基于该页面请求判断是否缓存有目标页面,当判定未缓存有目标页面时,可以根据页面请求获取对应的页面模板、页面组件以及对应的多种初始业务数据;再对多种初始业务数据进行格式统一化处理,以生成统一格式的目标业务数据;最后将页面组件和目标业务数据加载到页面模板上,以生成目标页面并返回到浏览器显示。从而解决由于现有的页面渲染方法前后端耦合严重,渲染效率低下所导致的服务器资源成本剧增的技术问题。有效实现对页面渲染的前后端解耦,提高渲染效率,降低服务器资源成本。
请参阅图2,图2为本发明实施例二提供的一种页面渲染方法的步骤流程图。
本发明提供的一种页面渲染方法,包括:
步骤201,当接收到浏览器发送的页面请求时,判断是否缓存有页面请求对应的目标页面;
可选地,页面渲染系统内置有一级缓存和二级缓存,步骤201可以包括以下子步骤S11-S14:
S11、当接收到浏览器发送的页面请求时,根据页面请求检索一级缓存;
S12、当在一级缓存未检索到页面请求对应的目标页面时,则基于页面请求检索二级缓存;
S13、当在二级缓存未检索到目标页面时,则判定未缓存有目标页面;
S14、当在一级缓存或二级缓存中检索到目标页面时,则判定缓存有目标页面。
在本发明实施例中,用户可以按照业务需求,通过浏览器输入对应的页面请求,当接收到浏览器发送的页面请求时,可以根据页面请求对预设的一级缓存进行检索,以确定一级缓存是否缓存有页面请求对应的目标页面;若是在一级缓存未检索到目标页面,则可以继续基于页面请求检索二级缓存,以确定其中是否缓存有目标页面。
值得一提的是,在响应的传统技术框架中,每当浏览器发起一个HTTP请求服务器就会渲染路由相对应的页面并通过HTTP协议传输回浏览器,每一次渲染页面都会涉及到CPU的使用以及相应的性能消耗。为减少对服务器内CPU的占用以及性能消耗,可以通过一级缓存和二级缓存的方式对渲染好的页面进行缓存,并设置过期时间和最大存储值防止内容溢出。
其中,一级缓存可以为ATS(Apache Traffic Server)缓存,当接收到浏览器发送的页面请求时,在ATS缓存中进行检索,若匹配到相应的目标页面则返回给浏览器,而当缓存过期或者没有匹配到相应的资源,则进一步在二级缓存中进行检索。二级缓存为消耗运行内存的应用缓存,当生成目标页面后可以按照预配置的缓存规则先缓存到该应用缓存中,例如可以缓存访问量较大的首页等重要页面和组件。
步骤202,若判定未缓存有目标页面,则根据页面请求,确定对应的业务主题;
在本发明的一个示例中,若是判定未缓存有目标页面,则可以根据页面请求的内容,确定对应需求的业务主题,以提供后续对不同数据源的检索基础。
在本发明的另一个示例中,若判定缓存有目标页面时,本发明还包括以下步骤S21-S22:
S21、若判定一级缓存有目标页面,则从一级缓存获取目标页面并返回到浏览器;
S22、若判定一级缓存未缓存有目标页面,且二级缓存有目标页面,则通过一级缓存从二级缓存获取目标页面并返回到浏览器。
在本发明实施例中,为避免突发情况下访问量直线上升而导致服务器宕机,可以通过分级缓存检索的方式,先对一级缓存进行检索,若缓存有目标页面则直接返回;若未检索到则进一步在二级缓存进行检索,若是检索到目标页面,则返回目标页面到一级缓存,通过一级缓存返回到浏览器进行显示。
可选地,可以在浏览器设置多个可选项,以生成包括多个需求关键字的页面请求,例如需求组件类型、需求页面类型和业务主题等。在检索过程中,可以基于页面请求中的多个需求关键字进行一级缓存和二级缓存的检索,当存在包括所有需求关键字的页面时,确定缓存有目标页面;反之则判定未缓存有目标页面。
步骤203,以业务主题作为关键字检索多个预设数据源,得到与业务主题对应的多种初始业务数据;
在本发明的可选示例中,可以业务主题作为检索的关键字,在多个预设数据源中分别检索得到与该关键字对应的多种初始业务数据。
在具体实现中,页面渲染系统可以包括数据处理组件,数据处理模块包括多个API数据接口,可以按照业务主题从各个汽车资讯的服务集群或应用平台内获取到相关的初始业务数据。
其中,预设数据源可以包括但不限于以下数据源:CMS(Content ManagementSystem,内容管理系统)、视频中心和自定义数据库等。
步骤204,从预设的静态资源库获取页面模板,以及从预设的核心组件库获取页面组件;
可选地,步骤204可以包括以下子步骤S31-S35:
S31、基于页面请求,确定页面请求所对应的页面类型;
S32、发送与页面类型对应的模板请求到预设的静态资源库;
S33、接收静态资源库响应模板请求返回的页面模板;
S34、根据页面请求,确定页面请求所对应的页面组件功能;
S35、基于页面组件功能,从预设的核心组件库获取页面组件。
在具体实现中,页面渲染系统还包括预渲染组件,预渲染组件中包括有NODE.JS服务和静态资源库,静态资源库可以为VUE SPA静态前端。可以通过NODE.JS服务基于页面请求确定对应的页面类型,以生成对应的模板请求向VUE SPA静态前端获取对应的页面模板;NODE.JS服务可以根据页面请求确定浏览器所需要的页面组件功能,例如标题、更新频率和交互功能等,基于上述页面组件功能的确定,从预设的核心组件库获取对应的页面组件,以替换页面模板中的固定标签组件。
值得一提的是,可以通过接口API的方式提供静态资源库和NODE.JS服务的功能和接口调用。
NODE.JS服务指的是能够根据选择的页面模板,在其中应用页面组件,生成HTTP页面的服务。
VUESPA静态前端指的是单页Web应用(single page web application,SPA),SPA是一种特殊的Web应用,是加载单个HTML页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript、CSS。一旦页面加载完成,SPA不会因为用户的操作而进行页面的重新加载或跳转,而是利用JavaScript动态的变换HTML(采用的是div切换显示和隐藏),从而实现UI与用户的交互。
步骤205,对多种初始业务数据执行格式统一化处理,生成目标业务数据;
进一步地,步骤205可以包括以下子步骤S41-S42:
S41、根据页面请求确定目标数据格式;
S42、将多种初始业务数据的初始数据格式均转换为目标数据格式,生成统一格式的目标业务数据。
在本发明实施例中,可以通过数据处理组件基于页面请求确定目标页面所对应的目标数据格式,再将多种初始业务数据的初始数据格式转换为目标数据格式,以得到同一格式的目标业务数据。
请参照图3所示,图3示出了本发明实施例二中的一种数据处理组件的处理流程图。
在本发明实施例中,针对不同的数据源,如CMS的文章,视频中心的视频,车型库的车型车系数据等所提供的接口格式都被统一封装成一个数据格式化插件,此功能预配置了多种数据格式处理能力。数据处理组件的数据获取插件从各个数据源获取到的数据,经过数据格式化插件进行数据格式统一化,通过API接口向预渲染组件提供数据格式统一化后的数据。
而对于服务集群提供的新接口和新的数据格式,可以在API目录中创建新的对外接口并配置对应的数据转换规则,在系统启动后会自动引入到全局对象或者按需引入,直接提供API接口能力。
步骤206,加载页面组件和目标业务数据到页面模板,生成目标页面并返回至浏览器。
可选地,步骤206可以包括以下子步骤S51-S54:
S51、加载页面组件与目标业务数据到页面模板,生成目标页面;
S52、按照预设缓存时间和预设缓存页面数量,将目标页面缓存到二级缓存;
S53、通过二级缓存同步目标页面到一级缓存;
S54、通过一级缓存返回目标页面到浏览器。
在本发明实施例中,可以通过加载页面组件和目标业务数据到页面模板,以生成目标页面,再为目标页面设置预设的缓存时间并缓存到二级缓存中,若是二级缓存中已经存在有预设缓存页面数量的页面时,可以按照缓存时间的顺序,将部分页面删除以缓存该目标页面。同时还可以通过二级缓存同步目标页面到一级缓存,最后通过一级缓存返回目标页面到浏览器。
请参见图4,图4示出了本发明实施例二中的一种目标页面生成过程的流程图。
在本发明实施例中,NODE.JS服务可以通过API接口从数据处理组件接收到统一格式的目标业务数据,还可以通过基于页面请求,请求VUE SPA静态前端返回对应的页面模板,并从核心组件库获取到多个页面组件;将多个页面组件和目标业务数据加载到页面模板中,以替换页面模板中的固定标签和数据,生成目标页面并返回到二级缓存,通过二级缓存同步目标页面到一级缓存,以使一级缓存返回目标页面到浏览器进行显示。
在本发明实施例中,当接收到浏览器发送的页面请求时,基于该页面请求判断是否缓存有目标页面,当判定未缓存有目标页面时,可以根据页面请求获取对应的页面模板、页面组件以及对应的多种初始业务数据;再对多种初始业务数据进行格式统一化处理,以生成统一格式的目标业务数据;最后将页面组件和目标业务数据加载到页面模板上,以生成目标页面并返回到浏览器显示。从而解决由于现有的页面渲染方法前后端耦合严重,渲染效率低下所导致的服务器资源成本剧增的技术问题。有效实现对页面渲染的前后端解耦,提高渲染效率,降低服务器资源成本。
参见图5,图5示出了本发明实施例三的一种页面渲染系统的结构框图。
本发明提供了一种页面渲染系统,包括:
多级缓存模块501,用于当接收到浏览器发送的页面请求时,判断是否缓存有页面请求对应的目标页面;
数据获取模块502,用于若判定未缓存有目标页面,则根据页面请求获取页面模板、页面组件和多种初始业务数据;
数据处理模块503,用于对多种初始业务数据执行格式统一化处理,生成目标业务数据;
页面渲染与返回模块504,用于加载页面组件和目标业务数据到页面模板,生成目标页面并返回至浏览器。
可选地,页面渲染系统内置有一级缓存和二级缓存;多级缓存模块501包括:
一级缓存检索子模块,用于当接收到浏览器发送的页面请求时,根据页面请求检索一级缓存;二级缓存子模块,用于当在一级缓存未检索到页面请求对应的目标页面时,则基于页面请求检索二级缓存;
目标页面未缓存子模块,用于当在二级缓存未检索到目标页面时,则判定未缓存有目标页面;
目标页面缓存子模块,用于当在一级缓存或二级缓存中检索到目标页面时,则判定缓存有目标页面。
可选地,数据获取模块502包括:
业务主题确定子模块,用于若判定未缓存有目标页面,则根据页面请求,确定对应的业务主题;
初始业务数据获取子模块,用于以业务主题作为关键字检索多个预设数据源,得到与业务主题对应的多种初始业务数据;
模板与组件获取子模块,用于从预设的静态资源库获取页面模板,以及从预设的核心组件库获取页面组件。
可选地,模板与组件获取子模块包括:
页面类型确定单元,用于基于页面请求,确定页面请求所对应的页面类型;
模板请求发送单元,用于发送与页面类型对应的模板请求到预设的静态资源库;
页面模板接收单元,用于接收静态资源库响应模板请求返回的页面模板;
页面组件功能确定单元,用于根据页面请求,确定页面请求所对应的页面组件功能;
页面组件获取单元,用于基于页面组件功能,从预设的核心组件库获取页面组件。
可选地,数据处理模块503包括:
目标数据格式确定子模块,用于根据页面请求确定目标数据格式;
格式转换子模块,用于将多种初始业务数据的初始数据格式均转换为目标数据格式,生成统一格式的目标业务数据。
可选地,页面渲染与返回模块504包括:加载子模块用于加载页面组件与目标业务数据到页面模板,生成目标页面;第一缓存子模块,用于按照预设缓存时间和预设缓存页面数量,将目标页面缓存到二级缓存;第二缓存子模块,用于通过二级缓存同步目标页面到一级缓存;页面返回子模块,用于通过一级缓存返回目标页面到浏览器。
可选地,系统还包括:第一返回模块,用于若判定一级缓存有目标页面,则从一级缓存获取目标页面并返回到浏览器;
第二返回模块,用于若判定一级缓存未缓存有目标页面,且二级缓存有目标页面,则通过一级缓存从二级缓存获取目标页面并返回到浏览器。
本发明实施例还提供了一种页面渲染设备,包括存储器及处理器,所述存储器中储存有计算机程序,所述计算机程序被所述处理器执行时,使得所述处理器执行如本发明任一实施例所述的页面渲染方法的步骤。
本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被所述处理器执行时实现如本发明任一实施例所述的页面渲染方法。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、子模块和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本发明所提供的几个实施例中,应该理解到,所揭露的系统和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-OnlyMemory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (8)

1.一种页面渲染方法,其特征在于,应用于页面渲染系统,所述方法包括:
当接收到浏览器发送的页面请求时,判断是否缓存有所述页面请求对应的目标页面;所述页面请求包括增加交互组件、增加视频信息或文件信息;
若判定未缓存有所述目标页面,则根据所述页面请求获取页面模板、页面组件和多种初始业务数据;
对所述多种初始业务数据执行格式统一化处理,生成目标业务数据;
加载所述页面组件和所述目标业务数据到所述页面模板,生成目标页面并返回至所述浏览器;
所述页面渲染系统内置有一级缓存和二级缓存;所述当接收到浏览器发送的页面请求时,判断是否缓存有所述页面请求对应的目标页面的步骤,包括:
当接收到所述浏览器发送的页面请求时,根据所述页面请求检索所述一级缓存;
当在所述一级缓存未检索到所述页面请求对应的目标页面时,则基于所述页面请求检索所述二级缓存;
当在所述二级缓存未检索到所述目标页面时,则判定未缓存有所述目标页面;
当在所述一级缓存或所述二级缓存中检索到所述目标页面时,则判定缓存有所述目标页面;
所述若判定未缓存有所述目标页面,则根据所述页面请求获取页面模板、页面组件和多种初始业务数据的步骤,包括:
若判定未缓存有所述目标页面,则根据所述页面请求,确定对应的业务主题;
以所述业务主题作为关键字检索多个预设数据源,得到与所述业务主题对应的多种初始业务数据;
从预设的静态资源库获取页面模板,以及从预设的核心组件库获取页面组件。
2.根据权利要求1所述的方法,其特征在于,所述从预设的静态资源库获取页面模板,以及从预设的核心组件库获取页面组件的步骤,包括:
基于所述页面请求,确定所述页面请求所对应的页面类型;
发送与所述页面类型对应的模板请求到预设的静态资源库;
接收所述静态资源库响应所述模板请求返回的页面模板;
根据所述页面请求,确定所述页面请求所对应的页面组件功能;
基于所述页面组件功能,从预设的核心组件库获取页面组件。
3.根据权利要求1所述的方法,其特征在于,所述对所述多种初始业务数据执行格式统一化处理,生成目标业务数据的步骤,包括:
根据所述页面请求确定目标数据格式;
将多种所述初始业务数据的初始数据格式均转换为所述目标数据格式,生成统一格式的目标业务数据。
4.根据权利要求1所述的方法,其特征在于,所述加载所述页面组件和所述目标业务数据到所述页面模板,生成目标页面并返回至所述浏览器的步骤,包括:
加载所述页面组件与所述目标业务数据到所述页面模板,生成目标页面;
按照预设缓存时间和预设缓存页面数量,将所述目标页面缓存到所述二级缓存;
通过所述二级缓存同步所述目标页面到所述一级缓存;
通过所述一级缓存返回所述目标页面到所述浏览器。
5.根据权利要求4所述的方法,其特征在于,还包括:
若判定所述一级缓存有所述目标页面,则从所述一级缓存获取所述目标页面并返回到所述浏览器;
若判定所述一级缓存未缓存有所述目标页面,且所述二级缓存有所述目标页面,则通过所述一级缓存从所述二级缓存获取所述目标页面并返回到所述浏览器。
6.一种页面渲染系统,其特征在于,包括:
多级缓存模块,用于当接收到浏览器发送的页面请求时,判断是否缓存有所述页面请求对应的目标页面;所述页面请求包括增加交互组件、增加视频信息或文件信息;
数据获取模块,用于若判定未缓存有所述目标页面,则根据所述页面请求获取页面模板、页面组件和多种初始业务数据;
数据处理模块,用于对所述多种初始业务数据执行格式统一化处理,生成目标业务数据;
页面渲染与返回模块,用于加载所述页面组件和所述目标业务数据到所述页面模板,生成目标页面并返回至所述浏览器;
所述页面渲染系统内置有一级缓存和二级缓存;所述多级缓存模块包括:
一级缓存检索子模块,用于当接收到浏览器发送的页面请求时,根据所述页面请求检索一级缓存;二级缓存子模块,用于当在所述一级缓存未检索到所述页面请求对应的目标页面时,则基于所述页面请求检索二级缓存;
目标页面未缓存子模块,用于当在所述二级缓存未检索到所述目标页面时,则判定未缓存有所述目标页面;
目标页面缓存子模块,用于当在所述一级缓存或所述二级缓存中检索到所述目标页面时,则判定缓存有所述目标页面;
所述数据获取模块包括:
业务主题确定子模块,用于若判定未缓存有所述目标页面,则根据所述页面请求,确定对应的业务主题;
初始业务数据获取子模块,用于以所述业务主题作为关键字检索多个预设数据源,得到与所述 业务主题对应的多种初始业务数据;
模板与组件获取子模块,用于从预设的静态资源库获取页面模板,以及从预设的核心组件库获取页面组件。
7.一种页面渲染设备,其特征在于,包括存储器及处理器,所述存储器中储存有计算机程序,所述计算机程序被所述处理器执行时,使得所述处理器执行如权利要求1-5任一项所述的页面渲染方法的步骤。
8.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1-5任一项所述的页面渲染方法。
CN202110585212.0A 2021-05-27 2021-05-27 一种页面渲染方法、系统、设备和存储介质 Active CN113254819B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110585212.0A CN113254819B (zh) 2021-05-27 2021-05-27 一种页面渲染方法、系统、设备和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110585212.0A CN113254819B (zh) 2021-05-27 2021-05-27 一种页面渲染方法、系统、设备和存储介质

Publications (2)

Publication Number Publication Date
CN113254819A CN113254819A (zh) 2021-08-13
CN113254819B true CN113254819B (zh) 2022-09-13

Family

ID=77184795

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110585212.0A Active CN113254819B (zh) 2021-05-27 2021-05-27 一种页面渲染方法、系统、设备和存储介质

Country Status (1)

Country Link
CN (1) CN113254819B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116127223A (zh) * 2021-11-15 2023-05-16 华人运通(上海)云计算科技有限公司 一种页面渲染方法、装置、终端设备及计算机存储介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106294365A (zh) * 2015-05-15 2017-01-04 阿里巴巴集团控股有限公司 一种单页web应用的页面数据处理方法及设备
CN110287433A (zh) * 2019-06-28 2019-09-27 北京金山安全软件有限公司 网络信息处理方法、装置和电子设备
CN112306587A (zh) * 2019-07-15 2021-02-02 腾讯科技(深圳)有限公司 页面的显示处理方法、装置、及终端设备
CN110647698B (zh) * 2019-08-12 2022-01-14 视联动力信息技术股份有限公司 页面加载方法、装置、电子设备及可读存储介质
CN111984892A (zh) * 2020-08-27 2020-11-24 网易(杭州)网络有限公司 页面访问方法、装置、设备及存储介质

Also Published As

Publication number Publication date
CN113254819A (zh) 2021-08-13

Similar Documents

Publication Publication Date Title
US20190251143A1 (en) Web page rendering method and related device
WO2016177250A1 (zh) 客户端页面渲染方法及装置
CN109189841B (zh) 一种多数据源访问方法及系统
US8126875B2 (en) Instant answers and integrated results of a browser
US20110231784A1 (en) System and method for desktop application migration
US8117531B1 (en) Interpreted language translation system and method
CN110716783A (zh) 一种前端页面生成、部署方法及装置、存储介质和设备
JP2014029701A (ja) モバイル装置のための文書処理
CN105723364A (zh) 从第一搜索结果环境转变到第二搜索结果环境
CN112395027A (zh) 微件界面生成方法、装置、存储介质与电子设备
EP2638484B1 (en) Dynamic image result stitching
CN112328564A (zh) 特享资源分享方法、装置及电子设备
CN113254819B (zh) 一种页面渲染方法、系统、设备和存储介质
CN110888869A (zh) 一种数据处理方法和装置
CN106294417A (zh) 一种数据排序方法、装置及电子设备
US11307897B2 (en) Resource pre-fetch using age threshold
CN113448649B (zh) 一种基于Redis的首页数据加载的服务器及方法
CN115080154A (zh) 页面显示方法、装置、存储介质及电子设备
US20170034266A1 (en) System and Method for the Departmentalization of Structured Content on a Website (URL) through a Secure Content Management System
CN107045549B (zh) 一种电子书页数获取方法和装置
CN107656985B (zh) 网页查询方法及其系统
CN112784195A (zh) 一种页面数据发布方法和系统
CN107220306B (zh) 一种搜索方法和装置
CN111078736A (zh) 一种数据聚合处理方法、装置、终端及存储介质
CN111460339B (zh) 将自由行租车资源添加至购物车的方法及相关设备

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
GR01 Patent grant
GR01 Patent grant