网页的保存方法、装置、存储介质和服务器制造方法及图纸

本申请公开了一种网页的保存方法、装置、服务器和存储介质，涉及计算机领域。方法包括：接收针对网页的保存指令；获取所述网页包括的各个元素的属性信息，以及根据各个元素的属性信息生成JSON数据；将所述各个元素的JSON数据写入到数据库中，本申请JSON格式的数据具有极小的数据量，因此可以极大的减少存储空间的占用，在终端设备访问该网页时加载速度更快且效率更高。率更高。率更高。

【技术实现步骤摘要】
网页的保存方法、装置、存储介质和服务器


[0001]本申请涉及计算机领域，尤其涉及一种网页的保存方法、系统、装置、存储介质和服务器。

技术介绍

[0002]用户使用网页设计工具进行网页的设计，在完成网页的设计后将网页上传到服务器，由服务器对网页进行保存。在相关技术中，服务器保存网页的方法是：将网页的HTML(HyperText Markup Language，超文本标记语言)文件保存到存储器中，HTML文件的数据结构，结构复杂，冗余信息较多，会消耗服务器上较多的存储空间，另外在终端设备访问该网页时，也会消耗较多的流量。

技术实现思路

[0003]本申请提供一种网页的保存方法、装置、存储介质和服务器，解决服务器中保存HTML格式文件存在占用存储空间较多和访问时流量消耗较大的问题。
[0004]第一方面，本申请提供了一种网页的保存方法，包括：
[0005]接收针对网页的保存指令；
[0006]获取所述网页包括的各个元素的属性信息，以及根据各个元素的属性信息生成JSON数据；
[0007]将所述各个元素的JSON数据写入到数据库中。
[0008]第二方面，本申请提供了一种网页的保存装置，包括：
[0009]收发单元，用于接收针对网页的保存指令；
[0010]生成单元，用于获取所述网页包括的各个元素的属性信息，以及根据各个元素的属性信息生成JSON数据；
[0011]保存单元，用于将所述各个元素的JSON数据写入到数据库中。
[0012]本申请又一方面提供了一种装置，可以实现上述第一方面的网页的保存方法。可以通过软件、硬件、或者通过硬件执行相应的软件实现上述方法。
[0013]在一种可能的实现方式中，所述装置的结构中包括处理器、存储器；所述处理器被配置为支持所述装置执行上述网页的保存方法中相应的功能。存储器用于与处理器耦合，其保存所述装置必要的程序(指令)和/或数据。可选的，所述装置还可以包括通信接口用于支持所述装置与其他网元之间的通信。
[0014]在另一种可能的实现方式中，所述装置，可以包括执行上述方法中相应动作的单元模块。
[0015]在又一种可能的实现方式中，包括处理器和收发装置，所述处理器与所述收发装置耦合，所述处理器用于执行计算机程序或指令，以控制所述收发装置进行信息的接收和发送；当所述处理器执行所述计算机程序或指令时，所述处理器还用于实现上述方法。其中，所述收发装置可以为收发器、收发电路或输入输出接口。
[0016]本申请又一方面提供了一种装置，该装置包括：存储器和处理器；其中，所述存储器中存储一组程序代码，且所述处理器用于调用所述存储器中存储的程序代码，执行各方面所述的方法。
[0017]本申请又一方面提供了一种终端设备，包括上述的装置。终端设备包括但不限于手机、电脑、平板电脑、个人计算机、服务器或工作站等。
[0018]本申请的又一方面提了供一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述各方面所述的方法。
[0019]本申请的又一方面提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述各方面所述的方法。
[0020]根据以上的实施例，在需要保存网页时，根据网页的HTML代码提取包含的所有元素，将各个元素的属性信息转换为JSON数据，然后将JSON数据直接存储到数据库中，相比于直接存储网页的HTML文件的方式，本申请的JSON格式的数据具有极小的数据量，因此可以极大的减少存储空间的占用，在终端设备访问该网页时加载速度更快且效率更高，另外也方便对某一元素的属性信息进行调整，无需修改HTML代码，提高网页设计的便捷性。
附图说明
[0021]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0022]图1是本申请实施例提供的一种网络架构图；
[0023]图2是本申请实施例提供的一种网页的保存方法的流程示意图；
[0024]图3是本申请实施例提供的一种保存装置的结构示意图；
[0025]图4是本申请实施例提供的一种服务器的结构示意图。
具体实施方式
[0026]为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。同时，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。
[0027]图1示出了可以应用于本申请的网页的保存方法或网页的保存装置的示例性系统架构。
[0028]如图1所示，系统架构可以包括：终端设备101和服务器102。终端设备101和服务器102之间可以通过网络进行通信，网络用于上述各个单元之间提供通信链路的介质。网络可以包括各种类型的有线通信链路或无线通信链路，例如：有线通信链路包括光纤、双绞线或同轴电缆的，无线通信链路包括蓝牙通信链路、无线保真(WIreless
‑
FIdelity，Wi
‑
Fi)通信链路或微波通信链路等。
[0029]其中，服务器102上部署有数据库，数据库可以为关系型数据库，数据库中存储有网页包含的各个元素的JSON数据，终端设备101向服务器发送网页访问请求时，服务器102将网页关联的所有元素的JSON数据发送给终端设备，终端设备101根据各个JSON数据渲染成网页。
[0030]需要说明的是，终端设备101和服务器102可以是硬件，也可以是软件。当终端设备101和服务器102为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当终端设备101和服务器102为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块，在此不做具体限定。
[0031]应理解，图1中的终端设备、网络和服务器的数目仅是示意性的。根据实现需要，可以是任意数量的终端设备、网络和服务器。
[0032]为了说明本申请所述的技术方案，下面通过具体实施例来进行说明。
[0033]参见图2，图2是本申请实施例提供的网页的保存方法的流程示意图，在本申请实施例中，所述方法包括：
[0034]S201、接收针对网页的保存指令。
[0035]其中，服务器启动网页设计工具，网页设计工具加载网页设计界面，网页设计界面包括网页设计区域，用户在网页设计区域中进行网页设计，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页的保存方法，其特征在于，包括：接收针对网页的保存指令；获取所述网页包括的各个元素的属性信息，以及根据各个元素的属性信息生成JSON数据；将所述各个元素的JSON数据写入到数据库中。2.根据权利要求1所述的方法，其特征在于，所述获取所述网页包括的各个元素的属性信息，包括：获取所述网页的文档对象模型DOM树；遍历所述DOM树得到各个元素的属性信息。3.根据权利要求1或2所述的方法，其特征在于，所述属性信息包括：序号、类型、尺寸、位置、触发事件、动画效果中的一种或多种。4.根据权利要求3所述的方法，其特征在于，还包括：获取所述网页包含的附属文件；其中，所述附属文件包括：图片文件、视频文件或音频文件；将附属文件存储到所述网页关联的项目文件夹中。5.根据权利要求4所述的方法，其特征在于，所述将各个元素的JSON数据之后，还包括：接收来自终端设备的网页访问请求；其中，所述网页访问请求携带网页ID；根据所述网页ID在所述数据库中查询关联的所有JSON数据，以及根据所述网页ID在关联的项目文件夹中查询附属文件；将查询到的JSON数据和附属文件发送给所述终端设备。6.根据权利要求5所述的方法，其特征...

【专利技术属性】
技术研发人员：陈颖，郑显伟，
申请(专利权)人：远光软件股份有限公司，
类型：发明
国别省市：