一种页面处理方法、装置和系统制造方法及图纸

本发明专利技术公开了一种页面处理方法、装置和系统，涉及计算机技术领域。该方法的一具体实施方式包括：获取页面管理客户端提供的针对页面设计图的切分属性信息以及页面设计图的存储地址；基于切分属性信息，对存储地址存储的页面设计图进行切分，并基于切分的结果生成页面。该实施方式有效地提高专题页面开发效率。该实施方式有效地提高专题页面开发效率。该实施方式有效地提高专题页面开发效率。

【技术实现步骤摘要】
一种页面处理方法、装置和系统


[0001]本专利技术涉及计算机
，尤其涉及一种页面处理方法、装置和系统。

技术介绍

[0002]各种与用户交互的页面比如浏览器页面或者客户端页面等，为了能够吸引用户，往往会针对主题、活动、节日等特别定制专题页面。专题页面在吸引用户的同时，提高页面被搜索出的概率。
[0003]目前，专题页面的生成方式主要是前端工程师手动将设计师设计出的专题页面的设计图切成多个小块的小图，然后基于切出的多个小图再开发专题页面，然后将开发出的专题页面进行上线现有的方案首先是UI设计师给出专题页的设计图，由于给出的设计图是一整张相当于整个页面的大图，这会导致图片的大小非常大，难以满足页面的性能要求。所以需要前端工程师手动的将设计稿切成的小块，再开发出静态的专题页页面。
[0004]现有的这种专题页面的生成方式无疑为专注于实现页面逻辑和展示效果的前端工程师增加了工作量。另外，人工切图的方式也存在误差，需要前端工程师反复调试，导致专题页面开发效率较低。

技术实现思路

