CN111651703A - 一种页面跳转方法、装置、电子设备及可读存储介质 - Google Patents
一种页面跳转方法、装置、电子设备及可读存储介质 Download PDFInfo
- Publication number
- CN111651703A CN111651703A CN202010291420.5A CN202010291420A CN111651703A CN 111651703 A CN111651703 A CN 111651703A CN 202010291420 A CN202010291420 A CN 202010291420A CN 111651703 A CN111651703 A CN 111651703A
- Authority
- CN
- China
- Prior art keywords
- page
- file
- end frame
- frame
- jump
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
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
本申请提供了一种页面跳转方法、装置、电子设备及可读存储介质,属于计算机技术领域。可以在显示第一前端框架的第一页面的状态下,若检测到页面跳转指令,则确定页面跳转指令对应的目标跳转页面所属的前端框架;若目标跳转页面所属的前端框架为第二前端框架,则在预设的公共配置文件中,查询第二前端框架对应的远程地址,公共配置文件包含各前端框架对应的远程地址;基于第二前端框架对应的远程地址,调用第二前端框架的js文件列表,js文件列表包含第二前端框架中各js文件的访问路径;基于js文件列表中的访问路径加载第二前端框架的核心框架文件;通过第二前端框架的核心框架文件加载目标跳转页面,以展示目标跳转页面。采用本申请,可以提高页面跳转的效率。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种页面跳转方法、装置、电子设备及可读存储介质。
背景技术
目前,同一前端框架中的页面相互跳转时,通常是采用单页应用页面跳转来实现。即只在前端框架第一次加载页面时请求一个HTML(HyperText Markup Language,超文本标记语言)文件,之后每次页面跳转都是通过js手段实现页面局部刷新(比如跳转页面时导航栏不刷新,只刷新页面内容)。单页应用页面跳转具有平滑快速、而且还能实现很多动画效果等优点,用户体验极佳。
然而,现在的中大型公司中经常会有多个项目网站,这些网站通常采用不同的前端框架设计。在不同前端框架之间跳转页面时,需要重新请求一次HTML文件,然后加载页面的js(Java Script,Java脚本)文件,也即,浏览器会执行一次页面全部刷新(比如导航栏和页面内容都刷新),无法实现单页应用页面跳转,页面跳转效率较低。
发明内容
为了解决上述技术问题或者至少部分地解决上述技术问题,本申请提供了一种页面跳转方法、装置、电子设备及可读存储介质。
第一方面,本申请提供了一种页面跳转方法,所述方法包括:
在显示第一前端框架的第一页面的状态下,若检测到页面跳转指令,则确定所述页面跳转指令对应的目标跳转页面所属的前端框架;
若所述目标跳转页面所属的前端框架为第二前端框架,则在预设的公共配置文件中,查询所述第二前端框架对应的远程地址,所述公共配置文件包含各前端框架对应的远程地址;
基于所述第二前端框架对应的远程地址,调用所述第二前端框架的js文件列表,所述js文件列表包含所述第二前端框架中各js文件的访问路径;
基于js文件列表中的访问路径加载所述第二前端框架的核心框架文件;
通过所述第二前端框架的核心框架文件加载所述目标跳转页面,以展示所述目标跳转页面。
可选的,所述基于js文件列表中的访问路径加载所述第二前端框架的核心框架文件,包括:
基于预设的核心框架文件的标识,在所述js文件列表文件中查找所述核心框架文件的访问路径;
基于查找到的访问路径加载所述第二前端框架的核心框架文件。
可选的,所述通过所述第二前端框架的核心框架文件加载所述目标跳转页面,以展示所述目标跳转页面,包括:
通过所述第二前端框架的核心框架文件,查找所述目标跳转页面对应的路由信息,所述路由信息包含加载所述目标跳转页面所需的业务模块的信息;
根据所述路由信息获取并加载所述目标跳转页面对应的业务模块,以展示所述目标跳转页面。
可选的,所述确定所述页面跳转指令对应的目标跳转页面所属的前端框架,包括:
确定所述页面跳转指令对应的目标跳转页面的统一资源定位符URL;
在预设的公共框架查询文件中,查找所述URL对应的前端框架,作为所述目标跳转页面所属的前端框架,所述公共框架查询文件包含各页面的URL和前端框架的对应关系。
可选的,所述方法还包括:
对所述第一前端框架的核心框架文件进行缓存;
当接收到针对所述第一前端框架的第二页面的页面跳转指令时,获取本地缓存的所述第一前端框架的核心框架文件;
通过所述第一前端框架的核心框架文件加载所述第二页面,以展示所述第二页面。
第二方面,本申请提供了一种页面跳转装置,所述装置包括:
确定模块,用于在显示第一前端框架的第一页面的状态下,若检测到页面跳转指令,则确定所述页面跳转指令对应的目标跳转页面所属的前端框架;
查询模块,用于若所述目标跳转页面所属的前端框架为第二前端框架,则在预设的公共配置文件中,查询所述第二前端框架对应的远程地址,所述公共配置文件包含各前端框架对应的远程地址;
调用模块,用于基于所述第二前端框架对应的远程地址,调用所述第二前端框架的js文件列表,所述js文件列表包含所述第二前端框架中各js文件的访问路径;
加载模块,用于基于js文件列表中的访问路径加载所述第二前端框架的核心框架文件;
第一展示模块,用于通过所述第二前端框架的核心框架文件加载所述目标跳转页面,以展示所述目标跳转页面。
可选的,所述加载模块,具体用于:
基于预设的核心框架文件的标识,在所述js文件列表文件中查找所述核心框架文件的访问路径;
基于查找到的访问路径加载所述第二前端框架的核心框架文件。
可选的,所述第一展示模块,具体用于:
通过所述第二前端框架的核心框架文件,查找所述目标跳转页面对应的路由信息,所述路由信息包含加载所述目标跳转页面所需的业务模块的信息;
根据所述路由信息获取并加载所述目标跳转页面对应的业务模块,以展示所述目标跳转页面。
可选的,所述确定模块,具体用于:
确定所述页面跳转指令对应的目标跳转页面的统一资源定位符URL;
在预设的公共框架查询文件中,查找所述URL对应的前端框架,作为所述目标跳转页面所属的前端框架,所述公共框架查询文件包含各页面的URL和前端框架的对应关系。
可选的,所述装置还包括:
缓存模块,用于对所述第一前端框架的核心框架文件进行缓存;
获取模块,用于当接收到针对所述第一前端框架的第二页面的页面跳转指令时,获取本地缓存的所述第一前端框架的核心框架文件;
第二展示模块,用于通过所述第一前端框架的核心框架文件加载所述第二页面,以展示所述第二页面。
第三方面,本申请提供了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现上述方法步骤。
第四方面,本申请提供了一种计算机可读存储介质,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现上述方法步骤。
第五方面,提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述方法步骤。
本申请实施例有益效果:
本申请实施例提供了一种页面跳转方法、装置、电子设备及可读存储介质,在显示第一前端框架的第一页面的状态下,若检测到页面跳转指令,则确定所述页面跳转指令对应的目标跳转页面所属的前端框架。若所述目标跳转页面所属的前端框架为第二前端框架,则在预设的公共配置文件中,查询所述第二前端框架对应的远程地址,其中,公共配置文件包含各前端框架对应的远程地址。然后,电子设备基于所述第二前端框架对应的远程地址,调用所述第二前端框架的js文件列表,由于js文件列表包含所述第二前端框架中各js文件的访问路径,因此,可以基于js文件列表中的访问路径加载所述第二前端框架的核心框架文件,进而通过所述第二前端框架的核心框架文件加载所述目标跳转页面,以展示所述目标跳转页面。这样,在不同前端框架之间切换页面时,只需加载第二前端框架的js文件,无需重新请求HTML文件,也即,只需刷新局部页面(比如跳转页面时导航栏不刷新,只刷新页面内容),从而实现了单页应用页面跳转,提高了页面跳转的效率,并具有平滑快速、能够实现多种动画效果等优点,用户体验极佳。
当然,实施本申请的任一产品或方法并不一定需要同时达到以上所述的所有优点。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。
图1为本申请实施例提供的一种页面跳转方法的流程图;
图2为本申请实施例提供的一种加载目标跳转页面的方法流程图;
图3为本申请实施例提供的另一种页面跳转方法的流程图;
图4为本申请实施例提供的一种页面跳转方法示例的流程图;
图5为本申请实施例提供的一种页面跳转装置的结构示意图;
图6为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请的一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请实施例提供了一种页面跳转方法,可以应用于电子设备。其中,该电子设备可以是具有数据处理功能的电子设备,比如智能终端、电脑等。该电子设备可以用于展示多个不同的项目网站,这些网站可以采用不同的前端框架设计。在不同前端框架之间切换页面时(比如从第一前端框架的跳转到第二前端框架的页面时),可以在预设的公共配置文件中,查询第二前端框架对应的远程地址,其中,公共配置文件包含各前端框架对应的远程地址。然后,电子设备基于第二前端框架对应的远程地址,调用第二前端框架的js文件列表,由于js文件列表包含第二前端框架中各js文件的访问路径,因此,可以基于js文件列表中的访问路径加载第二前端框架的核心框架文件,进而通过第二前端框架的核心框架文件加载目标跳转页面,以展示目标跳转页面。这样,在不同前端框架之间跳转页面时,只需加载第二前端框架的js文件,无需重新请求HTML(HyperText Markup Language,超文本标记语言)文件,从而实现了单页应用页面跳转,具有平滑快速、能够实现多种动画效果等优点,用户体验极佳。
下面将结合具体实施方式,对本申请实施例提供的一种页面跳转方法进行详细的说明,如图1所示,具体步骤如下。
步骤101,在显示第一前端框架的第一页面的状态下,若检测到页面跳转指令,则确定页面跳转指令对应的目标跳转页面所属的前端框架。
本申请实施例中,可以存在多个不同的网站,这些网站可以采用不同的前端框架设计。用户可以通过电子设备浏览第一前端框架的第一页面,电子设备则会显示第一前端框架的第一页面。然后,用户可以执行预设跳转操作,以浏览其他页面。相应的,电子设备则会检测到页面跳转指令,然后,可以确定页面跳转指令对应的URL(Uniform ResourceLocator,统一资源定位符),进而可以确定该URL对应的前端框架,即为目标跳转页面所属的前端框架。
在一种实现方式中,可以在每个前端框架中增加配置文件(可称为框架查询文件),该框架查询文件中存储有预先定义的各页面的URL和前端框架的对应关系。
在一个示例中,假设要跳转到的URL为/interaction/chat,/interaction/下全部的URL需要跳转到框架frame1,则可以定义为:
“/interaction/”:‘frame1’
电子设备检测到页面跳转指令后,可以在第一前端框架下的框架查询文件中,查找目标跳转页面的UR对应的前端框架,即为目标跳转页面所属的前端框架。
在另一种实现方式中,可以将该框架查询文件以公共文件的形式存储在数据库中,以减小前端框架的数据量。相应的,确定页面跳转指令对应的目标跳转页面所属的前端框架的具体过程为:确定页面跳转指令对应的目标跳转页面的URL,在预设的公共框架查询文件中,查找URL对应的前端框架,作为目标跳转页面所属的前端框架。
本申请实施例中,可以在数据库中预先设置公共框架查询文件,公共框架查询文件包含各页面的URL和前端框架的对应关系。电子设备检测到页面跳转指令后,可以确定页面跳转指令对应的URL(即目标跳转页面的URL),然后,可以在数据库的公共框架查询文件中,查找该URL对应的前端框架,即为目标跳转页面所属的前端框架。
步骤102,若目标跳转页面所属的前端框架为第二前端框架,则在预设的公共配置文件中,查询第二前端框架对应的远程地址。
其中,公共配置文件包含各前端框架对应的远程地址,该远程地址可以用于获取该前端框架的js文件列表。
本申请实施例中,大部分前端框架都是需要先通过打包工具打包,然后再进行发布,如最常见的打包工具为webpack。由于前端框架不同,前端框架打包出的js文件的命名也不一样,比如,可能会给js文件名增加一些后缀(比如哈希值)。所以,在对某前端框架进行打包时,可以通过打包工具生成该前端框架的js文件列表。js文件列表包含该前端框架的全部的js文件的文件名,以及每个js文件的访问路径(比如URL)。这样不同的框架可以简单的直接通过这个文件来加载这个前端框架下全部的js文件。可选的,js文件列表可以以文件的形式存储在该前端框架中,比如,可以存储在前端框架的manifest.json文件中。
在一个示例中,js文件列表可以如下:
另外,技术人员可以预先配置公共配置文件,并将公共配置文件存储在数据库中。电子设备确定出目标跳转页面所属的前端框架后,若该前端框是第一前端框架,则直接执行单页应用跳转,此处不再赘述。若该前端框不是第一前端框架(可称为第二前端框架),则电子设备可以在数据库的公共配置文件中,查询第二前端框架对应的远程地址,
在一个示例中,公共配置文件可以为host配置文件,由于不同运行环境下前端框架包含的js文件可能是不相同的,因此,不同的运行环境下前端框架对应的远程地址是不相同的,不同远程地址下存储不同的js文件列表(即manifest文件)。也即,host配置文件包含各前端框架的配置信息,该配置信息包含该前端框架在各种环境下的js文件列表的远程地址。以frame1为例,frame1对应的配置信息为:
可见,运行环境可以包括本地环境(build)、测试环境(test)、预上线环境(release)和线上环境(dist)。上述各远程地址对应的存储空间中,存储有相应的manifest.json文件。这样,电子设备可以根据当前的运行环境,在上述配置信息中获取相应的URL,并基于该URL获取相应的js文件列表。例如,在线上环境(dist),获取到的远程地址为//static-s.qiyi.com/ext/mp/mp-frame1/manifest.json。
步骤103,基于第二前端框架对应的远程地址,调用第二前端框架的js文件列表。
其中,js文件列表包含第二前端框架中各js文件的访问路径。
本申请实施例中,电子设备获取到第二前端框架对应的远程地址后,可以基于该远程地址调用第二前端框架的js文件列表(即manifest.json文件),进而获取js文件列表包含第二前端框架中各js文件的访问路径。
步骤104,基于js文件列表中的访问路径加载第二前端框架的核心框架文件。
本申请实施例中,电子设备获取到第二前端框架的js文件列表后,可以根据该js文件列表包含的js文件的访问路径,加载第二前端框架的核心框架文件。
具体的,电子设备可以根据预设的核心框架文件的标识,基于预设的核心框架文件的标识,在js文件列表文件中查找核心框架文件的访问路径,然后基于查找到的访问路径加载第二前端框架的核心框架文件。其中,核心框架文件可以是app文件、route文件等。
在一个示例中,可以通过<script>标签和URL加载并初始化核心框架文件。实现代码如下:
步骤105,通过第二前端框架的核心框架文件加载目标跳转页面,以展示目标跳转页面。
本申请实施例中,电子设备加载并初始化核心框架文件后,可以通过第二前端框架的核心框架文件加载目标跳转页面,以展示目标跳转页面。
本申请实施例中,在显示第一前端框架的第一页面的状态下,若检测到页面跳转指令,则确定页面跳转指令对应的目标跳转页面所属的前端框架。若目标跳转页面所属的前端框架为第二前端框架,则在预设的公共配置文件中,查询第二前端框架对应的远程地址,其中,公共配置文件包含各前端框架对应的远程地址。然后,电子设备基于第二前端框架对应的远程地址,调用第二前端框架的js文件列表,由于js文件列表包含第二前端框架中各js文件的访问路径,因此,可以基于js文件列表中的访问路径加载第二前端框架的核心框架文件,进而通过第二前端框架的核心框架文件加载目标跳转页面,以展示目标跳转页面。这样,在不同前端框架之间跳转页面时,只需加载第二前端框架的js文件,无需重新请求HTML文件,从而实现了单页应用页面跳转,具有平滑快速、能够实现多种动画效果等优点,用户体验极佳。
可选的,如图2所示,加载目标跳转页面的具体过程可以包括以下步骤。
步骤201,通过第二前端框架的核心框架文件,查找目标跳转页面对应的路由信息。
其中,路由信息可以包含加载目标跳转页面所需的业务模块的信息。
本申请实施例中,每个前端框架中都包含有路由配置文件,该路由配置文件中包含该前端框架中各页面的路由信息和每个路由信息的索引信息。其中,路由信息可以包含加载目标跳转页面所需的业务模块的信息,以及业务模块的加载规则(如业务模块的加载顺序等)。索引信息用于唯一标识路由信息,在一个示例中,URL通常包含用于唯一标识页面的字符串,可以将该字符串作为该页面的路由信息的索引信息。
电子设备加载并初始化核心框架文件后,可以通过第二前端框架的核心框架文件,将目标跳转页面的URL与路由配置文件中的索引信息进行匹配,以确定出与目标跳转页面的URL相匹配的索引信息,进而获取该索引信息对应的路由信息。
步骤202,根据路由信息获取并加载目标跳转页面对应的业务模块,以展示目标跳转页面。
本申请实施例中,电子设备可以根据查找到的路由信息,获取并加载目标跳转页面对应的业务模块,同时,从当前界面中移除上一页面的业务模块,以展示目标跳转页面。
可选的,如图3所示,在展示目标跳转页面后,电子设备还可以执行以下步骤。
步骤301,对第一前端框架的核心框架文件进行缓存。
本申请实施例中,由于在跳转到其他前端框架的页面之后,有可能从其他框架的页面再次跳转到第一前端框架的页面,因此,电子设备可以将第一前端框架的核心框架文件存储到预设的缓存空间中,以便后续调用。
步骤302,当接收到针对第一前端框架的第二页面的页面跳转指令时,获取本地缓存的第一前端框架的核心框架文件。
本申请实施例中,当接收到针对第一前端框架的第二页面的页面跳转指令时,电子设备可以直接获取本地缓存的第一前端框架的核心框架文件,无需执行类似上述102~104的步骤。
步骤303,通过第一前端框架的核心框架文件加载第二页面,以展示第二页面。
基于上述步骤,电子设备可以缓存第一前端框架的核心框架文件,后续,如果需要从其他框架的页面再次跳转到第一前端框架的页面时,电子设备可以直接获取本地缓存的第一前端框架的核心框架文件,无需执行类似上述102~104的步骤,提高了页面跳转的效率。
本申请实施例还提供了一种页面跳转方法示例,以由第一前端框架中的页面跳转到第二前端框架的页面为例,如图4所示,具体包括以下步骤。
步骤401,在显示第一前端框架的第一页面的状态下,若检测到页面跳转指令,则确定页面跳转指令对应的目标跳转页面的URL。
步骤402,在预设的公共框架查询文件中,查找URL对应的第二前端框架,作为目标跳转页面所属的前端框架。
其中,公共框架查询文件包含各页面的URL和前端框架的对应关系。
步骤403,在预设的公共配置文件中,查询第二前端框架对应的远程地址。
其中,公共配置文件包含各前端框架的对应的远程地址,该远程地址可以用于获取该前端框架的js文件列表。
步骤404,基于第二前端框架对应的远程地址,调用第二前端框架的js文件列表。
其中,js文件列表包含第二前端框架中各js文件的访问路径。
步骤405,从js文件列表文件中,查找核心框架文件的访问路径。
步骤406,基于查找到的访问路径加载第二前端框架的核心框架文件。
步骤407,通过第二前端框架的核心框架文件,查找目标跳转页面对应的路由信息。
其中,路由信息包含加载目标跳转页面所需的业务模块的信息。
步骤408,根据路由信息获取并加载目标跳转页面对应的业务模块,以展示目标跳转页面。
基于相同的技术构思,本申请实施例还提供了一种页面跳转装置,如图5所示,该装置包括:
确定模块510,用于在显示第一前端框架的第一页面的状态下,若检测到页面跳转指令,则确定所述页面跳转指令对应的目标跳转页面所属的前端框架;
查询模块520,用于若所述目标跳转页面所属的前端框架为第二前端框架,则在预设的公共配置文件中,查询所述第二前端框架对应的远程地址,所述公共配置文件包含各前端框架对应的远程地址;
调用模块530,用于基于所述第二前端框架对应的远程地址,调用所述第二前端框架的js文件列表,所述js文件列表包含所述第二前端框架中各js文件的访问路径;
加载模块540,用于基于js文件列表中的访问路径加载所述第二前端框架的核心框架文件;
第一展示模块550,用于通过所述第二前端框架的核心框架文件加载所述目标跳转页面,以展示所述目标跳转页面。
可选的,所述加载模块540,具体用于:
基于预设的核心框架文件的标识,在所述js文件列表文件中查找所述核心框架文件的访问路径;
基于查找到的访问路径加载所述第二前端框架的核心框架文件。
可选的,所述第一展示模块550,具体用于:
通过所述第二前端框架的核心框架文件,查找所述目标跳转页面对应的路由信息,所述路由信息包含加载所述目标跳转页面所需的业务模块的信息;
根据所述路由信息获取并加载所述目标跳转页面对应的业务模块,以展示所述目标跳转页面。
可选的,所述确定模块510,具体用于:
确定所述页面跳转指令对应的目标跳转页面的统一资源定位符URL;
在预设的公共框架查询文件中,查找所述URL对应的前端框架,作为所述目标跳转页面所属的前端框架,所述公共框架查询文件包含各页面的URL和前端框架的对应关系。
可选的,所述装置还包括:
缓存模块,用于对所述第一前端框架的核心框架文件进行缓存;
获取模块,用于当接收到针对所述第一前端框架的第二页面的页面跳转指令时,获取本地缓存的所述第一前端框架的核心框架文件;
第二展示模块,用于通过所述第一前端框架的核心框架文件加载所述第二页面,以展示所述第二页面。
本申请实施例中,在显示第一前端框架的第一页面的状态下,若检测到页面跳转指令,则确定所述页面跳转指令对应的目标跳转页面所属的前端框架。若所述目标跳转页面所属的前端框架为第二前端框架,则在预设的公共配置文件中,查询所述第二前端框架对应的远程地址,其中,公共配置文件包含各前端框架对应的远程地址。然后,电子设备基于所述第二前端框架对应的远程地址,调用所述第二前端框架的js文件列表,由于js文件列表包含所述第二前端框架中各js文件的访问路径,因此,可以基于js文件列表中的访问路径加载所述第二前端框架的核心框架文件,进而通过所述第二前端框架的核心框架文件加载所述目标跳转页面,以展示所述目标跳转页面。这样,在不同前端框架之间跳转页面时,只需加载第二前端框架的js文件,无需重新请求HTML文件,从而实现了单页应用页面跳转,提高页面跳转的效率,并具有平滑快速、能够实现多种动画效果等优点,用户体验极佳。
基于相同的技术构思,本发明实施例还提供了一种电子设备,如图6所示,包括处理器601、通信接口602、存储器603和通信总线604,其中,处理器601,通信接口602,存储器603通过通信总线604完成相互间的通信,
存储器603,用于存放计算机程序;
处理器601,用于执行存储器603上所存放的程序时,实现如下步骤:
在显示第一前端框架的第一页面的状态下,若检测到页面跳转指令,则确定所述页面跳转指令对应的目标跳转页面所属的前端框架;
若所述目标跳转页面所属的前端框架为第二前端框架,则在预设的公共配置文件中,查询所述第二前端框架对应的远程地址,所述公共配置文件包含各前端框架对应的远程地址;
基于所述第二前端框架对应的远程地址,调用所述第二前端框架的js文件列表,所述js文件列表包含所述第二前端框架中各js文件的访问路径;
基于js文件列表中的访问路径加载所述第二前端框架的核心框架文件;
通过所述第二前端框架的核心框架文件加载所述目标跳转页面,以展示所述目标跳转页面。
可选的,所述基于js文件列表中的访问路径加载所述第二前端框架的核心框架文件,包括:
基于预设的核心框架文件的标识,在所述js文件列表文件中查找所述核心框架文件的访问路径;
基于查找到的访问路径加载所述第二前端框架的核心框架文件。
可选的,所述通过所述第二前端框架的核心框架文件加载所述目标跳转页面,以展示所述目标跳转页面,包括:
通过所述第二前端框架的核心框架文件,查找所述目标跳转页面对应的路由信息,所述路由信息包含加载所述目标跳转页面所需的业务模块的信息;
根据所述路由信息获取并加载所述目标跳转页面对应的业务模块,以展示所述目标跳转页面。
可选的,所述确定所述页面跳转指令对应的目标跳转页面所属的前端框架,包括:
确定所述页面跳转指令对应的目标跳转页面的统一资源定位符URL;
在预设的公共框架查询文件中,查找所述URL对应的前端框架,作为所述目标跳转页面所属的前端框架,所述公共框架查询文件包含各页面的URL和前端框架的对应关系。
可选的,所述方法还包括:
对所述第一前端框架的核心框架文件进行缓存;
当接收到针对所述第一前端框架的第二页面的页面跳转指令时,获取本地缓存的所述第一前端框架的核心框架文件;
通过所述第一前端框架的核心框架文件加载所述第二页面,以展示所述第二页面。
上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect,PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture,EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述电子设备与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory,RAM),也可以包括非易失性存储器(Non-Volatile Memory,NVM),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,CPU)、网络处理器(Network Processor,NP)等;还可以是数字信号处理器(Digital SignalProcessing,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本发明提供的又一实施例中,还提供了一种计算机可读存储介质,该计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现上述任一页面跳转方法的步骤。
在本发明提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例中任一页面跳转方法。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是,在本文中,诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本发明的具体实施方式,使本领域技术人员能够理解或实现本发明。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下,在其它实施例中实现。因此,本发明将不会被限制于本文所示的这些实施例,而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种页面跳转方法,其特征在于,所述方法包括:
在显示第一前端框架的第一页面的状态下,若检测到页面跳转指令,则确定所述页面跳转指令对应的目标跳转页面所属的前端框架;
若所述目标跳转页面所属的前端框架为第二前端框架,则在预设的公共配置文件中,查询所述第二前端框架对应的远程地址,所述公共配置文件包含各前端框架对应的远程地址;
基于所述第二前端框架对应的远程地址,调用所述第二前端框架的js文件列表,所述js文件列表包含所述第二前端框架中各js文件的访问路径;
基于所述js文件列表中的访问路径加载所述第二前端框架的核心框架文件;
通过所述第二前端框架的核心框架文件加载所述目标跳转页面,以展示所述目标跳转页面。
2.根据权利要求1所述的方法,其特征在于,所述基于js文件列表中的访问路径加载所述第二前端框架的核心框架文件,包括:
基于预设的核心框架文件的标识,在所述js文件列表文件中查找所述核心框架文件的访问路径;
基于查找到的访问路径加载所述第二前端框架的核心框架文件。
3.根据权利要求1所述的方法,其特征在于,所述通过所述第二前端框架的核心框架文件加载所述目标跳转页面,以展示所述目标跳转页面,包括:
通过所述第二前端框架的核心框架文件,查找所述目标跳转页面对应的路由信息,所述路由信息包含加载所述目标跳转页面所需的业务模块的信息;
根据所述路由信息获取并加载所述目标跳转页面对应的业务模块,以展示所述目标跳转页面。
4.根据权利要求1所述的方法,其特征在于,所述确定所述页面跳转指令对应的目标跳转页面所属的前端框架,包括:
确定所述页面跳转指令对应的目标跳转页面的统一资源定位符URL;
在预设的公共框架查询文件中,查找所述URL对应的前端框架,作为所述目标跳转页面所属的前端框架,所述公共框架查询文件包含各页面的URL和前端框架的对应关系。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
对所述第一前端框架的核心框架文件进行缓存;
当接收到针对所述第一前端框架的第二页面的页面跳转指令时,获取本地缓存的所述第一前端框架的核心框架文件;
通过所述第一前端框架的核心框架文件加载所述第二页面,以展示所述第二页面。
6.一种页面跳转装置,其特征在于,所述装置包括:
确定模块,用于在显示第一前端框架的第一页面的状态下,若检测到页面跳转指令,则确定所述页面跳转指令对应的目标跳转页面所属的前端框架;
查询模块,用于若所述目标跳转页面所属的前端框架为第二前端框架,则在预设的公共配置文件中,查询所述第二前端框架对应的远程地址,所述公共配置文件包含各前端框架对应的远程地址;
调用模块,用于基于所述第二前端框架对应的远程地址,调用所述第二前端框架的js文件列表,所述js文件列表包含所述第二前端框架中各js文件的访问路径;
加载模块,用于基于js文件列表中的访问路径加载所述第二前端框架的核心框架文件;
第一展示模块,用于通过所述第二前端框架的核心框架文件加载所述目标跳转页面,以展示所述目标跳转页面。
7.根据权利要求6所述的装置,其特征在于,所述加载模块,具体用于:
基于预设的核心框架文件的标识,在所述js文件列表文件中查找所述核心框架文件的访问路径;
基于查找到的访问路径加载所述第二前端框架的核心框架文件。
8.根据权利要求6所述的装置,其特征在于,所述第一展示模块,具体用于:
通过所述第二前端框架的核心框架文件,查找所述目标跳转页面对应的路由信息,所述路由信息包含加载所述目标跳转页面所需的业务模块的信息;
根据所述路由信息获取并加载所述目标跳转页面对应的业务模块,以展示所述目标跳转页面。
9.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现权利要求1-5任一所述的方法步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1-5任一所述的方法步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010291420.5A CN111651703B (zh) | 2020-04-14 | 2020-04-14 | 一种页面跳转方法、装置、电子设备及可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010291420.5A CN111651703B (zh) | 2020-04-14 | 2020-04-14 | 一种页面跳转方法、装置、电子设备及可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111651703A true CN111651703A (zh) | 2020-09-11 |
CN111651703B CN111651703B (zh) | 2023-06-30 |
Family
ID=72347918
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010291420.5A Active CN111651703B (zh) | 2020-04-14 | 2020-04-14 | 一种页面跳转方法、装置、电子设备及可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111651703B (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112860231A (zh) * | 2021-03-11 | 2021-05-28 | 中国银行股份有限公司 | 前端框架转换方法及装置 |
CN113268237A (zh) * | 2021-05-25 | 2021-08-17 | 平安科技(深圳)有限公司 | 功能模块的功能页面生成方法、装置、设备及介质 |
CN113420241A (zh) * | 2021-07-08 | 2021-09-21 | 挂号网(杭州)科技有限公司 | 页面访问方法及装置、电子设备、存储介质 |
CN113434230A (zh) * | 2021-06-24 | 2021-09-24 | 青岛海尔科技有限公司 | H5页面的跳转控制方法、装置、存储介质及电子装置 |
CN113722026A (zh) * | 2020-10-23 | 2021-11-30 | 北京沃东天骏信息技术有限公司 | 通信方法、装置、设备和计算机可读介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20180341986A1 (en) * | 2016-06-03 | 2018-11-29 | Tencent Technology (Shenzhen) Company Limited | Information processing method, terminal, backgroundserver and system, storage medium |
CN109902247A (zh) * | 2019-02-14 | 2019-06-18 | 北京奇艺世纪科技有限公司 | 一种页面渲染的方法、装置及电子设备 |
CN110569463A (zh) * | 2019-08-02 | 2019-12-13 | 视联动力信息技术股份有限公司 | 页面刷新方法、装置及存储介质 |
CN110750747A (zh) * | 2019-10-22 | 2020-02-04 | 杭州安恒信息技术股份有限公司 | 一种页面跳转方法、装置、设备及可读存储介质 |
-
2020
- 2020-04-14 CN CN202010291420.5A patent/CN111651703B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20180341986A1 (en) * | 2016-06-03 | 2018-11-29 | Tencent Technology (Shenzhen) Company Limited | Information processing method, terminal, backgroundserver and system, storage medium |
CN109902247A (zh) * | 2019-02-14 | 2019-06-18 | 北京奇艺世纪科技有限公司 | 一种页面渲染的方法、装置及电子设备 |
CN110569463A (zh) * | 2019-08-02 | 2019-12-13 | 视联动力信息技术股份有限公司 | 页面刷新方法、装置及存储介质 |
CN110750747A (zh) * | 2019-10-22 | 2020-02-04 | 杭州安恒信息技术股份有限公司 | 一种页面跳转方法、装置、设备及可读存储介质 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113722026A (zh) * | 2020-10-23 | 2021-11-30 | 北京沃东天骏信息技术有限公司 | 通信方法、装置、设备和计算机可读介质 |
CN112860231A (zh) * | 2021-03-11 | 2021-05-28 | 中国银行股份有限公司 | 前端框架转换方法及装置 |
CN113268237A (zh) * | 2021-05-25 | 2021-08-17 | 平安科技(深圳)有限公司 | 功能模块的功能页面生成方法、装置、设备及介质 |
CN113434230A (zh) * | 2021-06-24 | 2021-09-24 | 青岛海尔科技有限公司 | H5页面的跳转控制方法、装置、存储介质及电子装置 |
CN113420241A (zh) * | 2021-07-08 | 2021-09-21 | 挂号网(杭州)科技有限公司 | 页面访问方法及装置、电子设备、存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111651703B (zh) | 2023-06-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111651703B (zh) | 一种页面跳转方法、装置、电子设备及可读存储介质 | |
JP6898452B2 (ja) | データ取得方法およびデバイス | |
US10733259B2 (en) | Web page access method and apparatus | |
CN110968824B (zh) | 页面数据处理方法和装置 | |
US8387008B2 (en) | Method for sharing a function between web contents | |
JP6404816B2 (ja) | ウェブページアクセス要求に対する応答の方法および装置 | |
CN108256014B (zh) | 页面展示方法及装置 | |
CN111639278A (zh) | 一种网页加载方法及装置 | |
US20100299610A1 (en) | User interface control apparatus, user interface control method, program, storage medium storing program, and integrated circuit | |
JP6779307B2 (ja) | ページ表示のための方法及び装置 | |
CN106681767B (zh) | 一种轻应用添加方法及装置 | |
US10983996B2 (en) | Asynchronous predictive caching of content listed in search results | |
US20220078161A1 (en) | Method and apparatus for advertisement anti-blocking | |
US10095791B2 (en) | Information search method and apparatus | |
CN111666074B (zh) | 一种web应用定制的方法、相关装置及系统 | |
CN110708270B (zh) | 异常链接检测方法以及装置 | |
CN111783010A (zh) | 网页空白页面监测方法、装置、终端及存储介质 | |
CN103258055A (zh) | 一种文件下载设备和方法 | |
CN112783548B (zh) | 网络系统的访问方法及装置 | |
CN114356991A (zh) | 数据查询方法、数据聚合方法、装置、设备及介质 | |
KR20130103239A (ko) | 번역 기능을 구비한 웹 브라우징 서비스 제공 방법, 서버 및 단말 | |
CN112925998B (zh) | 界面数据处理方法、装置、系统、电子设备及存储介质 | |
CN111104623A (zh) | 网页数据缓存方法、装置、服务器及存储介质 | |
CN111338709A (zh) | 客户端中目标场景的跳转方法、装置、设备及存储介质 | |
CN109213943B (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 |