基于页面的数据处理方法技术

本公开提供了一种基于页面的数据处理方法

【技术实现步骤摘要】
基于页面的数据处理方法、装置以及电子设备


[0001]本公开涉及信息
，尤其是涉及一种基于页面的数据处理方法
、
装置以及电子设备
。

技术介绍

[0002]目前，在当今的全球广域网
(World Wide Web
，
Web)
应用程序中，前端路由管理对于构建交互性与复杂性界面至关重要
。
前端路由负责根据统一资源定位系统
(uniform resource locator
，
URL)
的变化加载相应的页面
、
视图
、
布局或组件并处理页面间的导航与跳转
。
[0003]现有的前端路由一般需要手动配置路由信息，包括指定每个页面的路径与对应组件
。
但是，随着项目规模的增长与页面间关系的复杂化，手动配置路由变得繁琐进而容易出错，使得配置路由信息的准确度较低
。

技术实现思路

[0004]本公开的目的在于提供一种基于页面的数据处理方法
、
装置以及电子设备，以缓解配置路由信息的准确度较低的技术问题
。
[0005]第一方面，本公开实施例提供了一种基于页面的数据处理方法，所述方法包括：
[0006]获取前端路由项目中多个页面的目录结构；
[0007]通过扫描所述目录结构得到多个所述页面之间的链接关系；
[0008]根据所述链接关系生成树状结构的页面路径，所述页面路径中包含多个所述页面之间的多个跳转路径；
[0009]其中，所述页面路径用于通过分析所述树状结构获取与第一页面相关联的至少一目标跳转路径，以通过所述目标跳转路径提前加载从所述第一页面可跳转至的至少一第二页面；所述第一页面为图形用户界面中显示的页面
。
[0010]第二方面，提供了一种基于页面的数据处理装置，所述装置包括：
[0011]获取模块，用于获取前端路由项目中多个页面的目录结构；
[0012]扫描模块，用于通过扫描所述目录结构得到多个所述页面之间的链接关系；
[0013]生成模块，用于根据所述链接关系生成树状结构的页面路径，所述页面路径中包含多个所述页面之间的多个跳转路径；
[0014]其中，所述页面路径用于通过分析所述树状结构获取与第一页面相关联的至少一目标跳转路径，以通过所述目标跳转路径提前加载从所述第一页面可跳转至的至少一第二页面；所述第一页面为图形用户界面中显示的页面
。
[0015]第三方面，本公开实施例又提供了一种电子设备，包括存储器
、
处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述的第一方面所述方法
。
[0016]第四方面，本公开实施例又提供了一种计算机可读存储介质，所述计算机可读存
储介质存储有计算机可运行指令，所述计算机可运行指令在被处理器调用和运行时，所述计算机可运行指令促使所述处理器运行上述的第一方面所述方法
。
[0017]本公开实施例带来了以下有益效果：
[0018]本公开实施例提供的一种基于页面的数据处理方法
、
装置以及电子设备，能够获取前端路由项目中多个页面的目录结构，通过扫描所述目录结构得到多个所述页面之间的链接关系，根据所述链接关系生成树状结构的页面路径，所述页面路径中包含多个所述页面之间的多个跳转路径，其中的页面路径用于通过分析所述树状结构获取与第一页面相关联的至少一目标跳转路径，以通过所述目标跳转路径提前加载从所述第一页面可跳转至的至少一第二页面；所述第一页面为图形用户界面中显示的页面
。
本方案中，通过自动化的扫描前端路由项目中页面目录结构并分析页面间链接关系，生成了包含页面之间精确跳转路径的树状结构的页面路径，通过该树状结构页面路径的生成，实现了自动化路的方式来生成路由，减少了手动配置的繁琐过程，能够更加准确的处理页面间的跳转关系，确保页面的路径信息准确无误，避免了手动配置路由的繁琐与可能出现的错误与遗漏，缓解了配置路由信息的准确度较低的技术问题
。
[0019]为使本公开的上述目的
、
特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下
。
附图说明
[0020]为了更清楚地说明本公开具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本公开的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图
。
[0021]图1为本公开实施例提供的基于页面的数据处理方法的流程示意图；
[0022]图2为本公开实施例提供的基于页面的数据处理方法中，执行步骤对应代码的一个示例；
[0023]图3为本公开实施例提供的基于页面的数据处理方法中，执行步骤对应代码的另一个示例；
[0024]图4为本公开实施例提供的基于页面的数据处理方法中，执行步骤对应代码的另一个示例；
[0025]图5为本公开实施例提供的基于页面的数据处理方法中，执行步骤对应代码的另一个示例；
[0026]图6为本公开实施例提供的基于页面的数据处理方法中，执行步骤对应代码的另一个示例；
[0027]图7为本公开实施例提供的基于页面的数据处理方法中，执行步骤对应代码的另一个示例；
[0028]图8为本公开实施例提供的一种基于页面的数据处理装置的结构示意图；
[0029]图9示出了本公开实施例所提供的一种电子设备的结构示意图
。
具体实施方式
[0030]为使本公开实施例的目的
、
技术方案和优点更加清楚，下面将结合附图对本公开的技术方案进行清楚
、
完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例
。
基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围
。
[0031]本公开实施例中所提到的术语“包括”和“具有”以及它们的任何变形，意图在于覆盖不排他的包含
。
例如包含了一系列步骤或单元的过程
、
方法
、
系统
、
产品或设备没有限定于已列出的步骤或单元，而是可选地还包括其他没有列出的步骤或单元，或可选地还包括对于这些过程
、
方法
、
产品或设备固有的其它步骤或单元
。
[0032]目前，
Web
开发指使用
Web
技术构建与维护
Web
应用程序的过程
。Web
开发是互联网应用程序开发的重本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种基于页面的数据处理方法，其特征在于，所述方法包括：获取前端路由项目中多个页面的目录结构；通过扫描所述目录结构得到多个所述页面之间的链接关系；根据所述链接关系生成树状结构的页面路径，所述页面路径中包含多个所述页面之间的多个跳转路径；其中，所述页面路径用于通过分析所述树状结构获取与第一页面相关联的至少一目标跳转路径，以通过所述目标跳转路径提前加载从所述第一页面可跳转至的至少一第二页面；所述第一页面为图形用户界面中显示的页面
。2.
根据权利要求1所述的方法，其特征在于，所述通过扫描所述目录结构得到多个所述页面之间的链接关系的步骤，包括：利用
readdirSync
函数扫描所述前端路由项目的根目录，得到所述页面的入口文件；利用
ScanDir
函数从所述入口文件开始递归的扫描所述目录结构，得到多个所述页面的链接信息；根据多个所述页面的链接信息确定多个所述页面之间的链接关系
。3.
根据权利要求2所述的方法，其特征在于，所述利用
ScanDir
函数从所述入口文件开始递归的扫描所述目录结构的步骤，包括：利用
ScanDir
函数从所述入口文件开始扫描所述目录结构，得到扫描结果；如果所述扫描结果为子目录，则递归的对所述子目录进行扫描，直至扫描结果为文件
。4.
根据权利要求2所述的方法，其特征在于，所述利用
ScanDir
函数从所述入口文件开始递归的扫描所述目录结构，得到多个所述页面的链接信息的步骤，包括：利用
ScanDir
函数从所述入口文件开始递归的扫描所述目录结构，得到页面文件；对所述页面文件的内容进行解析，根据所述页面文件的内容解析结果从每个所述页面文件的内容中提取所述页面的链接信息
。5.
根据权利要求4所述的方法，其特征在于，所述对所述页面文件的内容进行解析，根据所述页面文件的内容解析结果从每个所述页面文件的内容中提取所述页面的链接信息的步骤，包括：利用
Cheerio
抓取页面模块解析所述页面文件中的页面；通过选择器选取所述页面中的链接元素，提取所述链接元素的
href
属性值，并将所述
href
属性值确定为所述页面的链接信息
。6.
根据权利要求5所述的方法，其特征在于，所述利用
Cheerio
抓取页面模块解析所述页面文件中的页面的步骤，包括：通过
readFileSync
函数读取所述页面文件的文件内容，并利用
Cheerio
抓取页面模块处理所述文件内容中的
HTML
结构
。7.
根...

【专利技术属性】
技术研发人员：杨泽伟，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：