[0005]有鉴于此，本专利技术实施例提供一种页面处理方法、装置和系统，能够。
[0006]为实现上述目的，根据本专利技术实施例的一个方面，提供了一种页面处理方法，应用于服务端，包括：
[0007]获取所述页面管理客户端提供的针对所述页面设计图的切分属性信息以及所述页面设计图的存储地址；
[0008]基于所述切分属性信息，对所述存储地址存储的所述页面设计图进行切分，并基于切分的结果生成页面。
[0009]可选地，上述页面处理方法，还包括：将切分后的各个区块图片存储到图片存储服务器，以使所述图片存储服务器为各个所述区块图片分配图片存储地址；
[0010]所述基于切分的结果生成页面，包括：获取各个所述区块图片的图片存储地址，将预设的页面生成模板与各个所述区块图片的图片存储地址进行拼接，生成用于拼接并显示各个所述区块图片的页面文件。
[0011]可选地，所述预设的页面生成模板，包括：
[0012]按照各个所述区块图片的显示顺序排列的各个所述区块图片的代码段以及各个所述区块图片的弹性布局信息。
[0013]可选地，上述页面处理方法，还包括：
[0014]将所述页面文件存储到文件存储服务器；
[0015]接收所述文件存储服务器为所述页面文件分配的文件存储地址；
[0016]将所述文件存储地址存入数据库；
[0017]接收所述数据库为所述文件存储地址分配的文件标识；
[0018]拼接所述文件标识和渲染用接口的接口信息，为所述页面生成访问地址。
[0019]可选地，上述页面处理方法，还包括：
[0020]响应于接收到页面访问客户端发送的所述页面的访问请求，根据所述访问请求包括的页面的特征信息，查找缓存中是否存在对应于所述页面的特征信息的页面文件；
[0021]如果存在，基于所述页面文件对页面进行渲染，并将渲染的结果发送给所述页面访问客户端，以供所述页面访问客户端显示页面。
[0022]可选地，上述页面处理方法，还包括：
[0023]针对缓存中不存在对应于所述页面的特征信息的页面文件的情况，
[0024]根据所述访问地址包括的文件标识，从所述数据库中查找文件存储地址；
[0025]根据查找到的所述文件存储地址，从所述文件存储服务器获取所述页面文件，并基于所述页面文件对页面进行渲染，并将渲染的结果发送给所述页面访问客户端，以供所述页面访问客户端显示页面。
[0026]可选地，所述基于所述页面文件对页面进行渲染，包括：
[0027]基于所述页面文件包括的图片存储地址，从所述图片存储服务器获取各个所述区块图片；
[0028]基于所述页面文件包括的各个所述区块图片的代码段、各个所述区块图片的弹性布局信息以及各个所述区块图片，对页面进行渲染。
[0029]第二方面，本专利技术实施例提供一种页面处理方法，应用于页面管理客户端，包括：
[0030]响应于上传用于添加的页面设计图，将所述页面设计图发送给图片存储服务器，以使所述图片存储服务器存储所述页面设计图，并为所述页面设计图分配存储地址；
[0031]接收并显示所述图片存储服务器发送的具有存储地址的页面设计图；
[0032]确定用户输入的针对所述页面设计图的切分属性信息，并将所述切分属性信息以及所述存储地址提供给所述服务端，以使所述服务端基于所述切分属性信息，对所述存储地址存储的所述页面设计图进行切分，并基于切分的结果生成页面。
[0033]可选地，所述确定用户输入的针对所述页面设计图的切分属性信息，包括：
[0034]响应于切分触发，生成切分线，以使用户调整所述条切分线在所述页面设计图上的位置；
[0035]基于所述切分线在所述页面设计图上的位置，确定所述页面设计图的切分属性信息。
[0036]可选地，所述确定所述页面设计图的切分属性信息，包括：
[0037]针对所述切分线的条数为多条，且多条所述切分线为横向切分线和纵向切分线组合的情况，
[0038]确定所述横向切分线和纵向切分线分别与所述页面设计图的边缘的多个第一交叉点的坐标以及所述横向切分线与所述纵向切分线的一个或多个第二交叉点的坐标；
[0039]根据多个所述第一交叉点的坐标以及一个或多个所述第二交叉点的坐标，确定所述页面设计图包括的各个切分区域的位置和区域范围。
[0040]可选地，针对所述切分线为横向切分线的情况，确定出的所述页面设计图的切分属性信息包括所述横向切分线切分出的各个区域的高度；
[0041]上述页面处理方法还包括：接收用户输入的中间区域的宽度；
[0042]根据所述横向切分线切分出的各个区域的高度以及所述中间区域的宽度，确定所述页面设计图包括的各个切分区域的位置和区域范围。
[0043]可选地，所述确定用户输入的针对所述页面设计图的切分属性信息，包括：
[0044]接收用户输入的针对所述页面设计图的宽度切分属性信息和高度切分属性信息；
[0045]根据所述页面设计图的宽度切分属性信息和高度切分属性信息，确定所述页面设计图的各个切分区域的位置和区域范围。
[0046]可选地，上述页面处理方法，还包括：
[0047]接收用户输入的页面的特征信息，并将所述页面的特征信息提供给所述服务端，以使所述服务端将所述页面的特征信息与所述页面的存储地址对应存储到数据库中。
[0048]第三方面，本专利技术实施例提供一种页面处理装置，应用于服务端，包括：切分单元以及生成单元，其中，
[0049]所述切分单元，用于获取所述页面管理客户端提供的针对所述页面设计图的切分属性信息所述页面设计图的，并基于所述切分属性信息，对所述存储地址存储的所述页面设计图进行切分；
[0050]所述生成单元，用于基于切分的结果生成页面。
[0051]本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面处理方法，其特征在于，应用于服务端，包括：获取所述页面管理客户端提供的针对所述页面设计图的切分属性信息以及所述页面设计图的存储地址；基于所述切分属性信息，对所述存储地址存储的所述页面设计图进行切分，并基于切分的结果生成页面。2.根据权利要求1所述的页面处理方法，其特征在于，还包括：将切分后的各个区块图片存储到图片存储服务器，以使所述图片存储服务器为各个所述区块图片分配图片存储地址；所述基于切分的结果生成页面，包括：获取各个所述区块图片的图片存储地址，将预设的页面生成模板与各个所述区块图片的图片存储地址进行拼接，生成用于拼接并显示各个所述区块图片的页面文件。3.根据权利要求2所述的页面处理方法，其特征在于，所述预设的页面生成模板，包括：按照各个所述区块图片的显示顺序排列的各个所述区块图片的代码段以及各个所述区块图片的弹性布局信息。4.根据权利要求2所述的页面处理方法，其特征在于，还包括：将所述页面文件存储到文件存储服务器；接收所述文件存储服务器为所述页面文件分配的文件存储地址；将所述文件存储地址存入数据库；接收所述数据库为所述文件存储地址分配的文件标识；拼接所述文件标识和渲染用接口的接口信息，为所述页面生成访问地址。5.根据权利要求4所述的页面处理方法，其特征在于，还包括：响应于接收到页面访问客户端发送的所述页面的访问请求，根据所述访问请求包括的页面的特征信息，查找缓存中是否存在对应于所述页面的特征信息的页面文件；如果存在，基于所述页面文件对页面进行渲染，并将渲染的结果发送给所述页面访问客户端，以供所述页面访问客户端显示页面。6.根据权利要求5所述的页面处理方法，其特征在于，还包括：针对缓存中不存在对应于所述页面的特征信息的页面文件的情况，根据所述访问地址包括的文件标识，从所述数据库中查找文件存储地址；根据查找到的所述文件存储地址，从所述文件存储服务器获取所述页面文件，并基于所述页面文件对页面进行渲染，并将渲染的结果发送给所述页面访问客户端，以供所述页面访问客户端显示页面。7.根据权利要求5或6所述的页面处理方法，其特征在于，所述基于所述页面文件对页面进行渲染，包括：基于所述页面文件包括的图片存储地址，从所述图片存储服务器获取各个所述区块图片；基于所述页面文件包括的各个所述区块图片的代码段、各个所述区块图片的弹性布局信息以及各个所述区块图片，对页面进行渲染。8.一种页面处理方法，其特征在于，应用于页面管理客户端，包括：响应于上传用于添加的页面设计图，将所述页面设计图发送给图片存储服务器，以使
所述图片存储服务器存储所述页面设计图，并为所述页面设计图分配存储地址；接收并显示所述图片存储服务器发送的具有所述存储地址的页面设计图；确定用户输入的针对所述页面设计图的切分属性信息，并将所述切分属性信息以及所述存储地址提供给所述服务端，以使所述服务端基于所述切分属性信息，对所述存储地址存储的所述页面设计图进行切分，并基于切分的结果生成页面。9.根据权利要求8所述的页面处理方法，其特征在于，所述确定用户输入的针对所述页面设计图的切分属性信息，包括：响应于切分触发，生成切分线，以使用户调整所述条切分线在所述页面设计图上的位置；基于所述切分线在所述页面...

【专利技术属性】
技术研发人员：刘晨迪，杨兵，董英姿，
申请(专利权)人：北京京东世纪贸易有限公司，
类型：发明
国别省市：