CN112015378A - 骨架屏页面生成方法、装置、计算机设备和存储介质 - Google Patents
骨架屏页面生成方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN112015378A CN112015378A CN202010879133.6A CN202010879133A CN112015378A CN 112015378 A CN112015378 A CN 112015378A CN 202010879133 A CN202010879133 A CN 202010879133A CN 112015378 A CN112015378 A CN 112015378A
- Authority
- CN
- China
- Prior art keywords
- page
- module
- skeleton screen
- filling
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- 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/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请涉及大数据技术领域,特别是涉及一种骨架屏页面生成方法、装置、计算机设备和存储介质。所述方法包括:监听到网页页面的页面文件数据编写完成的完成指令时,获取网页页面的页面文件数据;从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息;根据各尺寸信息构建空白页面模块,并对各空白页面模块进行填充,得到多个填充页面模块;根据坐标位置信息,对多个填充页面模块进行拼接,生成对应网页页面的骨架屏页面。采用本方法能够提升骨架屏页面生成的智能化水平。此外,本发明还涉及区块链技术,监听到的完成指令、页面文件数据以及生成的骨架屏页面均可存储于区块链中。
Description
技术领域
本申请涉及大数据技术领域,特别是涉及一种骨架屏页面生成方法、装置、计算机设备和存储介质。
背景技术
随着互联网时代的飞速发展,网页(Web)页面的开发也成为人们越来越重要的一项工作。骨架屏(skeleton)是指在现代Web页面开发过程中,为了增强用户体验,在页面没有完全将数据加载完成之前,由一个各种代表页面结构的占位符组成的简单页面。骨架屏既能避免不友好的白屏,又能在等待的过程中预先将页面结构展示给用户,很好地起到了一个预告的作用。
在传统方式中,通常是通过开发人员手写对应Web页面的骨架屏,以达到较好的展示效果。
但是,当网页布局发生调整时,也需要开发人员对应修改骨架屏的代码,大大增加了开发人员的工作量,且处理过程不够智能化。
发明内容
基于此,有必要针对上述技术问题,提供一种能够提升骨架屏页面生成的智能化水平的骨架屏页面生成方法、装置、计算机设备和存储介质。
一种骨架屏页面生成方法,所述方法包括:
监听到网页页面的页面文件数据编写完成的完成指令时,获取网页页面的页面文件数据;
从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息;
根据各尺寸信息构建空白页面模块,并对各空白页面模块进行填充,得到多个填充页面模块;
根据坐标位置信息,对多个填充页面模块进行拼接,生成对应网页页面的骨架屏页面。
在其中一个实施例中,从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息,包括:
通过预先设置的筛选模板对页面文件数据进行筛选,得到对应各待处理页面模块的各页面模块数据;
对各页面模块数据进行解析,确定对应各待处理页面模块的属性信息;
从各待处理页面模块的属性信息中提取各待处理页面模块的坐标位置信息以及尺寸信息。
在其中一个实施例中,从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息之后,还包括:
确定各待处理页面模块的模块类型;
对各空白页面模块进行填充,得到多个填充页面模块,包括:
基于预设的数据填充要求,确定对应各模块类型的填充数据;
通过对应各模块类型的填充数据对各空白页面模块进行填充,得到多个填充页面模块。
在其中一个实施例中,上述方法还包括:
将骨架屏页面集成至网页页面的页面文件数据中;
接收用户终端发送的对网页页面的显示请求;
根据显示请求对页面文件数据进行解析,得到骨架屏页面;
将解析得到的骨架屏页面发送至用户终端,并使用户终端显示骨架屏页面。
在其中一个实施例中,上述方法还包括:
对网页页面的页面文件数据是否更新进行监听,并在监听到对网页页面的页面文件数据进行更新时,获取对应的更新数据;
基于更新数据确定对网页页面的更新类型,并基于更新类型对骨架屏页面执行对应的更新操作。
在其中一个实施例中,确定对网页页面的更新类型,并基于更新类型对骨架屏页面执行对应的更新操作,包括:
当更新类型为删除页面模块时,则删除骨架屏页面中对应页面模块的填充页面模块,得到删除后的骨架屏页面;
当更新类型为新增页面模块时,则根据更新数据,构建对应新增页面模块的新增空白页面模块,并对新增空白页面模块进行填充,并将填充后的新增填充页面模块添加至骨架屏页面中,生成更新后的骨架屏页面;
当更新类型为更改页面模块时,则根据更新数据,对骨架屏页面中对应更改页面模块的填充页面模块尺寸以及坐标位置进行更改,得到更改后的骨架屏页面。
在其中一个实施例中,上述方法还包括:
将监听到的完成指令、页面文件数据以及生成的骨架屏页面中的至少一个上传至区块链节点中进行存储。
一种意图识别模型测试装置,所述装置包括:
监听模块,用于监听到网页页面的页面文件数据编写完成的完成指令时,获取网页页面的页面文件数据;
坐标位置信息以及尺寸信息确定模块,用于从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息;
填充模块,用于根据各尺寸信息构建空白页面模块,并对各空白页面模块进行填充,得到多个填充页面模块;
骨架屏页面生成模块,用于根据坐标位置信息,对多个填充页面模块进行拼接,生成对应网页页面的骨架屏页面。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现上述任一项所述方法的步骤。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任一项所述的方法的步骤。
上述骨架屏页面生成方法、装置、计算机设备和存储介质,通过对页面文件数据是否编写完成进行监听,并在监听到完成指令时,获取页面文件数据,并从中提取出坐标位置信息以及尺寸信息,进而根据坐标位置信息以及尺寸信息构建页面模块,并生成对应网页页面的骨架屏页面。从而,可以根据编写好的页面文件数据自动进行页面模块信息的提取,并生成骨架屏页面,而无需人工进行参与,提升了骨架屏页面生成的智能化水平。并且,通过在对页面文件数据是否编写完成进行监听,并在监听到编写完成的完成指令时,立刻生成骨架屏页面,后续可以直接输出显示,可以提升骨架屏页面的生成显示效率。
附图说明
图1为一个实施例中骨架屏页面生成方法的应用场景图;
图2为一个实施例中骨架屏页面生成方法的流程示意图;
图3为一个实施例中骨架屏页面生成步骤的示意图;
图4为一个实施例中骨架屏页面生成装置的结构框图;
图5为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
本申请提供的骨架屏页面生成方法,可以应用于如图1所示的应用环境中。其中,终端102通过网络与服务器104进行通信。用户通过终端102进行网页页面的页面文件数据的编写,编写的页面文件数据通过网络实时传输至服务器104,并进行存储。在服务器104监听到网页页面的页面文件数据编写完成的完成指令时,则获取网页页面的页面文件数据,并从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息。然后服务器104根据各尺寸信息构建空白页面模块,并对各空白页面模块进行填充,得到多个填充页面模块。进一步,服务器104根据坐标位置信息,对多个填充页面模块进行拼接,生成对应网页页面的骨架屏页面。其中,终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备,服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一个实施例中,如图2所示,提供了一种骨架屏页面生成方法,以该方法应用于图1中的服务器为例进行说明,包括以下步骤:
步骤S202,监听到网页页面的页面文件数据编写完成的完成指令时,获取网页页面的页面文件数据。
其中,网页页面是指通过编程人员或者人工智能(Artificial Intelligence,AI)自动编写的并展示给用户的界面,网页页面中可以包括多个待处理页面模块,可以包括但不限于图像模块、FLASH模块、文本区域模块、按钮模块等。
在本实施例中,网页页面泛指在电脑、手机终端或者是其他穿戴设备上向用户展示的页面。
页面文件数据是指网页页面的后台执行文件数据,可以是网页页面的代码数据,例如,参考图3,可以是JS(Java Script)代码等。在本实施例中,页面文件数据可以人工编写,也可以通过AI自动进行编写,本申请对此不作限制。
完成指令是指页面文件数据编写完成后所生成的指令。
在本实施例中,服务器可以实时对页面文件数据编写软件进行监听,并判断是否监听到编写软件输出的完成指令,具体地,编写软件可以在页面文件数据编写完成、并渲染出网页页面时输出完成指令等。
在本实施例中,服务器监听到网页页面编写完成的完成指令时,可以从数据库中获取编写完成的页面数据文件,并进行后续的操作。
在本实施例中,完成指令可以携带有网页页面的页面标识,服务器可以根据页面标识对数据库进行筛选,筛选出对应页面标识的页面文件数据。
步骤S204,从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息。
其中,坐标位置信息是指网页页面中各待处理页面模块在网页页面中的位置信息,可以是指待处理页面模块的中心点的坐标位置信息,或者是可以是待处理页面模块的多个顶点的坐标位置信息。
在本实施例中,坐标位置信息也可以是指各个待处理页面模块相较于参考点或者是参考模块的相对位置信息,例如,服务器以网页左上角为参考点,坐标位置信息可以是各待处理页面模块中心点坐标相较于参考点的相对坐标位置信息,或者坐标位置信息也可以是各个页面模块相较于其他待处理页面模块的相对坐标位置信息。
尺寸信息是指待处理页面模块的长宽尺寸信息,可以表示为(W,H),其中W表示为宽度,H表示长度。
在本实施例中,服务器在获取网页页面的页面文件数据后,可以通过对页面文件数据进行解析,以确定网页页面中各个待处理页面模块的坐标位置信息以及尺寸信息,例如,页面中各个图像模块、按钮模块、文字区域模块等的坐标位置信息以及尺寸信息等。
步骤S206,根据各尺寸信息构建空白页面模块,并对各空白页面模块进行填充,得到多个填充页面模块。
在本实施例中,网页页面的各待处理页面模块中通常包含有对应的显示内容,例如,图像模块有对应的显示图像,文字区域模块包含有对应的文字内容。
在本事实施中,空白页面模块是指不包含页面内容的模块,即仅包括页面区域的模块。
在本实施例中,服务器可以根据确定的各待处理页面模块的尺寸信息,构建对应与各待处理页面模块的空白页面模块,然后通过预先设置的填充数据,对各个页面模块进行填充,如,填充为纯色等,以此得到对应于网页页面中多个待处理页面模块的多个填充页面模块。
在本实施例中,服务器构建多个空白页面模块以及对各空表页面模块进行填充可以是并行同时进行,如同时进行多个空白页面模块的构建,然后再同时对多个空白页面模块进行填充。或者服务器也可以是分线程并行进行空白页面模块的构建以及填充,例如,通过一个线程依次构建页面空白模块,通过另一个线程对构建好的页面空白模块进行填充,两个线程并行执行,互不干扰。
步骤S208,根据坐标位置信息,对多个填充页面模块进行拼接,生成对应网页页面的骨架屏页面。
在本实施例中,服务器在得到对应网页页面的多个填充页面模块后,可以根据各待处理页面模块在网页页面中的坐标位置信息,对填充页面模块进行拼接,以生成对应网页页面的骨架屏页面。
具体地,服务器在确定网页页面的各待处理页面模块的坐标位置信息以及尺寸信息的时候,可以对应生成各个待处理页面模块的模块标识,并进行存储。
在本实施例中,服务器在创建空白页面模块的时候,可以对应生成各待处理页面模块的模块标识,进而可以通过模块标识确定对应各填充页面模块对应的待处理页面模块的坐标位置信息,以根据坐标位置信息,将对应的填充页面模块拼接至空白网页页面对应的位置,以得到网页页面对应的骨架屏页面。
上述骨架屏页面生成方法中,通过对页面文件数据是否编写完成进行监听,并在监听到完成指令时,获取页面文件数据,并从中提取出坐标位置信息以及尺寸信息,进而根据坐标位置信息以及尺寸信息构建页面模块,并生成对应网页页面的骨架屏页面。从而,可以根据编写好的页面文件数据自动进行页面模块信息的提取,并生成骨架屏页面,而无需人工进行参与,提升了骨架屏页面生成的智能化水平。并且,通过在对页面文件数据是否编写完成进行监听,并在监听到编写完成的完成指令时,立刻生成骨架屏页面,后续可以直接输出显示,可以提升骨架屏页面的生成显示效率。
在其中一个实施例中,从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息,可以包括:通过预先设置的筛选模板对页面文件数据进行筛选,得到对应各待处理页面模块的各页面模块数据;对各页面模块数据进行解析,确定对应各待处理页面模块的属性信息;从各待处理页面模块的属性信息中提取各待处理页面模块的坐标位置信息以及尺寸信息。
其中,筛选模板是指预先设定的对页面文件数据进行提取删选的模板。筛选模板中可以包括对页面文件数据进行筛选的筛选标签,如img、div、span、input、button等。
页面模块数据是指页面文件数据中对应各待处理页面模块的数据,如对应图像模块、文本区域模块的页面模块数据等。
属性信息是指各待处理页面模块中模块内容的属性信息,例如,文本区域模块中文本内容的间距、字体大小、行高,同一行文本内容中文本字符的数量,图像模块中图像的长宽尺寸,按钮模块中按钮的尺寸大小等。
在本实施例中,服务器可以根据筛选模板对页面文件数据进行筛选,得到各待处理页面模块的页面模块数据,例如,通过筛选模板中设置的“div”或者是“span”等,从页面文件数据中筛选出div或者span包起来的部分,如“<div id=’1001’name=’1001’>******</div>”等。
在本实施例中,服务器在获取到页面模块数据后,可以通过对页面模块数据进行解析,得到对应页面模块的模块id、模块名称name等,然后根据id以及name,从数据库中获取对应待处理页面模块的属性信息,进一步确定各页面模块对应的坐标位置信息以及尺寸信息。
上述实施例中,通过根据预置的筛选模板对页面文件数据进行筛选,并对筛选后的页面模块数据进行解析,获取对应的属性信息,并确定对应的坐标位置信息以及尺寸信息,从而,可以根据各待处理页面模块对应的属性信息准确确定各待处理页面模块的坐标位置信息以及尺寸信息,可以提升后续生成的骨架屏页面的准确性,提升用户终端的展示效果。
在其中一个实施例中,从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息之后,还可以包括:确定各待处理页面模块的模块类型。
在本实施例中,对各空白页面模块进行填充,得到多个填充页面模块,可以包括:基于预设的数据填充要求,确定对应各模块类型的填充数据;通过对应各模块类型的填充数据对各空白页面模块进行填充,得到多个填充页面模块。
其中,模块类型是指网页页面中各待处理页面模块的类型,如前文所述,模块包括图像模块、FLASH模块、文本区域模块、按钮模块等,对应的模块类型分别为图像、FLASH、文本区域或者按钮等。
在本实施例中,服务器在确定各待处理页面模块的坐标位置信息以及尺寸信息之后,可以根据页面文件数据中各文本区域模块页面模块对应的页面模块数据,确定各个文本区域模块页面模块的模块类型为图像或者FLASH或者文本区域或者按钮等,然后获取各模块类型对应的填充数据,对各模块类型对应的空白页面模块进行填充。
具体地,服务器预先设置对应各模块类型的填充数据,例如,对应图像模块的填充数据为单一颜色,对应文本区域模块的填充数据为灰色条文数据等,然后对空白页面模块进行填充,以得到多个填充页面模块。
上述实施例中,通过确定各待处理页面模块的模块类型,然后获取对应的填充数据并进行填充,从而可以使得生成的骨架屏页面与实际网页页面更加匹配,可以提升生成的骨架屏页面的准确性。
在其中一个实施例中,上述方法还可以包括:将骨架屏页面集成至网页页面的页面文件数据中;接收用户终端发送的对网页页面的显示请求;根据显示请求对页面文件数据进行解析,得到骨架屏页面;将解析得到的骨架屏页面发送至用户终端,并使用户终端显示骨架屏页面。
具体地,继续参考图3,服务器在生成对应网页页面的骨架屏页面后,可以将骨架屏页面集成至对应的网页页面的页面文件数据中并进行存储。
在本实施例中,用户可以通过用户终端发送网页页面的显示请求,例如,用户通过用户终端点击了网页页面的网址链接,以请求显示对应的网页页面。
进一步,服务器在在接收到对应网页页面的显示请求时,可以对对应的页面文件数据进行解析,得到骨架屏页面,然后将解析得到的骨架屏页面发送至用户终端,并使用户终端显示骨架屏页面。
在本实施例中,服务器在接收到显示请求时,可以并行对网页页面对应部分的数据以及骨架屏页面对应部分的数据进行解析,并将解析后的数据发送用户终端,以通过用户终端进行渲染显示。
在本实施例中,服务器可以实时判断网页页面对应部分的数据是否解析完成,若判断网页页面对应部分的数据未解析完成时,则将解析完成的骨架屏页面的数据发送至用户终端,并是用户终端进行显示,并在判断网页页面对应部分的数据解析完成后,将对应的数据发送用户终端,以使用户终端渲染展示对应的网页页面。
可选地,服务器也可以在接收到显示请求时,优先对骨架屏页面对应部分的数据进行解析,并发送用户终端显示。然后服务器再进行网页页面对应部分的数据的解析,并在解析完成后发送用户终端,以通过用户终端进行渲染显示该网页页面。
上述实施例中,通过将生成的骨架屏页面集成至数据文件中,并在服务器未解析完网页页面的数据时,将骨架屏页面发送至用户终端显示,可以使得用户终端不用显示白屏,可以提升用户终端的显示效果。
在其中一个实施例中,上述方法还可以包括:对网页页面的页面文件数据是否更新进行监听,并在监听到对网页页面的页面文件数据进行更新时,获取对应的更新数据;基于更新数据确定对网页页面的更新类型,并基于更新类型对骨架屏页面执行对应的更新操作。
其中,更新数据是指对网页页面的页面文件数据进行更新时所生成的数据。可以包括新增、删除或者更改等操作对应的数据。
在本实施例中,服务器可以对已经生成的各个页面文件数据进行实时检测,并在检测到编程人员或者是自动编程软件有对已经生成的页面文件数据进行更新的更新操作时,获取对应的更新数据,如根据网页页面的页面标识等获取对应的更新数据。
进一步,服务器可以根据获取到的更新数据,确定对应的更新类型,如新增页面模块或者删除页面模块或者对页面模块进行更改等,并对骨架屏页面执行对应的更新操作,例如,新增或删除或者更改等。
上述实施例中,通过获取更新数据,确定更新类型并对骨架屏页面执行对应的更新操作,可以使得骨架屏页面可以随网页页面的更新自动进行更新,保障骨架屏页面的准确性。
在其中一个实施例中,确定对网页页面的更新类型,并基于更新类型对骨架屏页面执行对应的更新操作,可以包括:当更新类型为删除页面模块时,则删除骨架屏页面中对应页面模块的填充页面模块,得到删除后的骨架屏页面;当更新类型为新增页面模块时,则根据更新数据,构建对应新增页面模块的新增空白页面模块,并对新增空白页面模块进行填充,并将填充后的新增填充页面模块添加至骨架屏页面中,生成更新后的骨架屏页面;当更新类型为更改页面模块时,则根据更新数据,对骨架屏页面中对应更改页面模块的填充页面模块尺寸以及坐标位置进行更改,得到更改后的骨架屏页面。
具体地,服务器可以对组成骨架屏页面的页面填充模块进行删除或者增加或者更改,以得到对应的删除或者新增或者更改后的骨架屏页面。
其中,删除是指删除骨架屏页面中已有的某个填充页面模块,新增是指新增骨架屏页面中没有的某个填充页面模块,更改是指对骨架屏页面中已有的某个填充页面模块进行模块类型、模块尺寸以及模块所处位置的更改等。
在实施例中,服务器可以基于更改的各填充页面模块,重新进行拼接,以生成更新后的骨架屏页面。
上述实施例中,通过对骨架屏页面对应的填充页面模块进行新增、删除或更改等操作,并生成更新后的骨架屏页面,从而,可以保障生成的骨架屏页面的准确性,提升终端的显示效果。
在其中一个实施例中,上述方法还可以包括:将监听到的完成指令、页面文件数据以及生成的骨架屏页面中的至少一个上传至区块链节点中进行存储。
其中,区块链是指分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Block chain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。
具体地,区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
在本实施例中,服务器可以将完成指令、页面文件数据以及生成的骨架屏页面中的一个或者多个数据上传并存储于区块链的节点中,以保证数据的私密性和安全性。
上述实施例中,通过将完成指令、页面文件数据以及生成的骨架屏页面中至少一个上传至区块链并存储于区块链的节点中,从而可以保障存储至区块链节点中数据的私密性,可以提升数据的安全性。
应该理解的是,虽然图2的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图2中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图4所示,提供了一种骨架屏页面生成装置,包括:监听模块100、坐标位置信息以及尺寸信息确定模块200、填充模块300和骨架屏页面生成模块400,其中:
监听模块100,用于监听到网页页面的页面文件数据编写完成的完成指令时,获取网页页面的页面文件数据。
坐标位置信息以及尺寸信息确定模块200,用于从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息。
填充模块300,用于根据各尺寸信息构建空白页面模块,并对各空白页面模块进行填充,得到多个填充页面模块。
骨架屏页面生成模块400,用于根据坐标位置信息,对多个填充页面模块进行拼接,生成对应网页页面的骨架屏页面。
在其中一个实施例中,坐标位置信息以及尺寸信息确定模块200可以包括:
筛选子模块,用于通过预先设置的筛选模板对页面文件数据进行筛选,得到对应各待处理页面模块的各页面模块数据。
解析子模块,用于对各页面模块数据进行解析,确定对应各待处理页面模块的属性信息。
信息提取子模块,用于从各待处理页面模块的属性信息中提取各待处理页面模块的坐标位置信息以及尺寸信息。
在其中一个实施例中,上述装置还可以包括:
类型确定模块,用于在坐标位置信息以及尺寸信息确定模块200从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息之后,确定各待处理页面模块的模块类型。
在本实施例中,填充模块300可以包括:
填充数据确定子模块,用于基于预设的数据填充要求,确定对应各模块类型的填充数据。
填充子模块,用于通过对应各模块类型的填充数据对各空白页面模块进行填充,得到多个填充页面模块。
在其中一个实施例中,上述装置还可以包括:
集成模块,用于将骨架屏页面集成至网页页面的页面文件数据中。
显示请求接收模块,用于接收用户终端发送的对网页页面的显示请求。
解析模块,用于根据显示请求对页面文件数据进行解析,得到骨架屏页面。
数据发送模块,用于将解析得到的骨架屏页面发送至用户终端,并使用户终端显示骨架屏页面。
在其中一个实施例中,上述装置还可以包括:
更新监听模块,用于对网页页面的页面文件数据是否更新进行监听,并在监听到对网页页面的页面文件数据进行更新时,获取对应的更新数据。
更新模块,用于基于更新数据确定对网页页面的更新类型,并基于更新类型对骨架屏页面执行对应的更新操作。
在其中一个实施例中,更新模块可以包括:
第一更新子模块,用于当更新类型为删除页面模块时,则删除骨架屏页面中对应页面模块的填充页面模块,得到删除后的骨架屏页面。
第二更新子模块,用于当更新类型为新增页面模块时,则根据更新数据,构建对应新增页面模块的新增空白页面模块,并对新增空白页面模块进行填充,并将填充后的新增填充页面模块添加至骨架屏页面中,生成更新后的骨架屏页面。
第三更新子模块,用于当更新类型为更改页面模块时,则根据更新数据,对骨架屏页面中对应更改页面模块的填充页面模块尺寸以及坐标位置进行更改,得到更改后的骨架屏页面。
在其中一个实施例中,上述装置还可以包括:
存储模块,用于将监听到的完成指令、页面文件数据以及生成的骨架屏页面中的至少一个上传至区块链节点中进行存储。
关于骨架屏页面生成装置的具体限定可以参见上文中对于骨架屏页面生成方法的限定,在此不再赘述。上述骨架屏页面生成装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是服务器,其内部结构图可以如图5所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储完成指令、页面文件数据以及生成的骨架屏页面等数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种骨架屏页面生成方法。
本领域技术人员可以理解,图5中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,该存储器存储有计算机程序,该处理器执行计算机程序时实现以下步骤:监听到网页页面的页面文件数据编写完成的完成指令时,获取网页页面的页面文件数据;从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息;根据各尺寸信息构建空白页面模块,并对各空白页面模块进行填充,得到多个填充页面模块;根据坐标位置信息,对多个填充页面模块进行拼接,生成对应网页页面的骨架屏页面。
在其中一个实施例中,处理器执行计算机程序时实现从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息,可以包括:通过预先设置的筛选模板对页面文件数据进行筛选,得到对应各待处理页面模块的各页面模块数据;对各页面模块数据进行解析,确定对应各待处理页面模块的属性信息;从各待处理页面模块的属性信息中提取各待处理页面模块的坐标位置信息以及尺寸信息。
在其中一个实施例中,处理器执行计算机程序时实现从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息之后,还可以实现以下步骤:确定各待处理页面模块的模块类型;
在本实施例中,处理器执行计算机程序时实现对各空白页面模块进行填充,得到多个填充页面模块,可以包括:基于预设的数据填充要求,确定对应各模块类型的填充数据;通过对应各模块类型的填充数据对各空白页面模块进行填充,得到多个填充页面模块。
在其中一个实施例中,处理器执行计算机程序时还可以实现以下步骤:将骨架屏页面集成至网页页面的页面文件数据中;接收用户终端发送的对网页页面的显示请求;根据显示请求对页面文件数据进行解析,得到骨架屏页面;将解析得到的骨架屏页面发送至用户终端,并使用户终端显示骨架屏页面。
在其中一个实施例中,处理器执行计算机程序时还可以实现以下步骤:对网页页面的页面文件数据是否更新进行监听,并在监听到对网页页面的页面文件数据进行更新时,获取对应的更新数据;基于更新数据确定对网页页面的更新类型,并基于更新类型对骨架屏页面执行对应的更新操作。
在其中一个实施例中,处理器执行计算机程序时实现确定对网页页面的更新类型,并基于更新类型对骨架屏页面执行对应的更新操作,可以包括:当更新类型为删除页面模块时,则删除骨架屏页面中对应页面模块的填充页面模块,得到删除后的骨架屏页面;当更新类型为新增页面模块时,则根据更新数据,构建对应新增页面模块的新增空白页面模块,并对新增空白页面模块进行填充,并将填充后的新增填充页面模块添加至骨架屏页面中,生成更新后的骨架屏页面;当更新类型为更改页面模块时,则根据更新数据,对骨架屏页面中对应更改页面模块的填充页面模块尺寸以及坐标位置进行更改,得到更改后的骨架屏页面。
在其中一个实施例中,处理器执行计算机程序时还实现以下步骤:将监听到的完成指令、页面文件数据以及生成的骨架屏页面中的至少一个上传至区块链节点中进行存储。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:监听到网页页面的页面文件数据编写完成的完成指令时,获取网页页面的页面文件数据;从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息;根据各尺寸信息构建空白页面模块,并对各空白页面模块进行填充,得到多个填充页面模块;根据坐标位置信息,对多个填充页面模块进行拼接,生成对应网页页面的骨架屏页面。
在其中一个实施例中,计算机程序被处理器执行时实现从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息,可以包括:通过预先设置的筛选模板对页面文件数据进行筛选,得到对应各待处理页面模块的各页面模块数据;对各页面模块数据进行解析,确定对应各待处理页面模块的属性信息;从各待处理页面模块的属性信息中提取各待处理页面模块的坐标位置信息以及尺寸信息。
在其中一个实施例中,计算机程序被处理器执行时实现从页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息之后,还可以实现以下步骤:确定各待处理页面模块的模块类型;
在本实施例中,计算机程序被处理器执行时实现对各空白页面模块进行填充,得到多个填充页面模块,可以包括:基于预设的数据填充要求,确定对应各模块类型的填充数据;通过对应各模块类型的填充数据对各空白页面模块进行填充,得到多个填充页面模块。
在其中一个实施例中,计算机程序被处理器执行时还可以实现以下步骤:将骨架屏页面集成至网页页面的页面文件数据中;接收用户终端发送的对网页页面的显示请求;根据显示请求对页面文件数据进行解析,得到骨架屏页面;将解析得到的骨架屏页面发送至用户终端,并使用户终端显示骨架屏页面。
在其中一个实施例中,计算机程序被处理器执行时还可以实现以下步骤:对网页页面的页面文件数据是否更新进行监听,并在监听到对网页页面的页面文件数据进行更新时,获取对应的更新数据;基于更新数据确定对网页页面的更新类型,并基于更新类型对骨架屏页面执行对应的更新操作。
在其中一个实施例中,计算机程序被处理器执行时实现确定对网页页面的更新类型,并基于更新类型对骨架屏页面执行对应的更新操作,可以包括:当更新类型为删除页面模块时,则删除骨架屏页面中对应页面模块的填充页面模块,得到删除后的骨架屏页面;当更新类型为新增页面模块时,则根据更新数据,构建对应新增页面模块的新增空白页面模块,并对新增空白页面模块进行填充,并将填充后的新增填充页面模块添加至骨架屏页面中,生成更新后的骨架屏页面;当更新类型为更改页面模块时,则根据更新数据,对骨架屏页面中对应更改页面模块的填充页面模块尺寸以及坐标位置进行更改,得到更改后的骨架屏页面。
在其中一个实施例中,计算机程序被处理器执行时还实现以下步骤:将监听到的完成指令、页面文件数据以及生成的骨架屏页面中的至少一个上传至区块链节点中进行存储。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种骨架屏页面生成方法,其特征在于,所述方法包括:
监听到网页页面的页面文件数据编写完成的完成指令时,获取所述网页页面的页面文件数据;
从所述页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息;
根据各所述尺寸信息构建空白页面模块,并对各所述空白页面模块进行填充,得到多个填充页面模块;
根据所述坐标位置信息,对所述多个填充页面模块进行拼接,生成对应所述网页页面的骨架屏页面。
2.根据权利要求1所述的方法,其特征在于,所述从所述页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息,包括:
通过预先设置的筛选模板对所述页面文件数据进行筛选,得到对应各待处理页面模块的各页面模块数据;
对各所述页面模块数据进行解析,确定对应各待处理页面模块的属性信息;
从各所述待处理页面模块的属性信息中提取各所述待处理页面模块的坐标位置信息以及尺寸信息。
3.根据权利要求1所述的方法,其特征在于,所述从所述页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息之后,还包括:
确定各待处理页面模块的模块类型;
所述对各所述空白页面模块进行填充,得到多个填充页面模块,包括:
基于预设的数据填充要求,确定对应各模块类型的填充数据;
通过对应各模块类型的填充数据对各所述空白页面模块进行填充,得到多个填充页面模块。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
将所述骨架屏页面集成至所述网页页面的页面文件数据中;
接收用户终端发送的对所述网页页面的显示请求;
根据所述显示请求对所述页面文件数据进行解析,得到骨架屏页面;
将解析得到的所述骨架屏页面发送至用户终端,并使所述用户终端显示所述骨架屏页面。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
对所述网页页面的页面文件数据是否更新进行监听,并在监听到对所述网页页面的页面文件数据进行更新时,获取对应的更新数据;
基于所述更新数据确定对所述网页页面的更新类型,并基于所述更新类型对所述骨架屏页面执行对应的更新操作。
6.根据权利要求5所述的方法,其特征在于,所述确定对所述网页页面的更新类型,并基于所述更新类型对所述骨架屏页面执行对应的更新操作,包括:
当所述更新类型为删除页面模块时,则删除所述骨架屏页面中对应所述页面模块的填充页面模块,得到删除后的骨架屏页面;
当所述更新类型为新增页面模块时,则根据所述更新数据,构建对应新增页面模块的新增空白页面模块,并对所述新增空白页面模块进行填充,并将填充后的新增填充页面模块添加至所述骨架屏页面中,生成更新后的骨架屏页面;
当所述更新类型为更改页面模块时,则根据所述更新数据,对所述骨架屏页面中对应所述更改页面模块的填充页面模块尺寸以及坐标位置进行更改,得到更改后的骨架屏页面。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
将监听到的所述完成指令、所述页面文件数据以及生成的所述骨架屏页面中的至少一个上传至区块链节点中进行存储。
8.一种意图识别模型测试装置,其特征在于,所述装置包括:
监听模块,用于监听到网页页面的页面文件数据编写完成的完成指令时,获取所述网页页面的页面文件数据;
坐标位置信息以及尺寸信息确定模块,用于从所述页面文件数据中确定对应网页页面的各待处理页面模块的坐标位置信息以及尺寸信息;
填充模块,用于根据各所述尺寸信息构建空白页面模块,并对各所述空白页面模块进行填充,得到多个填充页面模块;
骨架屏页面生成模块,用于根据所述坐标位置信息,对所述多个填充页面模块进行拼接,生成对应所述网页页面的骨架屏页面。
9.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010879133.6A CN112015378A (zh) | 2020-08-27 | 2020-08-27 | 骨架屏页面生成方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010879133.6A CN112015378A (zh) | 2020-08-27 | 2020-08-27 | 骨架屏页面生成方法、装置、计算机设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112015378A true CN112015378A (zh) | 2020-12-01 |
Family
ID=73502652
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010879133.6A Pending CN112015378A (zh) | 2020-08-27 | 2020-08-27 | 骨架屏页面生成方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112015378A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113553523A (zh) * | 2021-06-10 | 2021-10-26 | 北京达佳互联信息技术有限公司 | 骨架屏页面的生成方法、装置、电子设备、介质及产品 |
-
2020
- 2020-08-27 CN CN202010879133.6A patent/CN112015378A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113553523A (zh) * | 2021-06-10 | 2021-10-26 | 北京达佳互联信息技术有限公司 | 骨架屏页面的生成方法、装置、电子设备、介质及产品 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108446116B (zh) | 应用程序页面的生成方法、装置、计算机设备和存储介质 | |
CN109901834B (zh) | 文档页面生成方法、装置、计算机设备和存储介质 | |
CN108388515B (zh) | 测试数据生成方法、装置、设备以及计算机可读存储介质 | |
CN109388561A (zh) | 接口测试用例生成方法、装置、计算机设备和存储介质 | |
CN110647320A (zh) | 项目框架的构建方法、装置、计算机设备和存储介质 | |
CN113435608B (zh) | 联邦学习模型的生成方法、装置、计算机设备及存储介质 | |
CN111061475A (zh) | 软件代码生成方法、装置、计算机设备和存储介质 | |
CN112035186A (zh) | H5页面的预加载及跳转方法、装置、设备及介质 | |
CN110888709A (zh) | 监控屏的智能操作方法、装置、计算机设备和存储介质 | |
CN111736811A (zh) | 表单数据校验方法、系统、服务器和用户终端 | |
CN110659092A (zh) | 网页截图方法、装置、计算机设备和存储介质 | |
CN112131837A (zh) | 业务报告配置方法、装置、计算机设备和存储介质 | |
CN112596708A (zh) | 网页页面生成方法、装置、计算机设备和存储介质 | |
CN114531477A (zh) | 功能组件的配置方法、装置、计算机设备和存储介质 | |
CN109582890A (zh) | 页面加载方法、装置、计算机设备及存储介质 | |
CN112114808A (zh) | 页面渲染方法、装置、电子设备 | |
CN112015378A (zh) | 骨架屏页面生成方法、装置、计算机设备和存储介质 | |
CN112035113A (zh) | H5页面的导航栏加载方法、装置、设备及介质 | |
CN112181437B (zh) | 基于Devops的灰度发布方法、装置、计算机设备及存储介质 | |
CN107688650A (zh) | 一种web页面生成方法和装置 | |
CN116661936A (zh) | 页面数据的处理方法、装置、计算机设备及存储介质 | |
CN111026988A (zh) | 一种页面加载的方法、装置、系统及计算机设备 | |
CN110865943A (zh) | 接口测试方法、装置、计算机设备和存储介质 | |
CN110222290B (zh) | 页面生成方法、装置、计算机设备和存储介质 | |
CN113730917A (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 |