CN109558133A - 一种页面处理方法、装置和存储介质 - Google Patents
一种页面处理方法、装置和存储介质 Download PDFInfo
- Publication number
- CN109558133A CN109558133A CN201811468623.6A CN201811468623A CN109558133A CN 109558133 A CN109558133 A CN 109558133A CN 201811468623 A CN201811468623 A CN 201811468623A CN 109558133 A CN109558133 A CN 109558133A
- Authority
- CN
- China
- Prior art keywords
- page
- resource
- skeleton
- component
- target page
- 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
- 238000003672 processing method Methods 0.000 title claims abstract description 19
- 238000012545 processing Methods 0.000 claims abstract description 56
- 238000000034 method Methods 0.000 claims description 43
- 238000004590 computer program Methods 0.000 claims description 21
- 238000010586 diagram Methods 0.000 description 9
- 238000011161 development Methods 0.000 description 7
- 238000010276 construction Methods 0.000 description 6
- 230000000694 effects Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 2
- 101100066896 Drosophila melanogaster cher gene Proteins 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 235000019800 disodium phosphate Nutrition 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000003032 molecular docking Methods 0.000 description 1
- 238000000926 separation method Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- 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)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明公开了一种页面处理方法，包括：确定目标页面的信息；根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。本发明还公开了一种页面处理装置和计算机可读存储介质。
Description
技术领域
本发明涉及前端技术，尤其涉及一种页面处理方法、装置和计算机可读存储介质。
背景技术
为了优化终端侧网页视觉体验，会在页面未加载呈现之前的那段空白期间，先呈现页面骨架视图。现有方案是在页面的超文本标记语言(HTML，HyperText MarkupLanguage)文件中事先人为写好页面骨架视图，当数据还在加载时进行呈现，视觉效果如图1所示。
但上述方案，需要手动为特定的页面编写其对应的骨架视图，当页面数量很多时，一个个手动编写显得较为乏力；而在运营人员自由以组件为基本单位拼接成页面时，开发人员也无法时时知晓页面被拼成的效果，更无法为该页面专门编写骨架视图。
发明内容
有鉴于此，本发明的主要目的在于提供一种页面处理方法、装置和计算机可读存储介质。
为达到上述目的，本发明的技术方案是这样实现的：
本发明实施例提供了一种页面处理方法，所述方法包括：
确定目标页面的信息；
根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；
根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。
上述方案中，所述确定目标页面的信息，包括：接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。
上述方案中，所述目标页面的信息，包括：页面名；
所述确定目标页面的信息之后，所述方法还包括：
获取预设的资源列表；所述资源列表，包括：一个或多个具有骨架资源的页面对应的页面名；
根据所述目标页面的页面名查询所述资源列表，确定所述资源列表包含所述目标页面的页面名时，确定所述目标页面对应有骨架资源。
上述方案中，所述根据所述目标页面的信息获取所述目标页面对应的页面骨架资源，包括：
获取预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名；
根据所述目标页面的页面名，从所述页面骨架资源集中获取所述目标页面对应的页面骨架资源。
上述方案中，所述目标页面的信息，包括：目标页面包含的组件名；
所述根据所述目标页面的信息获取所述目标页面对应的至少一个组件骨架资源，包括：
获取预设的组件骨架资源集；所述组件骨架资源集包括：至少一个组件骨架资源及各组件骨架资源对应的组件名；
根据所述目标页面包含的组件名，从所述组件骨架资源集中获取所述目标页面对应的至少一个组件骨架资源。
上述方案中，所述根据所述至少一个组件骨架资源生成骨架视图，包括：
根据所述至少一个组件骨架资源，构建所述目标页面对应的框架文件和样式文件；
根据所述目标页面、所述框架文件和所述样式文件生成骨架视图。
本发明实施例提供了一种页面处理装置，所述装置包括：第一处理模块、第二处理模块和第三处理模块；其中，
所述第一处理模块，用于确定目标页面的信息；
所述第二处理模块，用于根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；
所述第三处理模块，用于根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。
上述方案中，所述第一处理模块，具体用于接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。
上述方案中，所述目标页面的信息，包括：页面名；
所述第一处理模块，还用于获取预设的资源列表；所述资源列表，包括：一个或多个具有骨架资源的页面对应的页面名；
根据所述目标页面的页面名查询所述资源列表，确定所述资源列表包含所述目标页面的页面名时，确定所述目标页面对应有骨架资源。
上述方案中，所述第二处理模块，具体用于获取预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名；
根据所述目标页面的页面名，从所述页面骨架资源集中获取所述目标页面对应的页面骨架资源。
上述方案中，所述目标页面的信息，包括：目标页面包含的组件名；
所述第二处理模块，具体用于获取预设的组件骨架资源集；所述组件骨架资源集包括：至少一个组件骨架资源及各组件骨架资源对应的组件名；
根据所述目标页面包含的组件名，从所述组件骨架资源集中获取所述目标页面对应的至少一个组件骨架资源。
上述方案中，所述第三处理模块，具体用于根据所述至少一个组件骨架资源，构建所述目标页面对应的框架文件和样式文件；根据所述目标页面、所述框架文件和所述样式文件生成骨架视图。
本发明实施例提供了一种页面处理装置，所述装置包括：处理器和用于存储能够在处理器上运行的计算机程序的存储器；其中，
所述处理器用于运行所述计算机程序时，执行以上所述的任意一种页面处理方法的步骤。
本发明实施例提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以上所述的任意一种页面处理方法的步骤。
本发明实施例所提供的页面处理方法、装置和计算机可读存储介质，确定目标页面的信息；根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。本发明实施例中，可自行生成骨架视图，节约后期开发时间，提高开发效率。
附图说明
图1为一种骨架视图的效果显示图；
图2为一种页面搭建到上线的流程示意图；
图3为本发明实施例提供的增加页面处理方法后的页面搭建到上线的流程示意图；
图4为本发明实施例提供的一种页面处理方法的流程示意图；
图5为本发明实施例提供的另一种页面处理方法的流程示意图；
图6为本发明实施例提供的组件与组件骨架资源的对应关系的配置文件示意图；
图7为本发明实施例提供的组件骨架资源对应的框架代码的示意图；
图8为本发明实施例提供的组件骨架资源对应的层叠样式代码的示意图；
图9为本发明实施例提供的一种页面处理装置的结构示意图；
图10为本发明实施例提供的另一种页面处理装置的结构示意图。
具体实施方式
在本发明的各种实施例中，确定目标页面的信息；根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。
在对本发明作进一步详细说明前，对页面搭建到上线的流程作以下说明。
图2为一种搭建到上线的流程示意图，如图2所示，运营人员通过可视化操作的页面编辑系统搭建页面，具体包括：页面编辑、保存页面并发布、页面编译、资源上传，从而用户可以通过终端进行页面访问。其中，所述页面编译指使用前端构建工具(例如gulp、webpack等工具)将页面包含的组件资源相关的代码打包构建在一起的过程，从而生成页面静态文件、即HTML格式的文件。上述页面编译过程可以由前端构建工具自动运行完成。
本发明针对页面编译环节，提供一种页面处理方法，以实现根据目标页面的信息自动生成骨架视图，使得每个页面拥有符合自身视觉效果的骨架视图；增加页面处理方法后，页面搭建到上线的流程可以如图3所示。
下面结合实施例对本发明再作进一步详细的说明。
图4为本发明实施例提供的一种页面处理方法的流程示意图；所述方法可以应用于服务器，如图4所示，所述方法包括：
步骤401、确定目标页面的信息。
具体地，所述确定目标页面的信息，包括：接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。
具体来说，所述服务器连接移动终端(如手机、平板电脑等)，移动终端发送页面访问请求，所述服务器接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。
这里，所述目标页面的信息，可以包括：目标页面的页面名。
所述确定目标页面的信息之后，所述方法还包括：
获取预设的资源列表；所述资源列表，包括：一个或多个具有骨架资源的页面对应的页面名；
根据所述目标页面的页面名查询所述资源列表，确定所述资源列表包含所述目标页面的页面名时，确定所述目标页面对应有骨架资源。
这里，所述资源列表可以由网页开发人员预先设定并保存，所述资源列表包括具有骨架资源的页面对应的页面名，通过查询目标页面的页面名是否存在于所述资源列表，可以确定所述目标页面是否对应有骨架资源。通过配置资源列表，网页开发人员可以自由配置页面是否采用骨架视图。
步骤402、根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源。
具体地，所述根据所述目标页面的信息获取所述目标页面对应的页面骨架资源，包括：
获取预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名；
根据所述目标页面的页面名，从所述页面骨架资源集中获取所述目标页面对应的页面骨架资源。
这里，每个页面骨架资源对应有页面名，从而根据所述目标页面的页面名可以快速从所述页面骨架资源集中获取对应的页面骨架资源。
本实施例中，除了预先设有对应页面骨架资源的页面可以自动生成骨架视图，其他页面也可以生成骨架视图。
具体地，所述目标页面的信息，还可以包括：目标页面包含的组件名。
所述根据所述目标页面的信息获取所述目标页面对应的至少一个组件骨架资源之前，所述方法还包括：服务器确定目标页面包含的组件名；具体来说，所述服务器可以根据所述目标页面的页面名确定对应的页面代码，从所述页面代码中确定所述目标页面包含的组件名。
相应的，根据所述目标页面的信息获取所述目标页面对应的至少一个组件骨架资源，包括：
获取预设的组件骨架资源集；所述组件骨架资源集包括：至少一个组件骨架资源及各组件骨架资源对应的组件名；
根据所述目标页面包含的组件名，从所述组件骨架资源集中获取所述目标页面对应的至少一个组件骨架资源。
这里，所述页面骨架资源集和所述组件骨架资源集均由网页开发人员预先设定并保存。
本实施例中，所述步骤402，根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源之前，还可以包括：
根据所述目标页面的页面名，查询所述预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名；
确定所述页面名存在于所述页面骨架资源集时，确定所述目标页面对应有页面骨架资源，则根据所述目标页面的信息获取所述目标页面对应的页面骨架资源；
确定所述页面名未存在于所述页面骨架资源集时，确定所述目标页面未对应有页面骨架资源，则根据所述目标页面的信息获取所述目标页面对应的至少一个组件骨架资源。
步骤403、根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。
具体来说，骨架资源，可以包括：框架(html)代码和样式(css)代码。
针对页面骨架资源来说，服务器可以直接获取包含框架代码的第一文件和包含样式代码的第二文件。即每个页面骨架资源均包括第一文件和第二文件。
针对组件骨架资源来说，服务器根据所述目标页面包含的组件名从预设的组件骨架资源集中，运用正则表达式获取对应的框架代码和样式代码。所述组件骨架资源集包括：框架代码文件(所述框架代码文件一般命名为：frame.html)和样式代码文件(所述样式代码文件一般命名为frame.css)。
具体地，所述根据所述页面骨架资源生成骨架视图，包括：
将所述第一文件中的框架代码和第二文件中的样式代码，置于所述目标文件的网页代码的相应位置，获得骨架视图。
具体地，所述根据所述至少一个组件骨架资源生成骨架视图，包括：
根据所述至少一个组件骨架资源，构建所述目标页面对应的框架文件和样式文件；根据所述目标页面、所述框架文件和所述样式文件生成骨架视图。
这里，所述根据所述至少一个组件骨架资源，构建所述目标页面对应的框架文件和样式文件，包括：根据所述至少一个组件骨架资源中各组件名对应的框架代码和样式代码，构建所述目标页面对应的框架文件和样式文件。
所述根据所述目标页面、所述框架页面和所述层叠样式页面生成骨架视图，包括：将所述框架文件的框架代码和样式文件的样式代码，置于所述目标文件的网页代码的相应位置，获得骨架视图。
通过上述方式，服务器可以根据页面对应的至少一个组件骨架资源获得各组件对应的框架代码和样式代码；或者，对于可以直接获取页面骨架资源的页面来说，其对应的页面骨架资源直接包含有框架代码和样式代码。
需要说明的是，以上所述的将框架代码和样式代码置于所述目标页面的网页代码的相应位置，即实现了上级流数据注入骨架资源的操作，从而可获得骨架视图。这里，所述上级流数据通过嵌入前端构建工具获取，为一个目标页面对应的空白页面。
通过上述方法，在编译发布时，可根据目标页面包含的组件及排序，自动注入基本符合目标页面真实呈现效果的骨架视图；以及为复杂页面单独配置其使用的骨架视图。
本实施例中，所述方法还包括：利用伪元素或box-shadow代替块级结构编写骨架视图，可以减少html结构深度，css样式尽可能去重就简。
本实施例中，采用页面抓取工具如cheerio抽取组件所需的框架代码；运用正则匹配摘取组件的标识样式以及公用样式(公用样式分离)，最后统一压缩。从而使得组件骨架图资源总共加起来不超过10KB，一个页面按需获取骨架资源后平均增加大概3KB的体积，几乎不影响原页面性能。
通过上述方法，只需一次开发(指一次设置页面骨架资源、组件骨架资源等)后，仅需配置页面名便可为其自动生成符合对应呈现效果的骨架视图，节省后期相关的开发时间；同时还可以选择为组件数量多的复杂页面单独定制骨架图，在自动生成与手动编写之间可以灵活切换。相比于现有技术中每次有新页面需要骨架视图或者在页面重新编辑后有相关变动，都需要开发人员介入修改，本实施例的方法除了提高开发效率，节约开发时间，也可方便交接，即只需将一次开发时获得的相关配置文件交接给其他开发人员或运营，减少对接成本。
图5为本发明实施例提供的另一种页面处理方法的流程示意图；所述方法应用于服务器，如图5所示，所述方法包括：
步骤501、获取目标页面的页面名。
具体地，所述服务器从移动终端发送的页面访问请求中，获取目标页面的页面名。
步骤502、判断所述页面名是否存在于资源列表中。
这里，所述资源列表包括一个或多个具有骨架资源的页面对应的页面名；所述资源列表可以采用配置文件的形式保存在服务器中。
举例来说，所述资源列表的配置文件可以包括以下内容：
具体来说，服务器确定页面名未存在于配置文件中，则确定目标页面无骨架图，目标页面需按现有的流程正常构建；确定页面名存在于配置文件中，则进入步骤503。
步骤503、判断所述目标页面是否存在页面骨架资源。
具体来说，所述服务器还保存有预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名。
服务器确定所述页面名存在于所述页面骨架资源集时，确定所述目标页面对应有页面骨架资源，则进入步骤504，根据所述目标页面的信息获取所述目标页面对应的页面骨架资源；
确定所述页面名未存在于所述页面骨架资源集时，确定所述目标页面未对应有页面骨架资源，则进入步骤505，根据所述目标页面的信息获取所述目标页面对应的至少一个组件骨架资源。
步骤504、根据所述目标页面的信息获取所述目标页面对应的页面骨架资源。
这里，所述页面骨架资源包含框架代码(即html代码)和样式代码(即css代码)。当目标页面采用页面骨架资源时，可以在以该页面名命名的文件夹下分别创建其骨架视图的html文件和css文件作为其专有的代码资源，从而可以直接读取这两个文件，即获得页面骨架图资源。
步骤505、获取目标页面包含的组件名，根据所述组件名获取所需的组件骨架资源。
这里，所述目标页面可以包括一个或多个组件，每个组件对应有组件名。具体来说，确定所述页面名未存在于所述页面骨架资源集时，即目标页面未创建有对应的页面骨架资源，则采用组件骨架资源。
这里，不同的组件可以采用同一组件骨架资源，开发人员可以预先对所有组件进行分类，并确定分类后各类组件与组件骨架资源的对应关系。
例如：组件类别一，包括以下组件：
个人信息 person_Info
图书名分类 category_list
活动页小标题 activity_banner
月票信息 monthticket info
搜索关联 search correlation"
组件类别二，包括以下组件：
作思列表 author_worklist
个人笔记 person_notes
书单排行 bksheet_ranklist。
开发人员可以通过配置文件将各类组件与组件骨架资源的对应关系关联起来。所述配置文件可以如图6所示。
根据组件名查询所述各类组件与组件骨架资源的对应关系，确定各组件名对应的组件骨架资源。组件骨架资源对应的框架代码存放于一个文件中(命名为frame.html)中；部分内容示例如图7所示，组件骨架资源对应的样式代码存放于另一个文件(命名为frame.css)中，部分内容示例如图8所示。
需要说明的是，服务器中可以包含有前端构建工具，所述前端构建工具用于在页面编译过程中，获取目标页面包含的组件名，根据各类组件与组件骨架资源的对应关系确定需要组件骨架资源的组件；再从预设的结构文件和样式文件，通过正则匹配提取所需的代码资源(具体包括框架代码和样式代码)，从而得到目标页面所需的组件骨架资源。
步骤506、获得骨架视图。
具体地，所述步骤506，包括：对所述框架资源和样式代码进行资源压缩，获得压缩后的框架资源和压缩后的样式代码，分别将压缩后的样式代码和压缩后的框架代码置于目标页面的网页代码中相应的位置，生成骨架视图。即完成将前端构建工具获取的上级流数据注入骨架资源，得到骨架视图。获得的骨架视图用于发送给用户的移动终端。
需要说明的是，页面编辑系统上发布页面编译指令一般是“gulp build”命令，前端构建工具(以gulp为例)构建页面时，页面数据采用“流”的形式在不同子编译工具传递，因此在该过程中可以通过前端构建工具获取上级流数据。
图9为本发明实施例提供的一种页面处理装置的结构示意图；如图9所示，所述装置包括：如图9所示，所述装置包括：第一处理模块901、第二处理模块902和第三处理模块903。其中，
所述第一处理模块901，用于确定目标页面的信息；
所述第二处理模块902，用于根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；
所述第三处理模块903，用于根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。
具体地，所述第一处理模块901，具体用于接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。
具体地，所述目标页面的信息，包括：页面名；
所述第一处理模块901，还用于获取预设的资源列表；所述资源列表，包括：一个或多个具有骨架资源的页面对应的页面名；
根据所述目标页面的页面名查询所述资源列表，确定所述资源列表包含所述目标页面的页面名时，确定所述目标页面对应有骨架资源。
具体地，所述第二处理模块902，具体用于获取预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名；
根据所述目标页面的页面名，从所述页面骨架资源集中获取所述目标页面对应的页面骨架资源。
具体地，所述目标页面的信息，包括：目标页面包含的组件名；
所述第二处理模块902，具体用于获取预设的组件骨架资源集；所述组件骨架资源集包括：至少一个组件骨架资源及各组件骨架资源对应的组件名；
根据所述目标页面包含的组件名，从所述组件骨架资源集中获取所述目标页面对应的至少一个组件骨架资源。
具体地，所述第三处理模块903，具体用于根据所述至少一个组件骨架资源，构建所述目标页面对应的框架文件和样式文件；根据所述目标页面、所述框架文件和所述样式文件生成骨架视图。
需要说明的是：上述实施例提供的页面处理装置在进行页面处理时，仅以上述各程序模块的划分进行举例说明，实际应用中，可以根据需要而将上述处理分配由不同的程序模块完成，即将装置的内部结构划分成不同的程序模块，以完成以上描述的全部或者部分处理。另外，上述实施例提供的页面处理装置与页面处理方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
图10为本发明实施例提供的另一种页面处理装置的结构示意图；如图10所示，所述装置10包括：处理器01和用于存储能够在所述处理器上运行的计算机程序的存储器02；其中，所述处理器01用于运行所述计算机程序时，执行：确定目标页面的信息；根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。
在一实施例中，所述处理器01还用于运行所述计算机程序时，执行：接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。
在一实施例中，所述处理器01还用于运行所述计算机程序时，执行：获取预设的资源列表；所述资源列表，包括：一个或多个具有骨架资源的页面对应的页面名；根据所述目标页面的页面名查询所述资源列表，确定所述资源列表包含所述目标页面的页面名时，确定所述目标页面对应有骨架资源。
在一实施例中，所述处理器01还用于运行所述计算机程序时，执行：获取预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名；根据所述目标页面的页面名，从所述页面骨架资源集中获取所述目标页面对应的页面骨架资源。
在一实施例中，所述处理器01还用于运行所述计算机程序时，执行：获取预设的组件骨架资源集；所述组件骨架资源集包括：至少一个组件骨架资源及各组件骨架资源对应的组件名；根据所述目标页面包含的组件名，从所述组件骨架资源集中获取所述目标页面对应的至少一个组件骨架资源。
在一实施例中，所述处理器01还用于运行所述计算机程序时，执行：根据所述至少一个组件骨架资源，构建所述目标页面对应的框架文件和样式文件；根据所述目标页面、所述框架文件和所述样式文件生成骨架视图。
需要说明的是：上述实施例提供的页面处理装置与页面处理方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
实际应用时，所述装置10还可以包括：至少一个网络接口03。页面处理装置10中的各个组件通过总线系统04耦合在一起。可理解，总线系统04用于实现这些组件之间的连接通信。总线系统04除包括数据总线之外，还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见，在图10中将各种总线都标为总线系统04。其中，所述处理器04的个数可以为至少一个。网络接口03用于页面处理装置10与其他设备之间有线或无线方式的通信。
本发明实施例中的存储器02用于存储各种类型的数据以支持页面处理装置10的操作。
上述本发明实施例揭示的方法可以应用于处理器01中，或者由处理器01实现。处理器01可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器01中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器01可以是通用处理器、数字信号处理器(DSP，Digital Signal Processor)，或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。处理器01可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者任何常规的处理器等。结合本发明实施例所公开的方法的步骤，可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于存储介质中，该存储介质位于存储器02，处理器01读取存储器02中的信息，结合其硬件完成前述方法的步骤。
在示例性实施例中，页面处理装置10可以被一个或多个应用专用集成电路(ASIC，Application Specific Integrated Circuit)、DSP、可编程逻辑器件(PLD，ProgrammableLogic Device)、复杂可编程逻辑器件(CPLD，Complex Programmable Logic Device)、现场可编程门阵列(FPGA，Field-Programmable Gate Array)、通用处理器、控制器、微控制器(MCU，Micro Controller Unit)、微处理器(Microprocessor)、或其他电子元件实现，用于执行前述方法。
本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器运行时，执行：确定目标页面的信息；根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。
在一实施例中，所述计算机程序被处理器运行时，执行：接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。
在一实施例中，所述计算机程序被处理器运行时，执行：获取预设的资源列表；所述资源列表，包括：一个或多个具有骨架资源的页面对应的页面名；根据所述目标页面的页面名查询所述资源列表，确定所述资源列表包含所述目标页面的页面名时，确定所述目标页面对应有骨架资源。
在一实施例中，所述计算机程序被处理器运行时，执行：获取预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名；根据所述目标页面的页面名，从所述页面骨架资源集中获取所述目标页面对应的页面骨架资源。
在一实施例中，所述计算机程序被处理器运行时，执行：获取预设的组件骨架资源集；所述组件骨架资源集包括：至少一个组件骨架资源及各组件骨架资源对应的组件名；根据所述目标页面包含的组件名，从所述组件骨架资源集中获取所述目标页面对应的至少一个组件骨架资源。
在一实施例中，所述计算机程序被处理器运行时，执行：根据所述至少一个组件骨架资源，构建所述目标页面对应的框架文件和样式文件；根据所述目标页面、所述框架文件和所述样式文件生成骨架视图。
在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。以上所描述的设备实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，如：多个单元或组件可以结合，或可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的各组成部分相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口，设备或单元的间接耦合或通信连接，可以是电性的、机械的或其它形式的。
上述作为分离部件说明的单元可以是、或也可以不是物理上分开的，作为单元显示的部件可以是、或也可以不是物理单元，即可以位于一个地方，也可以分布到多个网络单元上；可以根据实际的需要选择其中的部分或全部单元来实现本实施例方案的目的。
另外，在本发明各实施例中的各功能单元可以全部集成在一个处理单元中，也可以是各单元分别单独作为一个单元，也可以两个或两个以上单元集成在一个单元中；上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储设备、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
或者，本发明上述集成的单元如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本发明各个实施例所述方法的全部或部分。而前述的存储介质包括：移动存储设备、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
Claims (14)
1.一种页面处理方法，其特征在于，所述方法包括：
确定目标页面的信息；
根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；
根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。
2.根据权利要求1所述的方法，其特征在于，所述确定目标页面的信息，包括：接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。
3.根据权利要求1所述的方法，其特征在于，所述目标页面的信息，包括：页面名；
所述确定目标页面的信息之后，所述方法还包括：
获取预设的资源列表；所述资源列表，包括：一个或多个具有骨架资源的页面对应的页面名；
根据所述目标页面的页面名查询所述资源列表，确定所述资源列表包含所述目标页面的页面名时，确定所述目标页面对应有骨架资源。
4.根据权利要求3所述的方法，其特征在于，所述根据所述目标页面的信息获取所述目标页面对应的页面骨架资源，包括：
获取预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名；
根据所述目标页面的页面名，从所述页面骨架资源集中获取所述目标页面对应的页面骨架资源。
5.根据权利要求1所述的方法，其特征在于，所述目标页面的信息，包括：目标页面包含的组件名；
所述根据所述目标页面的信息获取所述目标页面对应的至少一个组件骨架资源，包括：
获取预设的组件骨架资源集；所述组件骨架资源集包括：至少一个组件骨架资源及各组件骨架资源对应的组件名；
根据所述目标页面包含的组件名，从所述组件骨架资源集中获取所述目标页面对应的至少一个组件骨架资源。
6.根据权利要求5所述的方法，其特征在于，所述根据所述至少一个组件骨架资源生成骨架视图，包括：
根据所述至少一个组件骨架资源，构建所述目标页面对应的框架文件和样式文件；
根据所述目标页面、所述框架文件和所述样式文件生成骨架视图。
7.一种页面处理装置，其特征在于，所述装置包括：第一处理模块、第二处理模块和第三处理模块；其中，
所述第一处理模块，用于确定目标页面的信息；
所述第二处理模块，用于根据所述目标页面的信息获取所述目标页面对应的页面骨架资源或至少一个组件骨架资源；
所述第三处理模块，用于根据所述页面骨架资源或所述至少一个组件骨架资源生成骨架视图。
8.根据权利要求7所述的装置，其特征在于，所述第一处理模块，具体用于接收页面访问请求，根据所述页面访问请求确定所述目标页面的信息。
9.根据权利要求7所述的装置，其特征在于，所述目标页面的信息，包括：页面名；
所述第一处理模块，还用于获取预设的资源列表；所述资源列表，包括：一个或多个具有骨架资源的页面对应的页面名；
根据所述目标页面的页面名查询所述资源列表，确定所述资源列表包含所述目标页面的页面名时，确定所述目标页面对应有骨架资源。
10.根据权利要求9所述的装置，其特征在于，所述第二处理模块，具体用于获取预设的页面骨架资源集；所述页面骨架资源集包括：至少一个页面骨架资源及各页面骨架资源对应的页面名；
根据所述目标页面的页面名，从所述页面骨架资源集中获取所述目标页面对应的页面骨架资源。
11.根据权利要求7所述的装置，其特征在于，所述目标页面的信息，包括：目标页面包含的组件名；
所述第二处理模块，具体用于获取预设的组件骨架资源集；所述组件骨架资源集包括：至少一个组件骨架资源及各组件骨架资源对应的组件名；
根据所述目标页面包含的组件名，从所述组件骨架资源集中获取所述目标页面对应的至少一个组件骨架资源。
12.根据权利要求11所述的装置，其特征在于，所述第三处理模块，具体用于根据所述至少一个组件骨架资源，构建所述目标页面对应的框架文件和样式文件；根据所述目标页面、所述框架文件和所述样式文件生成骨架视图。
13.一种页面处理装置，其特征在于，所述装置包括：处理器和用于存储能够在处理器上运行的计算机程序的存储器；其中，
所述处理器用于运行所述计算机程序时，执行权利要求1至6任一项所述方法的步骤。
14.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6任一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811468623.6A CN109558133A (zh) | 2018-12-03 | 2018-12-03 | 一种页面处理方法、装置和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811468623.6A CN109558133A (zh) | 2018-12-03 | 2018-12-03 | 一种页面处理方法、装置和存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109558133A true CN109558133A (zh) | 2019-04-02 |
Family
ID=65868676
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811468623.6A Pending CN109558133A (zh) | 2018-12-03 | 2018-12-03 | 一种页面处理方法、装置和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109558133A (zh) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110187878A (zh) * | 2019-05-29 | 2019-08-30 | 北京三快在线科技有限公司 | 一种页面生成方法和装置 |
| CN110308905A (zh) * | 2019-06-26 | 2019-10-08 | 北京奇艺世纪科技有限公司 | 一种页面组件匹配方法及装置 |
| CN110377285A (zh) * | 2019-07-23 | 2019-10-25 | 腾讯科技（深圳）有限公司 | 一种生成页面骨架屏的方法、装置及计算机设备 |
| CN110516186A (zh) * | 2019-08-15 | 2019-11-29 | 中国平安财产保险股份有限公司 | 页面骨架自动化生成方法、设备、存储介质及装置 |
| CN111352627A (zh) * | 2020-02-27 | 2020-06-30 | 政采云有限公司 | 一种页面骨架屏生成方法、装置、设备及可读存储介质 |
| CN111859219A (zh) * | 2020-07-23 | 2020-10-30 | 广州酷狗计算机科技有限公司 | 网页骨架图的生成方法、装置、终端及存储介质 |
| CN112286525A (zh) * | 2020-09-25 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | 骨架屏生成方法、装置及设备 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040205555A1 (en) * | 2001-09-18 | 2004-10-14 | International Business Machines Corporation | Low-latency, incremental rendering in a content framework |
| CN103853716A (zh) * | 2012-11-28 | 2014-06-11 | 纽海信息技术（上海）有限公司 | 网页显示系统及方法 |
| CN104657499A (zh) * | 2015-03-11 | 2015-05-27 | 网易（杭州）网络有限公司 | 一种客户端app的网页加载方法及装置 |
| CN106873991A (zh) * | 2017-01-20 | 2017-06-20 | 腾讯科技（深圳）有限公司 | 页面生成方法和装置 |
| CN107066631A (zh) * | 2017-05-26 | 2017-08-18 | 北京三快在线科技有限公司 | 页面的显示方法、装置及电子设备 |
-
2018
- 2018-12-03 CN CN201811468623.6A patent/CN109558133A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040205555A1 (en) * | 2001-09-18 | 2004-10-14 | International Business Machines Corporation | Low-latency, incremental rendering in a content framework |
| CN103853716A (zh) * | 2012-11-28 | 2014-06-11 | 纽海信息技术（上海）有限公司 | 网页显示系统及方法 |
| CN104657499A (zh) * | 2015-03-11 | 2015-05-27 | 网易（杭州）网络有限公司 | 一种客户端app的网页加载方法及装置 |
| CN106873991A (zh) * | 2017-01-20 | 2017-06-20 | 腾讯科技（深圳）有限公司 | 页面生成方法和装置 |
| CN107066631A (zh) * | 2017-05-26 | 2017-08-18 | 北京三快在线科技有限公司 | 页面的显示方法、装置及电子设备 |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110187878A (zh) * | 2019-05-29 | 2019-08-30 | 北京三快在线科技有限公司 | 一种页面生成方法和装置 |
| CN110308905A (zh) * | 2019-06-26 | 2019-10-08 | 北京奇艺世纪科技有限公司 | 一种页面组件匹配方法及装置 |
| CN110377285A (zh) * | 2019-07-23 | 2019-10-25 | 腾讯科技（深圳）有限公司 | 一种生成页面骨架屏的方法、装置及计算机设备 |
| CN110377285B (zh) * | 2019-07-23 | 2023-10-03 | 腾讯科技（深圳）有限公司 | 一种生成页面骨架屏的方法、装置及计算机设备 |
| CN110516186A (zh) * | 2019-08-15 | 2019-11-29 | 中国平安财产保险股份有限公司 | 页面骨架自动化生成方法、设备、存储介质及装置 |
| CN111352627A (zh) * | 2020-02-27 | 2020-06-30 | 政采云有限公司 | 一种页面骨架屏生成方法、装置、设备及可读存储介质 |
| CN111352627B (zh) * | 2020-02-27 | 2023-04-07 | 政采云有限公司 | 一种页面骨架屏生成方法、装置、设备及可读存储介质 |
| CN111859219A (zh) * | 2020-07-23 | 2020-10-30 | 广州酷狗计算机科技有限公司 | 网页骨架图的生成方法、装置、终端及存储介质 |
| CN112286525A (zh) * | 2020-09-25 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | 骨架屏生成方法、装置及设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109558133A (zh) | 一种页面处理方法、装置和存储介质 | |
| WO2018000998A1 (zh) | 界面生成方法、装置和系统 | |
| CN109086199B (zh) | 一种自动化生成测试脚本的方法、终端和可存储介质 | |
| CN111367976B (zh) | 基于java反射机制的excel文件数据的导出方法及装置 | |
| CN106933887B (zh) | 一种数据可视化方法及装置 | |
| CN114424257A (zh) | 使用机器学习对表格数据进行自动描绘和提取 | |
| CN107341014A (zh) | 电子设备、技术文档的生成方法及装置 | |
| CN110941779B (zh) | 加载页面的方法、装置、存储介质及电子设备 | |
| CN106843901B (zh) | 一种页面渲染和验证的方法和装置 | |
| CN109828759A (zh) | 代码编译方法、装置、计算机装置及存储介质 | |
| CN110688315A (zh) | 接口代码检测报告生成方法、电子装置及存储介质 | |
| CN112306594A (zh) | 一种基于移动端的渲染方法、装置及存储介质 | |
| CN110727429A (zh) | 一种前端页面的生成方法、装置及设备 | |
| CN105550179A (zh) | 一种网页收藏方法和浏览器插件 | |
| CN110633258B (zh) | 日志插入方法、装置、计算机装置及存储介质 | |
| CN106294480A (zh) | 一种文件格式转换方法、装置及试题导入系统 | |
| CN112169326A (zh) | 图片处理方法、装置、电子设备和存储介质 | |
| CN116243914A (zh) | 国际化软件开发的方法、国际化软件开发系统及服务器 | |
| CN104899203B (zh) | 一种网页页面的生成方法、装置及终端设备 | |
| CN110889266A (zh) | 一种会议记录整合方法和装置 | |
| CN107329756B (zh) | 程序文件的生成方法、装置、存储介质、处理器和终端 | |
| CN111414168B (zh) | 基于思维导图的Web应用开发方法及装置、电子设备 | |
| CN117539471A (zh) | 一种低代码开发平台复用已有资源的方法和系统 | |
| US11126410B2 (en) | Method and apparatus for building pages, apparatus and non-volatile computer storage medium | |
| CN109509467B (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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190402 |