CN107797837A - 页面显示方法、装置、服务器和介质 - Google Patents
页面显示方法、装置、服务器和介质 Download PDFInfo
- Publication number
- CN107797837A CN107797837A CN201710764348.1A CN201710764348A CN107797837A CN 107797837 A CN107797837 A CN 107797837A CN 201710764348 A CN201710764348 A CN 201710764348A CN 107797837 A CN107797837 A CN 107797837A
- Authority
- CN
- China
- Prior art keywords
- file
- static file
- static
- compressed package
- compressed
- 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
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/986—Document structures and storage, e.g. HTML extensions
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 Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明涉及一种页面显示方法、装置、服务器和介质,所述方法包括:获取相关联的两个压缩包;对获取到的压缩包进行解压,获取源代码文件和静态文件,静态文件中携带有分类标识;根据分类标识获取与分类标识对应的内联框架,在内联框架内显示静态文件;检测显示静态文件的内联框架的数量,当显示静态文件的内联框架的数量大于预设数量时,根据分类标识分批次显示多个静态文件。根据分类标识对静态文件在各内联框架中行分类显示,并且对静态文件分类显示,使得每次显示的多个静态文件的数据量的总和在较小,避免同时显示多个数据量较大的静态文件而造成计算机资源消耗过多,使得在内联框架中的静态文件显示更为流畅,且显示效果更佳。
Description
技术领域
本发明涉及计算机技术领域,特别是涉及一种页面显示方法、装置、服务器和介质。
背景技术
在应用程序或者活动的推广项目中,需要为应用程序或者活动的推广项目制作页面,进而对应用或者应用的推广项目进行展示。在页面文件制作完毕后,需要将页面进行预览展示。
在对页面文件进行预览时,传统的方式是在网页上通过iframe对页面进行展现。iframe是一种HTML(Hyper Text Markup Language,超级文本标记语言)标签,作用是展现文档中的文档,或者展现浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。
当多个页面文件需要同时展示时,多个框架内同时分别加载显示页面文件,耗费较大的计算机资源,容易造成页面显示的动态效果不流畅,且容易造成部分页面无法显示的情况。
发明内容
基于此,有必要针对上述技术问题,提供一种简单、便捷的页面显示方法、装置、服务器和介质。
一种页面显示方法,所述方法包括:
获取压缩包,检测所述压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个所述压缩包;
对获取到的所述压缩包进行解压,获取源代码文件和静态文件,所述静态文件中携带有分类标识;
根据所述分类标识获取与所述分类标识对应的内联框架,在所述内联框架内显示所述静态文件;
检测显示所述静态文件的所述内联框架的数量,当显示所述静态文件的所述内联框架的数量大于预设数量时,根据所述分类标识分批次显示多个所述静态文件,其中,每一批次内的所述静态文件的数据量的和小于第一预设阈值;
根据对所述静态文件的操作获取对所述源代码文件的加载指令,根据所述加载指令加载所述源代码文件,显示所述源代码文件对应的页面文件。
在其中一个实施例中,所述获取压缩包,检测所述压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个所述压缩包的步骤之前还包括:
获取所述静态文件的数据量;
获取多个预设数据量,多个所述预设数据量与多个所述分类标识具有一一对应关系;
根据所述静态文件的数据量与多个所述预设数据量的对比结果,从多个所述分类标识获取一个与所述静态文件的数据量对应的所述分类标识;
关联所述静态文件与所述分类标识。
在其中一个实施例中,所述获取压缩包,检测所述压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个所述压缩包的步骤之前还包括:
获取所述静态文件的数据量;
当所述静态文件的数据量小于或等于第二预设阈值时,将所述源代码文件和所述静态文件共同压缩至一所述压缩包;
当所述静态文件的数据量大于第二预设阈值时,将所述源代码文件和所述静态文件分别压缩至不同的压缩包,并将两个压缩包分别存储至不同的存储目录,关联所述源代码文件对应的压缩包以及所述静态文件对应的压缩包。
在其中一个实施例中,所述根据所述分类标识获取与所述分类标识对应的内联框架,在所述内联框架内显示所述静态文件的步骤之后还包括:
当显示所述静态文件的所述内联框架的数量大于预设数量时,获取各所述静态文件的所述分类标识;
检测所述分类标识的标签属性,当所述分类标识的所述标签属性为预设属性时,隐藏与所述分类标识对应的所述静态文件。
在其中一个实施例中,所述静态文件为文本文件;
所述在所述内联框架内显示所述静态文件的步骤之后还包括:
获取所述文本文件的文本信息;
获取对所述文本信息的编辑指令;
根据所述编辑指令生成脚本代码,对所述文本信息添加所述脚本代码;
输出包含所述文本信息以及所述脚本代码的脚本文件。
一种页面显示装置,所述装置包括:
压缩包获取模块,用于获取压缩包,检测所述压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个所述压缩包;
文件获取模块,用于对获取到的所述压缩包进行解压,获取源代码文件和静态文件,所述静态文件中携带有分类标识;
静态文件显示模块,用于根据所述分类标识获取与所述分类标识对应的内联框架,在所述内联框架内显示所述静态文件;
分批次显示模块,用于检测显示所述静态文件的所述内联框架的数量,当显示所述静态文件的所述内联框架的数量大于预设数量时,根据所述分类标识分批次显示多个所述静态文件,其中,每一批次内的所述静态文件的数据量的和小于第一预设阈值;
页面显示模块,用于根据对所述静态文件的操作获取对所述源代码文件的加载指令,根据所述加载指令加载所述源代码文件,显示所述源代码文件对应的页面文件。
在其中一个实施例中,所述装置还包括:
数据量获取模块,用于获取所述静态文件的数据量;
预设数据量获取模块,用于获取多个预设数据量,多个所述预设数据量与多个所述分类标识具有一一对应关系;
分类标识关联模块,用于根据所述静态文件的数据量与多个所述预设数据量的对比结果,从多个所述分类标识获取一个与所述静态文件的数据量对应的所述分类标识,关联所述静态文件与所述分类标识。
在其中一个实施例中,所述装置还包括:
数据量获取模块,用于获取所述静态文件的数据量;
第一压缩模块,用于当所述静态文件的数据量小于或等于第二预设阈值时,将所述源代码文件和所述静态文件共同压缩至一所述压缩包;
第二压缩模块,用于当所述静态文件的数据量大于第二预设阈值时,将所述源代码文件和所述静态文件分别压缩至不同的压缩包,并将两个压缩包分别存储至不同的存储目录,关联所述源代码文件对应的压缩包以及所述静态文件对应的压缩包。
一种服务器,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现上述任意一项所述方法的步骤。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任意一项所述方法的步骤。
上述页面显示方法、装置、服务器和介质,根据分类标识对静态文件在各内联框架中行分类显示,并且对静态文件分类显示,使得每次显示的多个静态文件的数据量的总和在较小,避免同时显示多个数据量较大的静态文件而造成计算机资源消耗过多,并且在获取到对静态文件的操作后才弹出页面进行显示,避免同时多个页面同时显示占用较多的计算机资源,使得在内联框架中的静态文件显示更为流畅,且显示效果更佳。
附图说明
图1为一个实施例中页面显示方法的应用环境图;
图2为一个实施例中页面显示方法的流程图;
图3为一个实施例中页面显示装置的结构示意图;
图4为一个实施例中服务器的结构示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例中所提供的页面显示方法可以应用于如图1所示的应用环境中。其中,多个终端102通过网络分别与服务器104进行连接。服务器104从终端102获取源代码文件和静态文件,并将源代码文件和静态文件压缩为压缩包。服务器104在浏览器中打开主页面,在主页面生成多个内联框架,服务器104对压缩包解压,获取携带分类标识的静态文件,在与分类标识对应的内联框架内显示静态文件,当主页面内显示的静态文件的内联框架的数量大于预设数量,则分批次显示静态文件,并根据对静态文件的操作,加载静态文件对应的源代码文件,显示所述源代码文件对应的页面文件。
在一个实施例中,如图2所示,提供了一种页面显示方法,以该方法应用于图1中的服务器为例进行说明,具体包括以下步骤:
步骤202,获取压缩包,检测压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个压缩包。
具体地,该压缩包携带源代码文件和/或静态文件。本步骤中获取的压缩包数量可以是一个,也可以是两个,或者是多个。当不存在关联的压缩包时,则仅获取一个压缩包,当存在关联的压缩包时,则获取相关联的两个压缩包。
一个实施例是,获取第一压缩包,检测第一压缩包是否存在关联的第二压缩包,当存在关联的第二压缩包时,获取关联的第二压缩包。第一压缩包至少包含源代码文件,而第二压缩包仅包含静态文件,也就是说,当第一压缩包仅包含源代码文件时,则该第一压缩包存在关联的第二压缩包,该第二压缩包包含静态文件;当第一压缩包即包含源代码文件,又包含静态文件时,则该第一压缩包不存在关联的第二压缩包。
可以理解,第一压缩包和第二压缩包的关联可以是通过携带相同的预设字段进行关联,也可以是通过关联表内的映射关系进行关联。
一个实施例是,获取第一压缩包,检测第一压缩包是否存在预设字段,当第一压缩包存在预设字段时,获取第一压缩包的预设字段的值,获取与第一压缩包的预设字段的值相同的预设字段对应的第二压缩包,即该第二压缩包的预设字段的值与第一压缩包的预设字段的值相同,本实施例中,预设字段用于体现两个压缩包之间的关联,当第一压缩包不存在预设字段时,则该第一压缩包不存在与其相关联的另一个压缩包,则本步骤仅获取一个压缩包,即第一压缩包。当第一压缩包存在预设字段时,则该第一压缩包存在与其相关联的另一个压缩包,则从多个具有预设字段的压缩包中获取与一个第一压缩包的预设字段的值相同的第二压缩包,则本步骤获取到两个压缩包,即第一压缩包和第二压缩包。
一个实施例是,获取第一压缩包,遍历压缩包关联表,检测是否存在与第一压缩包关联的第二压缩包,是则获取该第二压缩包,其中,该关联表记录了多个压缩包的关联关系。第一压缩包包含源代码文件,第二压缩包包含静态文件。
当关联表中不存在于第一压缩包关联的另一个压缩包时,则本步骤中仅获取一个压缩包,即第一压缩包,该第一压缩包包含了源代码文件和静态文件。
步骤204,对获取到的压缩包进行解压,获取源代码文件和静态文件,静态文件中携带有分类标识。
具体地,在上一步骤中,可能获取到一个压缩包,一个压缩包内包含源代码文件和静态文件;也可能获取到两个压缩包,两个压缩包中的一个包含源代码文件,另一个包含静态文件。本步骤中,对上一步骤中获取到的一个或者两个压缩包解压,获取到源代码文件和静态文件。
该源代码文件为页面的可执行文件,可以理解为是页面的脚本文件,用于运行后显示页面。静态文件为可静态显示的文件,例如,该静态文件可以是图片文件,也可以是文本文件。该分类标识为静态文件的文件属性,用于区分不同类型的静态文件。例如,分类标识用于标识静态文件的数据量的大小,数据量相等或者相近的多个静态文件具有相同的分类标识,而数据量不相同或者相差较大的多个静态文件分别具有不同的分类标识,通过分类标识对静态文件的数据量大小进行分类。
步骤206,根据分类标识获取与分类标识对应的内联框架,在内联框架内显示静态文件。
具体地,该内联框架基于iframe生成,内联框架可以视为显示界面上的一个浮动的框架,或者是显示界面上的一个浮动显示的窗口,该内联框架为主页面上否浮动框架或者浮动窗口,内联框架用于显示静态文件。一个显示界面内可以生成多个内联框架,每一内联框架显示一个静态文件。通过在内联框架显示静态文件,而不是在内联框架中直接运行源代码文件,由于静态文件的加载较源代码文件的加载所需的资源更少,能够有效减小对计算机资源的消耗。
一个或者多个内联框架对应一个分类标识,不同分类标识的内联框架显示不同类别的静态文件。本实施例中,静态文件的类别通过静态文件的数据量来划分,则不同分类标识对应的内联框架内显示的静态文件的数据量不同。
通过将不同大小数据量的静态文件分开显示,使得在同一个显示界面上显示的静态文件的显示更为有序,有利于对静态文件合理分配,避免同一显示界面上显示数据量过大,而造成显示不流畅。
本步骤中,在内联框架中显示的静态文件展示对应的源代码文件的页面,使得不同的应用程序的推广活动的页面能够在同一个主页面上显示。
步骤208,检测显示静态文件的内联框架的数量,当显示静态文件的内联框架的数量大于预设数量时,根据分类标识分批次显示多个静态文件,其中,每一批次内的静态文件的数据量的和小于第一预设阈值。
具体地,当显示界面内的内联框架的数量较多时,多个数据量较大的静态文件同时显示,将有可能导致部分内联框架内静态文件显示不全,或者显示不流畅。因此,由于静态文件以及内联框架通过分类标识进行分类,能够根据分类标识对不同数据量大小的静态文件进行分批次显示,对多个内联框架的静态文件进行分批次显示,每一批次内的所有静态文件的数据量的总和小于第一预设阈值,即使得同一批次内的静态文件的数据量的总和较小,因此,所消耗的计算机资源也较少,有利于提高显示流畅度。
具体地,每一批次都包含多个分类标识对应的静态文件,即每一批次都包含多个相异的分类标识对应的静态文件,使得每一批次都能对不同分类标识的静态文件进行显示。避免在一个批次仅显示一个分类标识的静态文件,避免显示过于单一。
应该理解的是,静态文件的分批次显示可以是分批次在滚轮的窗口中分批次显示,每一个滚动窗口为一个批次,即每一个滚动窗口内通过若干个内联框架显示若干个静态文件,一个实施例是,检测侧边栏的滑动条的滑动距离,根据滑动条的滑动距离滑动窗口,并在滑动的窗口内分批次显示若干个静态文件,窗口滑动至任一位置,窗口内显示的静态文件的数据量的总和均小于第一预设阈值;一个实施例是,检测鼠标的滚轮滚动距离,根据鼠标的滚轮的滚动距离滑动窗口,并在滑动的窗口内分批次显示若干个静态文件,窗口滑动至任一位置,窗口内显示的静态文件的数据量的总和均小于第一预设阈值。在一个实施例中,分批次显示可以是分屏显示,或者是分页显示。
步骤210,根据对静态文件的操作获取对源代码文件的加载指令,根据加载指令加载源代码文件,显示源代码文件对应的页面文件。
本步骤中,当检测到对静态文件的操作时,则获取到与静态文件的源代码文件的加载指令,加载该源代码文件,并显示源代码文件对应的页面文件。
显示源代码文件的页面文件可以通过弹窗方式显示,也可以是打开新的一个窗口进行显示。这样,根据操作而对页面文件进行显示,避免了所有的内联框架同时显示所有页面文件造成的计算机消耗过多,使得内联框架内的静态文件显示更为流畅。
上述实施例中,根据分类标识对静态文件在各内联框架中行分类显示,并且对静态文件分类显示,使得每次显示的多个静态文件的数据量的总和在较小,避免同时显示多个数据量较大的静态文件而造成计算机资源消耗过多,并且在获取到对静态文件的操作后才弹出页面进行显示,避免同时多个页面同时显示占用较多的计算机资源,使得在内联框架中的静态文件显示更为流畅,且显示效果更佳。
在一个实施例中,获取压缩包,检测压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个压缩包的步骤之前还包括:获取静态文件的数据量;获取多个预设数据量,多个预设数据量与多个分类标识具有一一对应关系;根据静态文件的数据量与多个预设数据量的对比结果,从多个分类标识获取一个与静态文件的数据量对应的分类标识;关联静态文件与分类标识。
本步骤可以视为对静态文件添加分类标识,使得静态文件关联一分类标识。具体地,预设数据量用于与静态文件的数据量进行对比,为静态文件的数据量提供对比参照。***预存了多个预设数据量,并预设了多个预设数据量与分类标识的一一对应关系。
本实施例中,分类标识用于区分不同的静态文件的数据量的大小,也就是说,数据量相等或者相近的静态文件具有相同的分类标识,而数据量不相同或者相差较大的多个静态文件分别具有不同的分类标识。一个实施例是,根据静态文件的数据量与多个预设数据量分别进行对比,获取到与静态文件的数据量最接近的预设数据量,并获取该最接近的预设数据量对应的分类标识,建立静态文件与该分类标识的关联关系,一个实施例是,关联静态文件与分类标识可以是为静态文件添加分类标识,即为静态文件添加一个分类标识的字段,从而使得该静态文件携带分类标识,使得不同数据量大小的静态文件得以区分。
在一个实施例中,获取压缩包,检测压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个压缩包的步骤之前还包括:获取静态文件的数据量;当静态文件的数据量小于或等于第二预设阈值时,将源代码文件和静态文件共同压缩至一压缩包;当静态文件的数据量大于第二预设阈值时,将源代码文件和静态文件分别压缩至不同的压缩包,并将两个压缩包分别存储至不同的存储目录,关联源代码文件对应的压缩包以及静态文件对应的压缩包。
具体地,本步骤用于将源代码文件和静态文件打包。当静态文件的数据量小于或等于第二预设值时,静态文件的数据量较小,则将源代码文件和静态文件一起压缩打包;当静态文件的数据量大于第二预设值时,静态文件的数据量较大,则分开打包压缩源代码文件和静态文件,压缩成两个压缩包,并将两个压缩包存储子两个不同的存储目录,并将两个压缩包相关联。这样,能够打包后的压缩包文件结构清晰,可配置性强,使得压缩包文件的数据量更小,有利于提高源代码文件和静态文件的读取速度。
一个实施例是,通过font-image-loader组件实现静态文件的打包,并自定义文件夹,通过compile-nunjucks-loader组件和muti-html-webpack-plugin组件打包源代码文件(页面文件),并将静态文件和源代码文件压缩至一个压缩包;使用imagemin组件单独对数量大于第二预设阈值的静态文件进行打包压缩。
一个实施例中,关联源代码文件对应的压缩包以及静态文件对应的压缩包的步骤包括:建立关联表;利用该关联表记录源代码对应的压缩包以及静态文件对应的压缩包的关联关系。通过该关联表能够查找到到相关联的源代码对应的压缩包以及静态文件对应的压缩包。
一个实施例中,关联源代码文件对应的压缩包以及静态文件对应的压缩包的步骤包括:分别为源代码对应的压缩包以及静态文件对应的压缩包添加相同的预设字段,即为源代码文件对应的压缩包添加预设字段,为静态文件对应的压缩包添加预设字段,且添加在源代码文件对应的压缩包的预设字段与添加在静态文件对应的压缩包的预设字段相同。这样,使得具有相同预设字段的源代码文件的压缩包与静态文件的压缩包相关联。
在一个实施例中,所述根据所述分类标识获取与所述分类标识对应的内联框架,在所述内联框架内显示所述静态文件的步骤之后还包括:当显示静态文件的内联框架的数量大于预设数量时,获取各静态文件的分类标识;检测分类标识的标签属性,当分类标识的标签属性为预设属性时,隐藏与分类标识对应的静态文件。
具体地,本实施例中,分类标识为静态文件的一个字段,标签属性为分类标识的值。该预设属性可以视为隐藏属性。当显示静态文件的内联框架的数量大于预设数量,且当标签属性等于预设属性时,隐藏该分类标识对应的静态文件,即不在主页面上的内联框架内显示该静态文件。
具体地,该分类标识用于标识不同的大小的静态文件,比如,数据量较大的静态文件,其分类标识的值为“1”,分类标识的值可以是“1”、“2”、“3”、“4”和“5”等,分类标识的值为“1”时,静态文件的数据量最大,分类标识的值为“5”,静态文件的数据量最小。而预设属性对应的值为“1”,则意味着对数据量较大的静态文件的属性为隐藏属性,此时,在示静态文件的内联框架的数量较大时,则对值为“1”的分类标识对应的静态文件进行隐藏,这样,能够减小同时显示的静态文件的数量,减小对计算机资源的占用。
为了实现对隐藏的静态文件的显示,一个实施例是,当显示静态文件的内联框架的数量大于预设数量时,获取对选择指令;根据选择指令,显示标签属性为预设属性的分类标识对应的静态文件。本实施例中,根据选择指令,对各静态文件进行选择,使得具有隐藏属性的静态文件能够显示。一个实施例是,根据选择指令,隐藏标签属性不为预设属性的分类标识对应的静态文件。这样,将其他数据量较小的静态文件隐藏,以减小同时显示的静态文件的数量,减小对计算机资源的占用。
在一个实施例中,静态文件为文本文件;在内联框架内显示静态文件的步骤之后还包括:获取文本文件的文本信息;获取对文本信息的编辑指令;根据编辑指令生成脚本代码,对文本信息添加脚本代码;输出包含文本信息以及脚本代码的脚本文件。
具体地,静态文件为文本文件,文本文件内记载了文本信息,该文本信息为字符串信息,比如,该文本文件为word文件。本实施例中,利用内联框架加载显示文本文件的文本信息,并在内联框架中显示编辑控件,通过编辑控件获取编辑指令,生成与编辑指令对应的脚本代码,对文本信息添加脚本代码,并输出包含文本信息以及脚本代码的脚本文件,使得该静态文件能够转换为脚本文件,使得该静态文件能够在单独在浏览器中运行显示,且使得该文本信息能够在浏览器中以页面形式显示。
一个实施例地,该脚本代码为为HTML(HyperText Markup Language,超级文本标记语言)代码,用于定义文本信息的格式,定义的文本信息的格式包括文字的字体、文字的大小、文字段落间距、边距等,在文本信息内添加脚本代码,使得包含脚本代码的文本信息能够被浏览器所读取。该脚本代码还定义了在页面宽度,以适应不同的浏览器,例如,该脚本代码还用于获取终端的屏幕宽度和终端的分辨率,进而使得脚本文件能够适应不同浏览器,适配不同屏幕宽度和分辨率的终端。
在一个实施例中,如图3所示,提供了一种页面显示装置,包括:压缩包获取模块302、文件获取模块304、静态文件显示模块306、分批次显示模块308和页面显示模块310,其中:
压缩包获取模块302用于获取压缩包,检测压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个压缩包。
文件获取模块304用于对获取到的压缩包进行解压,获取源代码文件和静态文件,静态文件中携带有分类标识。
静态文件显示模块306用于根据分类标识获取与分类标识对应的内联框架,在内联框架内显示静态文件。
分批次显示模块308用于检测显示静态文件的内联框架的数量,当显示静态文件的内联框架的数量大于预设数量时,根据分类标识分批次显示多个静态文件,其中,每一批次内的静态文件的数据量的和小于第一预设阈值。
页面显示模块310用于根据对静态文件的操作获取对源代码文件的加载指令,根据加载指令加载源代码文件,显示源代码文件对应的页面文件。
在一个实施例中,页面显示装置还包括:数据量获取模块、预设数据量获取模块和分类标识关联模块,其中:
数据量获取模块用于获取静态文件的数据量。
预设数据量获取模块,用于获取多个预设数据量,多个预设数据量与多个分类标识具有一一对应关系。
分类标识关联模块用于根据静态文件的数据量与多个预设数据量的对比结果,从多个分类标识获取一个与静态文件的数据量对应的分类标识,关联静态文件与分类标识。
在一个实施例中,页面显示装置还包括:数据量获取模块、第一压缩模块和第二压缩模块,其中:
数据量获取模块用于获取静态文件的数据量。
第一压缩模块用于当静态文件的数据量小于或等于第二预设阈值时,将源代码文件和静态文件共同压缩至一压缩包。
第二压缩模块用于当静态文件的数据量大于第二预设阈值时,将源代码文件和静态文件分别压缩至不同的压缩包,并将两个压缩包分别存储至不同的存储目录,关联源代码文件对应的压缩包以及静态文件对应的压缩包。
在一个实施例中,页面显示装置还包括:
静态文件隐藏模块,用于当显示静态文件的内联框架的数量大于预设数量时,获取各静态文件的分类标识;检测分类标识的标签属性,当分类标识的标签属性为预设属性时,隐藏与分类标识对应的静态文件。
在一个实施例中,静态文件为文本文件;页面显示装置还包括:编辑指令获取模块、脚本代码添加模块和脚本文件输出模块,其中:
编辑指令获取模块用于获取文本文件的文本信息,获取对文本信息的编辑指令。
脚本代码添加模块用于根据编辑指令生成脚本代码,对文本信息添加脚本代码。
脚本文件输出模块用于输出包含文本信息以及脚本代码的脚本文件。
上述页面显示装置可以实现为一种计算机程序的形式,计算机程序可以在如图4所示的服务器上运行。
在一个实施例中,提供了一种服务器,如图4所示,该服务器包括通过***总线连接的处理器、存储器、存储在存储器上并可在处理器上运行的计算机程序以及网络接口等。其中,处理器用于提供计算和控制能力。存储器为计算机程序的运行提供环境。存储器包括内存储器和非易失性存储介质。网络接口用于据以与外部的终端通过网络连接通信。处理器执行计算机程序时实现以下步骤:
获取压缩包,检测所述压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个所述压缩包。
对获取到的所述压缩包进行解压,获取源代码文件和静态文件,所述静态文件中携带有分类标识。
根据所述分类标识获取与所述分类标识对应的内联框架,在所述内联框架内显示所述静态文件。
检测显示所述静态文件的所述内联框架的数量,当显示所述静态文件的所述内联框架的数量大于预设数量时,根据所述分类标识分批次显示多个所述静态文件,其中,每一批次内的所述静态文件的数据量的和小于第一预设阈值。
根据对所述静态文件的操作获取对所述源代码文件的加载指令,根据所述加载指令加载所述源代码文件,显示所述源代码文件对应的页面文件。
该服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。本领域技术人员可以理解,图4中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的服务器的限定,具体的服务器可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
获取所述静态文件的数据量。
获取多个预设数据量,多个所述预设数据量与多个所述分类标识具有一一对应关系。
根据所述静态文件的数据量与多个所述预设数据量的对比结果,从多个所述分类标识获取一个与所述静态文件的数据量对应的所述分类标识。
关联所述静态文件与所述分类标识。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
获取所述静态文件的数据量。
当所述静态文件的数据量小于或等于第二预设阈值时,将所述源代码文件和所述静态文件共同压缩至一所述压缩包。
当所述静态文件的数据量大于第二预设阈值时,将所述源代码文件和所述静态文件分别压缩至不同的压缩包,并将两个压缩包分别存储至不同的存储目录,关联所述源代码文件对应的压缩包以及所述静态文件对应的压缩包。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
当显示所述静态文件的所述内联框架的数量大于预设数量时,获取各所述静态文件的所述分类标识。
检测所述分类标识的标签属性,当所述分类标识的所述标签属性为预设属性时,隐藏与所述分类标识对应的所述静态文件。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
所述在所述内联框架内显示所述静态文件的步骤之后还包括:
获取所述文本文件的文本信息。
获取对所述文本信息的编辑指令。
根据所述编辑指令生成脚本代码,对所述文本信息添加所述脚本代码。
输出包含所述文本信息以及所述脚本代码的脚本文件。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:
获取压缩包,检测所述压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个所述压缩包。
对获取到的所述压缩包进行解压,获取源代码文件和静态文件,所述静态文件中携带有分类标识。
根据所述分类标识获取与所述分类标识对应的内联框架,在所述内联框架内显示所述静态文件。
检测显示所述静态文件的所述内联框架的数量,当显示所述静态文件的所述内联框架的数量大于预设数量时,根据所述分类标识分批次显示多个所述静态文件,其中,每一批次内的所述静态文件的数据量的和小于第一预设阈值。
根据对所述静态文件的操作获取对所述源代码文件的加载指令,根据所述加载指令加载所述源代码文件,显示所述源代码文件对应的页面文件。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
获取所述静态文件的数据量。
获取多个预设数据量,多个所述预设数据量与多个所述分类标识具有一一对应关系。
根据所述静态文件的数据量与多个所述预设数据量的对比结果,从多个所述分类标识获取一个与所述静态文件的数据量对应的所述分类标识。
关联所述静态文件与所述分类标识。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
获取所述静态文件的数据量。
当所述静态文件的数据量小于或等于第二预设阈值时,将所述源代码文件和所述静态文件共同压缩至一所述压缩包。
当所述静态文件的数据量大于第二预设阈值时,将所述源代码文件和所述静态文件分别压缩至不同的压缩包,并将两个压缩包分别存储至不同的存储目录,关联所述源代码文件对应的压缩包以及所述静态文件对应的压缩包。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
当显示所述静态文件的所述内联框架的数量大于预设数量时,获取各所述静态文件的所述分类标识。
检测所述分类标识的标签属性,当所述分类标识的所述标签属性为预设属性时,隐藏与所述分类标识对应的所述静态文件。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
获取所述文本文件的文本信息。
获取对所述文本信息的编辑指令。
根据所述编辑指令生成脚本代码,对所述文本信息添加所述脚本代码。
输出包含所述文本信息以及所述脚本代码的脚本文件。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一非易失性计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)等。
以上所述实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种页面显示方法,其特征在于,所述方法包括:
获取压缩包,检测所述压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个所述压缩包;
对获取到的所述压缩包进行解压,获取源代码文件和静态文件,所述静态文件中携带有分类标识;
根据所述分类标识获取与所述分类标识对应的内联框架,在所述内联框架内显示所述静态文件;
检测显示所述静态文件的所述内联框架的数量,当显示所述静态文件的所述内联框架的数量大于预设数量时,根据所述分类标识分批次显示多个所述静态文件,其中,每一批次内的所述静态文件的数据量的和小于第一预设阈值;
根据对所述静态文件的操作获取对所述源代码文件的加载指令,根据所述加载指令加载所述源代码文件,显示所述源代码文件对应的页面文件。
2.根据权利要求1所述的方法,其特征在于,所述获取压缩包,检测所述压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个所述压缩包的步骤之前还包括:
获取所述静态文件的数据量;
获取多个预设数据量,多个所述预设数据量与多个所述分类标识具有一一对应关系;
根据所述静态文件的数据量与多个所述预设数据量的对比结果,从多个所述分类标识获取一个与所述静态文件的数据量对应的所述分类标识;
关联所述静态文件与所述分类标识。
3.根据权利要求1所述的方法,其特征在于,所述获取压缩包,检测所述压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个所述压缩包的步骤之前还包括:
获取所述静态文件的数据量;
当所述静态文件的数据量小于或等于第二预设阈值时,将所述源代码文件和所述静态文件共同压缩至一所述压缩包;
当所述静态文件的数据量大于第二预设阈值时,将所述源代码文件和所述静态文件分别压缩至不同的压缩包,并将两个压缩包分别存储至不同的存储目录,关联所述源代码文件对应的压缩包以及所述静态文件对应的压缩包。
4.根据权利要求1所述的方法,其特征在于,所述根据所述分类标识获取与所述分类标识对应的内联框架,在所述内联框架内显示所述静态文件的步骤之后还包括:
当显示所述静态文件的所述内联框架的数量大于预设数量时,获取各所述静态文件的所述分类标识;
检测所述分类标识的标签属性,当所述分类标识的所述标签属性为预设属性时,隐藏与所述分类标识对应的所述静态文件。
5.根据权利要求1所述的方法,其特征在于,所述静态文件为文本文件;
所述在所述内联框架内显示所述静态文件的步骤之后还包括:
获取所述文本文件的文本信息;
获取对所述文本信息的编辑指令;
根据所述编辑指令生成脚本代码,对所述文本信息添加所述脚本代码;
输出包含所述文本信息以及所述脚本代码的脚本文件。
6.一种页面显示装置,其特征在于,所述装置包括:
压缩包获取模块,用于获取压缩包,检测所述压缩包是否存在关联的压缩包,当存在关联的压缩包时,则获取相关联的两个所述压缩包;
文件获取模块,用于对获取到的所述压缩包进行解压,获取源代码文件和静态文件,所述静态文件中携带有分类标识;
静态文件显示模块,用于根据所述分类标识获取与所述分类标识对应的内联框架,在所述内联框架内显示所述静态文件;
分批次显示模块,用于检测显示所述静态文件的所述内联框架的数量,当显示所述静态文件的所述内联框架的数量大于预设数量时,根据所述分类标识分批次显示多个所述静态文件,其中,每一批次内的所述静态文件的数据量的和小于第一预设阈值;
页面显示模块,用于根据对所述静态文件的操作获取对所述源代码文件的加载指令,根据所述加载指令加载所述源代码文件,显示所述源代码文件对应的页面文件。
7.根据权利要求6所述的装置,其特征在于,所述装置还包括:
数据量获取模块,用于获取所述静态文件的数据量;
预设数据量获取模块,用于获取多个预设数据量,多个所述预设数据量与多个所述分类标识具有一一对应关系;
分类标识关联模块,用于根据所述静态文件的数据量与多个所述预设数据量的对比结果,从多个所述分类标识获取一个与所述静态文件的数据量对应的所述分类标识,关联所述静态文件与所述分类标识。
8.根据权利要求6所述的装置,其特征在于,所述装置还包括:
数据量获取模块,用于获取所述静态文件的数据量;
第一压缩模块,用于当所述静态文件的数据量小于或等于第二预设阈值时,将所述源代码文件和所述静态文件共同压缩至一所述压缩包;
第二压缩模块,用于当所述静态文件的数据量大于第二预设阈值时,将所述源代码文件和所述静态文件分别压缩至不同的压缩包,并将两个压缩包分别存储至不同的存储目录,关联所述源代码文件对应的压缩包以及所述静态文件对应的压缩包。
9.一种服务器,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现权利要求1-5中任意一项所述方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-5中任意一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710764348.1A CN107797837B (zh) | 2017-08-30 | 2017-08-30 | 页面显示方法、装置、服务器和介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710764348.1A CN107797837B (zh) | 2017-08-30 | 2017-08-30 | 页面显示方法、装置、服务器和介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107797837A true CN107797837A (zh) | 2018-03-13 |
CN107797837B CN107797837B (zh) | 2020-11-03 |
Family
ID=61532215
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710764348.1A Active CN107797837B (zh) | 2017-08-30 | 2017-08-30 | 页面显示方法、装置、服务器和介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107797837B (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108664305A (zh) * | 2018-05-04 | 2018-10-16 | 平安科技(深圳)有限公司 | 实现页面功能复用的方法及装置 |
CN109871499A (zh) * | 2019-01-16 | 2019-06-11 | 中国平安财产保险股份有限公司 | 页面加载方法及客户端 |
CN110688595A (zh) * | 2019-09-09 | 2020-01-14 | 上海凯京信达科技集团有限公司 | 一种文件在线预览方法、装置、设备和存储介质 |
CN112230918A (zh) * | 2020-10-15 | 2021-01-15 | 四川长虹电器股份有限公司 | 一种使用iframe内嵌网页的web端开发方法 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101150559A (zh) * | 2006-09-21 | 2008-03-26 | 阿里巴巴公司 | 一种网站之间数据交换的方法及*** |
US7395500B2 (en) * | 2003-08-29 | 2008-07-01 | Yahoo! Inc. | Space-optimizing content display |
CN102137306A (zh) * | 2011-01-17 | 2011-07-27 | 深圳市同洲电子股份有限公司 | 在电视上显示网页内容的方法及装置 |
CN103500070A (zh) * | 2013-10-23 | 2014-01-08 | 北京三星通信技术研究有限公司 | 触控操作的方法、装置及终端装置 |
CN104301379A (zh) * | 2014-08-28 | 2015-01-21 | 北京奇虎科技有限公司 | 一种网页跨域通信方法和装置 |
US20160275646A1 (en) * | 2009-11-23 | 2016-09-22 | NL Giken Incorporated | Image Output Device |
-
2017
- 2017-08-30 CN CN201710764348.1A patent/CN107797837B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7395500B2 (en) * | 2003-08-29 | 2008-07-01 | Yahoo! Inc. | Space-optimizing content display |
CN101150559A (zh) * | 2006-09-21 | 2008-03-26 | 阿里巴巴公司 | 一种网站之间数据交换的方法及*** |
US20160275646A1 (en) * | 2009-11-23 | 2016-09-22 | NL Giken Incorporated | Image Output Device |
CN102137306A (zh) * | 2011-01-17 | 2011-07-27 | 深圳市同洲电子股份有限公司 | 在电视上显示网页内容的方法及装置 |
CN103500070A (zh) * | 2013-10-23 | 2014-01-08 | 北京三星通信技术研究有限公司 | 触控操作的方法、装置及终端装置 |
CN104301379A (zh) * | 2014-08-28 | 2015-01-21 | 北京奇虎科技有限公司 | 一种网页跨域通信方法和装置 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108664305A (zh) * | 2018-05-04 | 2018-10-16 | 平安科技(深圳)有限公司 | 实现页面功能复用的方法及装置 |
CN109871499A (zh) * | 2019-01-16 | 2019-06-11 | 中国平安财产保险股份有限公司 | 页面加载方法及客户端 |
CN110688595A (zh) * | 2019-09-09 | 2020-01-14 | 上海凯京信达科技集团有限公司 | 一种文件在线预览方法、装置、设备和存储介质 |
CN110688595B (zh) * | 2019-09-09 | 2022-08-16 | 上海斑马来拉物流科技有限公司 | 一种文件在线预览方法、装置、设备和存储介质 |
CN112230918A (zh) * | 2020-10-15 | 2021-01-15 | 四川长虹电器股份有限公司 | 一种使用iframe内嵌网页的web端开发方法 |
CN112230918B (zh) * | 2020-10-15 | 2022-08-19 | 四川长虹电器股份有限公司 | 一种使用iframe内嵌网页的web端开发方法 |
Also Published As
Publication number | Publication date |
---|---|
CN107797837B (zh) | 2020-11-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107797837A (zh) | 页面显示方法、装置、服务器和介质 | |
CN105528408B (zh) | 页面展示方法和装置 | |
CN107678937A (zh) | 页面兼容性检测方法、装置、服务器和介质 | |
CN107992427A (zh) | 创建业务测试场景的方法、装置、设备及其存储介质 | |
AU2014309040B2 (en) | Presenting fixed format documents in reflowed format | |
US20070239532A1 (en) | Determining advertising statistics for advertisers and/or advertising networks | |
US20040030991A1 (en) | Systems and methods for facilitating automatic completion of an electronic form | |
CN106649369A (zh) | 窗口显示的调整方法及装置 | |
CN114330233A (zh) | 通过文件底版实现电子表单内容与文件相互关联的方法 | |
CN107016026A (zh) | 一种用户标签确定、信息推送方法和设备 | |
CN106033450B (zh) | 一种广告拦截的方法、装置和浏览器 | |
CN113238741A (zh) | 表单配置方法、装置、电子设备及存储介质 | |
CN107436843A (zh) | 网页性能测试方法和装置 | |
US11074646B1 (en) | Dynamically selecting an image for display | |
US20200081593A1 (en) | Element mapping and rule building systems and methods for contextual site visitor engagement | |
US20120284607A1 (en) | Content flow through containers | |
CN107168635A (zh) | 信息呈现方法和装置 | |
CN110297957A (zh) | 一种数据处理的方法及装置、电子设备、存储介质 | |
US20150331886A1 (en) | Determining images of article for extraction | |
CN107943782A (zh) | 一种字符处理方法及终端 | |
CN109284101A (zh) | 一种对象属性的关联变更方法和装置 | |
CN107783983A (zh) | 信息展示方法及装置 | |
CN104715060A (zh) | 一种基于网页的图片显示方法和装置 | |
US9223766B2 (en) | Preserving formatting of content selection through snippets | |
CN113051333B (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 | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20180524 Address after: 518052 Room 201, building A, 1 front Bay Road, Shenzhen Qianhai cooperation zone, Shenzhen, Guangdong Applicant after: Shenzhen one ledger Intelligent Technology Co., Ltd. Address before: 200000 Xuhui District, Shanghai Kai Bin Road 166, 9, 10 level. Applicant before: Shanghai Financial Technologies Ltd |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant | ||
GR01 | Patent grant |