CN104252444B - 一种杂志应用的排版方法、模块和系统 - Google Patents

Abstract

本发明提供了一种杂志应用的排版方法、模块和系统，方法包括：获取图片素材和文字素材，在当前选取模板中的预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定当前选取模板剩余的可填充的内容区域的高度；根据所述可填充的内容区域的高度，在当前选取模板的剩余的可填充的内容区域逐段填充所述文字素材的正文，直至当前选取模板填充完毕；将所述填充文字素材和图片素材的模板转换为页面文件。通过本发明，使终端呈现杂志应用阅读页面时的性能开销小，保障了用户流畅的阅读体验，并且不需要用户进行程序和页面模板的升级，提高用户体验。

Description

一种杂志应用的排版方法、模块和系统

技术领域

本发明涉及图形文本处理技术，尤其涉及一种杂志应用(APP，APPlication)的排版方法、模块和系统。

背景技术

杂志应用作为一种新的终端上的媒体形式应用广泛，当前杂志应用的排版主要有两种方式：

1)复用纸质杂志版式，呈现与纸质杂志的便携文件格式(PDF，Portable DocumentFormat)对应的文件；

2)由终端通过程序读取数据，调取页面模板实时绘制阅读页面。

其中，对于第一种方式，由于纸质杂志的PDF文件中的图片素材质量不高，因此复用纸质杂志版式的方式会影响终端用户体验；

对于第二种方式，由于依赖在终端侧的特定程序来呈现杂志应用的阅读页面，且所述特定程序的安装包容量大，导致终端的性能开销较大，致使终端呈现杂志应用阅读页面的流畅度不高；并且呈现杂志应用的阅读页面所需的页面模板也位于终端侧，频繁的升级所述特定程序或更新页面模板时，需要频繁的更新杂志应用的版本，终端也需要频繁的下载更新包，且需要用户对终端进行对应的操作，操作繁琐，影响用户体验。

发明内容

有鉴于此，本发明的主要目的在于提供一种杂志应用的排版方法、模块和系统，使终端呈现杂志应用阅读页面时的性能开销小，保证用户流畅的阅读体验，并避免终端侧进行页面模板和相应特定程序的升级。

为达到上述目的，本发明的技术方案是这样实现的：

本发明提供了一种杂志应用的排版方法，该方法包括：

获取图片素材和文字素材，在当前选取模板中的预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定当前选取模板剩余的可填充的内容区域的高度；

根据所述可填充的内容区域的高度，在当前选取模板的剩余的可填充的内容区域逐段填充所述文字素材的正文，直至当前选取模板填充完毕；

将所述填充文字素材和图片素材的模板转换为页面文件。

较佳的，所述在当前选取模板中的预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题之前，该方法还包括：选取预设像素宽与所述对应的图片素材的像素宽匹配的模板，或选取预设像素高与所述对应的图片素材的像素高匹配的模板。

较佳的，根据所述可填充的内容区域的高度，在当前选取模板的剩余的可填充的内容区域逐段填充所述文字素材的正文，直至当前选取模板填充完毕，包括：

判断所述文字素材的当前待填充的段落，是否超出当前选取模板剩余可填充的内容区域的高度，如果未超出，则在当前选取模板的可填充的内容区域填充所述段落，并顺序判断下一段落是否超出当前选取模板剩余可填充的内容区域的高度；如果超出，则在当前选取模板的可填充的内容区域逐字填充当前待填充的文字素材的段落，直至当前选取模板填充完毕。

较佳的，所述在当前选取模板的可填充的内容区域逐字填充当前待填充的文字素材的段落，直至当前选取模板填充完毕之后，该方法还包括：

选取下一模板，在选取的下一模板中的预设位置填充与所述选取的下一模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，确定选取的下一模板剩余的可填充的内容区域的高度；

在选取的下一模板剩余的可填充的内容区域填充上一模板逐字填充段落的未填充部分，并顺序判断下一段落是否超出选取的下一模板剩余的可填充的内容区域的高度，直至选取的下一模板填充完毕或所述文字素材的正文逐段填充完毕。

较佳的，当前选取模板预设分列填充所述文字素材的正文，且所述分列中预设位置填充对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题时，该方法还包括：

在所述分列中的预设位置填充所述对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定所述分列中剩余的可填充的内容区域的高度，根据所述可填充的内容区域的高度，在所述分列中逐段填充所述文字素材的正文，直至所述分列填充完毕。

较佳的，当前选取模板预设分列填充所述文字素材的正文，且所述分列中预设位置填充对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题时，该方法还包括：

通过调整所述对应的图片素材的像素宽与像素高、所述对应的图片素材与所述可填充的内容区域的边距、所述对应的图片素材的注释与所述可填充的内容区域的边距或所述文字素材的标题与所述可填充的内容区域的边距，水平对齐所述分列的文字的行高。

较佳的，该方法还包括：

所述文字素材的正文的段落的标签在第一模板和第二模板填充时，获取所述正文的段落的标签，在第一模板的可填充的内容区域的结束位置闭合所述正文的段落的标签，并在第二模板的可填充的内容区域的开始位置补全所述正文的段落的标签；和/或

所述文字素材的正文的段落的标签在模板的第一分列和第二分列填充时，获取所述正文的段落的标签，在第一分列的可填充的内容区域的结束位置闭合所述正文的段落的标签，并在第二分列的可填充的内容区域的开始位置补全所述正文的段落的标签。

本发明还提供了一种杂志应用的排版模块，该模块包括：获取子模块、填充子模块和转换子模块；其中，

所述获取子模块，用于获取图片素材和文字素材；

所述填充子模块，用于在当前选取模板中的预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定当前选取模板剩余的可填充的内容区域的高度；根据所述可填充的内容区域的高度，在当前选取模板的剩余的可填充的内容区域逐段填充所述文字素材的正文，直至当前选取模板填充完毕；

所述转换子模块，用于将所述填充子模块填充文字素材和图片素材的模板转换为页面文件。

较佳的，所述填充子模块，还用于在当前选取模板中的预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题之前，选取预设像素宽与所述对应的图片素材的像素宽匹配的模板，或选取预设像素高与所述对应的图片素材的像素高匹配的模板。

较佳的，所述填充子模块，还用于判断所述文字素材的当前待填充的段落，是否超出当前选取模板剩余可填充的内容区域的高度，如果未超出，则在当前选取模板的剩余的可填充的内容区域填充所述段落，并顺序判断下一段落是否超出当前选取模板剩余可填充的内容区域的高度；如果超出，则在当前选取模板的可填充区域逐字填充当前待填充的文字素材的段落，直至当前选取模板填充完毕。

较佳的，所述填充子模块，还用于在当前选取模板的可填充的内容区域逐字填充当前待填充的文字素材的段落，直至当前选取模板填充完毕之后，在选取的下一模板中的预设位置填充与所述选取的下一模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，确定选取的下一模板剩余的可填充的内容区域的高度；

在选取的下一模板剩余的可填充的内容区域填充上一模板逐字填充段落的未填充部分，并顺序判断下一段落是否超出选取的下一模板剩余可填充的内容区域的高度，直至选取的下一模板填充完毕或所述文字素材的正文逐段填充完毕。

较佳的，所述填充子模块，还用于在当前选取模板预设分列填充所述文字素材的正文，且所述分列中预设位置填充与当前选取模板对应的图片素材、图片素材的注释和所述文字素材的标题时，在所述分列中的预设位置填充所述对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定所述分列中剩余的可填充的内容区域的高度，根据所述可填充的内容区域的高度，在所述分列中逐段填充所述文字素材的正文，直至所述分列填充完毕。

较佳的，所述填充子模块，还用于在当前选取模板预设分列填充所述文字素材的正文，且所述分列中预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题时，通过调整所述对应的图片素材的像素宽与像素高、所述对应的图片素材与所述可填充内容区域的边距、所述对应的图片素材的注释与所述可填充内容区域的边距或所述文字素材的标题与所述可填充内容区域的边距，水平对齐所述分列的文字的行高。

较佳的，所述填充子模块，还用于在所述文字素材的正文的段落的标签在第一模板和第二模板填充时，获取所述正文的段落的标签，在第一模板的可填充的内容区域的结束位置闭合所述正文的段落的标签，并在第二模板的可填充的内容区域的开始位置补全所述正文的段落的标签；和/或

在所述文字素材的正文的段落的标签在模板的第一分列和第二分列填充时，获取所述正文的段落的标签，在第一分列的可填充的内容区域的结束位置闭合所述正文的段落的标签，并在第二分列的可填充的内容区域的开始位置补全所述正文的段落的标签。

本发明还提供了一种杂志应用的排版系统，所述系统包括：后台服务器、数据中心服务器和客户端；该后台服务器包括前述的杂志应用的排版模块；其中，

所述后台服务器，用于创建待排版的杂志应用并为待排版的杂志应用创建模板；获取图片素材和文字素材，根据所述创建的模板以及获取的图片素材和文字素材，生成对应的页面文件；

所述数据中心服务器，用于存储后台服务器生成的页面文件；

所述客户端，用于向数据中心服务器请求后台服务器生成的页面文件，并显示所述页面文件对应的内容。

较佳的，所述后台服务器还包括：

杂志应用创建模块，用于创建待排版的杂志应用并为待排版的杂志应用创建模板；

打包上传模块，用于根据杂志应用的显示终端的显示屏的像素宽和像素高，压缩所述杂志应用的排版模块填充至模板的图片素材，并将压缩后的图片素材和所述杂志应用的排版模块生成的页面文件打包上传至数据中心服务器。

本发明所提供的一种杂志应用的排版方法、模块和系统，通过在选取模板中填充文字素材和图片素材，将填充文字素材和图片素材的模板转换为页面文件，所述页面文件与终端呈现在杂志应用的阅读页面对应，如此，终端通过加载所述已生成的页面文件即可呈现杂志应用的阅读页面，性能开销小、在呈现当前阅读页面时请求后续阅读页面对应的页面文件，保证流畅的阅读体验；并且，终端加载所述页面文件只需调用浏览控件即可，无需安装呈现额外的程序、以及在终端侧保存页面模板，避免了终端侧进行页面模板和相应特定程序的升级，便于对页面模板进行更新维护。

附图说明

图1a为本发明实施例所提供的一种杂志应用的排版方法的实现流程图；

图1b为本发明实施例所提供的分列文字行高对齐前的示意图；

图1c为本发明实施例所提供的分列文字行高对齐后的示意图；

图2为本发明实施例所提供的一种杂志应用的排版模块的结构示意图；

图3为本发明实施例所提供的一种杂志应用的排版系统的结构示意图；

图4为本发明实施例所提供的一种杂志应用的排版的实现流程图。

具体实施方式

下面结合附图和具体实施例对本发明的技术方案进一步详细阐述。

本发明实施例提供一种杂志应用的排版方法，该方法可以由特定的排版模块或排版装置实现，如图1a所示，主要包括以下步骤：

步骤101：获取图片素材和文字素材，在当前选取模板中的预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定当前选取模板剩余的可填充的内容区域的高度。

从素材上传系统获取用户上传的图片素材和文字素材，也可以直接从素材数据库提供的接口获取图片素材和文字素材，本发明实施例中的文字素材均携带超文本标记语言(HTML，Hyper Text Markup Language)标签，以描述文字素材的格式信息，所述格式信息包括但不限于：文字是否加粗、文字颜色、文字字号。

需要指出的是，本发明实施例中以文字素材携带HTML标签为例来对本发明的技术方案进行说明，但并不构成对本发明的不当限定。

选取的不同模板需要对应填充的内容不同，有的模板只需对应填充图片素材、或图片素材的注释、或文字素材的标题，有的模板则需要对应填充图片素材、图片素材的注释和文字素材的标题中的多者。

本发明实施例中所述模板为预先创建，且不同模板预设填充图片素材的分辨率(即像素宽和像素高)不同，较佳的，在当前选取模板中的预设位置填充与当前选取模板对应的图片素材、图片素材的注释和所述文字素材的标题之前，选取预设像素宽与对应的图片素材的像素宽匹配的模板，或选取预设像素高与对应的图片素材的像素高匹配的模板。

其中，当模板预设像素宽超过对应的图片素材的像素宽、或模板预设像素高超过对应的图片素材的像素高时，将对应的图片素材填充至所述模板会导致图片素材的显示效果差；因此，所述预设像素宽或像素高与对应的图片素材的像素宽或像素高匹配的模板，为预设像素宽、像素高对应与对应的图片素材的像素宽、像素高相同的模板，或为预设像素宽最接近且不超过对应的图片素材的像素宽的模板、以及预设像素高最接近且不超过对应的图片素材的像素高的模板。

当选取预设像素宽与对应的图片素材的像素宽匹配的模板时，根据所述模板预设的图片素材的像素宽与像素高，将对应的图片素材的像素宽调整至与模板预设像素宽相同，并调整对应的图片素材像素高为：图片素材原始像素高×(模板预设像素宽/图片素材原始像素宽)，以填充至所述模板，例如，当对应的图片素材的像素宽与像素高分别为800和700，当前选取的预设像素宽与对应的图片素材的像素宽最接近的模板的预设的像素宽600时，则调整对应的图片素材的像素宽为600，并调整对应的图片素材的像素高为700×(600/800)，并填充调整后的图片素材至所述模板。

当选取预设像素高与对应的图片素材的像素高匹配的模板时，根据所述模板预设的图片素材的像素宽与像素高，将对应的图片素材的像素高调整至与模板预设像素高相同，并调整对应的图片素材像素宽为：图片素材原始像素宽×(模板预设像素高/图片素材原始像素高)，以填充至所述模板，例如，当对应的图片素材的像素宽与像素高分别为800和700，当前选取的预设像素宽与对应的图片素材的像素宽最接近的模板的预设的像素高为600时，则调整对应的图片素材的像素高为600，并调整对应的图片素材的像素宽为800×(600/700)，并填充调整后的图片素材至所述模板。

当前选取模板的可填充区域的原始高度，减去与当前模板对应的图片素材、图片素材的注释和所述文字素材的标题填充至当前选取模板中时占据的像素高，为当前选取模板剩余的可填充的内容区域的高度。

步骤102：根据所述可填充的内容区域的高度，在当前选取模板的剩余的可填充的内容区域逐段填充所述文字素材的正文，直至当前选取模板填充完毕。

具体的，判断所述文字素材的当前待填充的段落，是否超出当前选取模板剩余可填充的内容区域的高度，如果未超出，则在当前选取模板的可填充的内容区域填充所述段落，并顺序判断下一段落是否超出当前选取模板剩余的可填充的内容区域的高度；如果超出，则在当前选取模板的可填充的内容区域逐字填充当前待填充的文字素材的段落，直至当前选取模板填充完毕。

当前选取模板填充完毕之后，较佳的，选取下一模板，在选取的下一模板中的预设位置填充与所述选取的下一模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，确定选取的下一模板剩余的可填充的内容区域的高度；

在选取的下一模板中填充上一模板逐字填充段落的未填充部分，并顺序判断下一段落是否超出选取的下一模板剩余可填充的内容区域的高度，直至选取的下一模板填充完毕或所述文字素材的正文逐段填充完毕。

当前选取模板预设分列填充所述文字素材的正文，且所述分列中预设位置填充所述对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题时，较佳的，在所述分列中的预设位置填充所述对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定所述分列中剩余的可填充的内容区域的高度，根据所述可填充的内容区域的高度，在所述分列中逐段填充所述文字素材的正文，直至所述分列填充完毕。

当前选取模板预设分列填充所述文字素材的正文，且所述分列中预设位置填充对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题时，较佳的，通过调整对应的图片素材的像素宽与像素高、对应的图片素材与所述可填充内容区域的边距、对应的图片素材的注释与所述可填充内容区域的边距或所述文字素材的标题与所述可填充内容区域的边距，水平对齐所述分列的文字的行高。

下面结合图1b和图1c对上述对齐分列的文字行高的处理进行说明，如图1b中双向箭头所示，第一分列和第二分列中的文字的行高未对齐，通过调整图1b中图片素材2的像素宽与像素高、图片素材2的注释与第二分列的可填充内容区域的边距或图片素材2与第二分列的可填充内容区域的边距，使第一分列和第二分列的文字的行高水平对齐，文字水平对齐后的行高如图1c中双向箭头所示；相应的，也可调整通过调整图1b中图片素材1的像素宽与像素高、图片素材1的注释与第一分列的可填充内容区域的边距或图片素材1与第一分列的可填充内容区域的边距，或者对第一分列和第二分列中的图片素材的像素宽与像素高、图片素材的注释与分列的可填充内容区域的边距或图片素材与分列的可填充内容区域的边距，进行同步调整，使第一分列和第二分列的文字的行高水平对齐。

较佳的，所述文字素材的正文的段落的HTML标签在第一模板和第二模板填充时，获取所述正文的段落的HTML标签，在第一模板的可填充的内容区域的结束位置闭合所述正文的段落的HTML标签，并在第二模板的可填充的内容区域的开始位置补全所述正文的段落的HTML标签；和/或

所述文字素材的正文的段落的HTML标签在模板的第一分列和第二分列填充时，获取所述正文的段落的HTML标签，在第一分列的可填充的内容区域的结束位置闭合所述正文的段落的HTML标签，并在第二分列的可填充的内容区域的开始位置补全所述正文的段落的HTML标签。

其中，所述文字素材的正文的段落的HTML标签在第一模板和第二模板填充，表示所述文字素材的正文的段落在选取的第一模板可填充的内容区域无法完全填充，还需要将在第一模板未填充的部分在选取的第二模板的剩余的可填充的内容区域填充，并且所述文字素材的正文的段落的HTML标签在第一模板剩余的可填充的内容区域的结束位置没有闭合。所述文字素材的正文的段落的HTML标签通过正则匹配的方式获取并存储至临时数组，在第一模板的剩余的可填充的内容区域的结束位置，根据所述临时数组存储的HTML标签，对没有闭合的一层或多层嵌套的标签进行闭合，并在第二模板的剩余的可填充的内容区域的起始位置补全所述闭合的HTML标签。

其中，所述文字素材的正文的段落的HTML标签在模板的第一分列和第二分列填充，表示所述文字素材的正文的段落在选取的模板的第一分列剩余的可填充的内容区域无法完全填充，还需要将在第一分列未填充的部分在模板的第二分列的剩余的可填充的内容区域填充，并且所述文字素材的正文的段落的HTML标签在第一分列剩余的可填充的内容区域的结束位置没有闭合。所述文字素材的正文的段落的HTML标签通过正则匹配的方式获取并存储至临时数组，在第一分列的剩余的可填充的内容区域的结束位置，根据所述临时数组存储的HTML标签，对没有闭合的一层或多层嵌套的HTML标签进行闭合，并在第二分列的剩余的可填充的内容区域的起始位置补全所述闭合的HTML标签。

步骤103：将所述填充文字素材和图片素材的模板转换为页面文件。

需要指出的是，本发明实施例中以将模板转换为HTML页面文件为例来对本发明的技术方案进行说明，但并不构成对本发明的不当限定。

上述步骤为对文字素材填充模板数量不少于2个的场景进行的杂志应用排版处理，所述选取的模板为普通文章模板；较佳的，当对一个或多个不能完全填充满一个模板的文字素材进行杂志应用排版时，在当前选取短篇文章模板中的预设位置填充与当前选取段篇文章模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并在可填充内容区域填充所述一个或多个文字素材的正文，直至所述一个或多个文字素材填充完毕，并将所述填充文字素材和图片素材的模板转换为HTML页面文件；其中，所述选取短篇文章模板预设图片素材的像素宽与当前选取短篇文章模板对应的图片素材的像素宽匹配，或所述选取短篇文章模板预设图片素材的像素高与当前选取短篇文章模板对应的图片素材的像素高匹配。

较佳的，当对设计图进行排版时，在随机选取的模板中以拉取原始设计图的方式呈现所述设计图。

较佳的，在将所述填充文字素材和图片素材的模板转换为HTML页面文件之前，还可以在所述模板上添加交互模板。

本发明实施例中，将所述填充文字素材和图片素材的模板转换为HTML页面文件时，还将填充至所述模板的图片素材根据呈现不同的终端的显示屏的像素宽和像素高进行压缩，将压缩后的图片素材和HTML页面文件作为杂志应用排版结果，进行完整性和合法性校验，并在校验成功后打包为数据包上传至数据中心服务器，在所述数据中心服务器中为所述打包的数据包建立版本信息，方便后期更新维护；并且，一个所述HTML页面文件与压缩后的图片素材的数据包对应终端的一个阅读页面，如此，终端可以以阅读页面为单位从数据中心服务器请求数据包，在显示请求数据包对应的阅读页面的同时，请求后续阅读页面的数据包，而不必等待全部杂志应用的全部数据包请求完毕后再进行显示。

其中，终端显示所述数据包对应的阅读页面通过调用相应的控件实现，例如，在运行iOS的终端中，通过调用ImageView控件呈现图片素材，通过调用WebView控件呈现HTML页面文件。

本发明实施例还提供一种杂志应用的排版模块，如图2所示，该模块包括：获取子模块21、填充子模块22和转换子模块23；其中，

所述获取子模块21，用于获取图片素材和文字素材；

所述填充子模块22，用于在当前选取模板中的预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定当前选取模板剩余的可填充的内容区域的高度；根据所述可填充的内容区域的高度，在当前选取模板的剩余的可填充的内容区域逐段填充所述文字素材的正文，直至当前选取模板填充完毕；

所述转换子模块23，用于将所述填充子模块22填充文字素材和图片素材的模板转换为页面文件。

较佳的，所述填充子模块22，还用于在当前选取模板中的预设位置填充对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题之前，选取预设像素宽与对应的图片素材的像素宽匹配的模板，或选取预设像素高与对应的图片素材的像素高匹配的模板。

较佳的，所述填充子模块22，还用于判断所述文字素材的当前待填充的段落，是否超出当前选取模板剩余可填充的内容区域的高度，如果未超出，则在当前选取模板的剩余的可填充的内容区域填充所述段落，并顺序判断下一段落是否超出当前选取模板剩余可填充的内容区域的高度；如果超出，则在当前选取模板的可填充区域逐字填充当前待填充的文字素材的段落，直至当前选取模板填充完毕。

较佳的，所述填充子模块22，还用于在当前选取模板的可填充的内容区域逐字填充当前待填充的文字素材的段落，直至当前选取模板填充完毕之后，在选取的下一模板中的预设位置填充与所述选取的下一模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，确定选取的下一模板剩余的可填充的内容区域的高度；

在选取的下一模板剩余的可填充的内容区域填充上一模板逐字填充段落的未填充部分，并顺序判断下一段落是否超出选取的下一模板剩余可填充的内容区域的高度，直至选取的下一模板填充完毕或所述文字素材的正文逐段填充完毕。

较佳的，所述填充子模块22，还用于在当前选取模板预设分列填充所述文字素材的正文，且所述分列中预设位置填充对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题时，在所述分列中的预设位置填充对应的图片素材、图片素材的注释和所述文字素材的标题，并确定所述分列中剩余的可填充的内容区域的高度，根据所述可填充的内容区域的高度，在所述分列中逐段填充所述文字素材的正文，直至所述分列填充完毕。

较佳的，所述填充子模块22，还用于在当前选取模板预设分列填充所述文字素材的正文，且所述分列中预设位置填充对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题时，通过调整对应的图片素材的像素宽与像素高、对应的图片素材与所述可填充内容区域的边距、对应的图片素材的注释与所述可填充内容区域的边距或所述文字素材的标题与所述可填充内容区域的边距，水平对齐所述分列的文字的行高。

较佳的，所述填充子模块22，还用于在所述文字素材的正文的段落的标签在第一模板和第二模板填充时，获取所述正文的段落的标签，在第一模板的可填充的内容区域的结束位置闭合所述正文的段落的标签，并在第二模板的可填充的内容区域的开始位置补全所述正文的段落的标签；和/或

在所述文字素材的正文的段落的标签在模板的第一分列和第二分列填充时，获取所述正文的段落的标签，在第一分列的可填充的内容区域的结束位置闭合所述正文的段落的标签，并在第二分列的可填充的内容区域的开始位置补全所述正文的段落的标签。

本发明实施例还提供一种杂志应用的排版系统，如图3所示，所述系统包括：后台服务器31、数据中心服务器32和客户端33；

后台服务器31，用于创建待排版的杂志应用并为待排版的杂志应用创建模板；获取图片素材和文字素材，根据所述创建的模板以及获取的图片素材和文字素材，生成对应的页面文件；

数据中心服务器32，用于存储后台服务器31生成的页面文件；

客户端33，用于向数据中心服务器32请求后台服务器31上传的页面文件，并显示所述页面文件对应的内容。

后台服务器31包括：杂志应用的排版模块311、杂志应用创建模块312和打包上传模块313；其中，

杂志应用的排版模块311，用于获取图片素材和文字素材，在当前选取模板中的预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定当前选取模板剩余的可填充的内容区域的高度；根据所述可填充的内容区域的高度，在当前选取模板的剩余的可填充的内容区域逐段填充所述文字素材的正文，直至当前选取模板填充完毕；将所述填充文字素材和图片素材的模板转换为页面文件；

杂志应用创建模块312，用于创建待排版的杂志应用并为待排版的杂志应用创建模板；

打包上传模块313，用于根据杂志应用的显示终端的显示屏的像素宽和像素高，压缩所述杂志应用的排版模块311填充至模板的图片素材，并将压缩后的图片素材和所述杂志应用的排版模块311生成的页面文件打包上传至数据中心服务器32。

其中，杂志应用的排版模块311进一步包括：获取子模块、填充子模块和转换子模块；各子模块功能与前述实施例所述相同。

下面以在运行Linux操作系统的服务器中，针对ipad2和ipad3两种终端进行杂志应用的排版为例，对本发明实施例提供的杂志应用的排版方法做进一步详细说明，具体如图4所示，包括以下步骤：

步骤401：获取文字素材和图片素材；

本步骤获取的文字素材以文章为单位，且获取的文字素材和图片素材可以由杂志应用的排版模块到素材上传系统获取，也可以由杂志应用的排版模块从素材数据库提供的接口获取。

步骤402：判断是否需要进行杂志应用排版，如果需要，执行步骤403；否则，执行步骤406；

如果需要，则表示需要杂志应用的排版模块对新获取的文字素材和图片素材进行杂志应用排版的处理；否则，表示需要杂志应用的排版模块对已进行杂志应用排版的处理结果进行更新维护；

步骤403：是否需要新增模板，如果需要，则执行步骤404，否则，执行步骤406；

步骤404：创建新模板；

步骤403中，如果杂志应用的排版模块需要新增模板，则指示杂志应用创建模块创建新模板。

本步骤中杂志应用创建模块还可以对已创建的模板进行修改。

步骤405：选取模板进行排版；

文字素材以文章为单位，相应的，杂志应用的排版模块对文字素材以文章为单位进行杂志应用排版，具体的：

当需进行杂志应用排版的文章为普通文章，即该文章的填充的模板数量不少于2个时，选取预设像素宽与图片素材的像素宽匹配的模板，或选取预设像素高与图片素材的像素高匹配的模板，所述图片素材与所述选取模板对应，在当前选取模板中的预设位置填充与当前模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定当前选取模板剩余的可填充的内容区域的高度；根据所述可填充的内容区域的高度，在当前选取模板的剩余的可填充区域逐段填充所述文章的正文，直至当前选取模板填充完毕；将所述填充文章和图片素材的模板转换为HTML页面文件；

当需进行杂志应用排版的一个或多个文章为不能完全填充满一个模板的短篇文章时，选择预设像素宽与图片素材的像素宽匹配的短篇文章模板，或选取预设像素高与图片素材的像素高匹配的短篇文章模板，所述图片素材与所述选取的短篇文章模板对应，在当前选取短篇文章模板中的预设位置填充与当前选取短篇文章模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并在内容区域填充所述一个或多个文字文章的正文，直至文章填充完毕，并将所述填充文章和图片素材的模板转换为HTML页面文件；

当对设计图进行排版时，在随机选取的模板中设定以拉取原始设计图的方式，在终端呈现所述设计图。

步骤406：判断是否需要添加交互模板，如果需要，则执行步骤407；否则，执行步骤408；

步骤407：以排版后的HTML页面文件的页为单位添加交互模板；

杂志应用的排版模块在所述HTML页面文件的页对应的模板上添加选取的交互模板，具体的处理与现有技术相同，不再赘述。

步骤408：根据ipad2、ipad3显示屏的像素宽和像素高压缩填充至值HTML页面文件对应模板的图片素材，并将压缩后的图片素材和HTML页面文件打包；

步骤409：打包后的数据包同步至数据中心服务器。

本发明实施例中执行步骤408和步骤409的打包上传模块运行Linux系统，因此可使用Linux内置的远程同步(Rsync，Remote synchronize)工具进行数据包的同步。

本发明实施例所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本发明各个实施例所述方法的全部或部分。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。这样，本发明实施例不限制于任何特定的硬件和软件结合。

相应的，本发明实施例还提供一种计算机存储介质，其中存储有计算机程序，该计算机程序用于执行本发明实施例的杂志应用的排版方法。

以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。

Claims (14)

1.一种杂志应用的排版方法，其特征在于，该方法包括：

获取图片素材和文字素材，在当前选取模板中的预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定当前选取模板剩余的可填充的内容区域的高度；所述模板的预设像素宽与所述图片素材的像素宽匹配，或者所述模板的预设像素高与所述图片素材的像素高匹配；

根据所述可填充的内容区域的高度，在当前选取模板的剩余的可填充的内容区域逐段填充所述文字素材的正文，直至当前选取模板填充完毕；

将所述填充文字素材和图片素材的模板转换为页面文件，并将填充至所述模板的图片素材根据杂志应用的显示终端的显示屏的像素宽和像素高进行压缩，将压缩后的图片素材和转换得到的页面文件作为所述杂志应用的排版结果；

其中，一个所述页面文件与压缩后的图片素材的数据包对应终端的一个阅读页面；

所述文字素材的正文的段落的标签在第一模板和第二模板填充时，获取所述正文的段落的标签，在第一模板的可填充的内容区域的结束位置闭合所述正文的段落的标签，并在第二模板的可填充的内容区域的开始位置补全所述正文的段落的标签；和/或，

所述文字素材的正文的段落的标签在模板的第一分列和第二分列填充时，获取所述正文的段落的标签，在第一分列的可填充的内容区域的结束位置闭合所述正文的段落的标签，并在第二分列的可填充的内容区域的开始位置补全所述正文的段落的标签。

2.根据权利要求1所述杂志应用的排版方法，其特征在于，所述在当前选取模板中的预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题之前，该方法还包括：选取预设像素宽与所述对应的图片素材的像素宽匹配的模板，或选取预设像素高与所述对应的图片素材的像素高匹配的模板。

3.根据权利要求1所述杂志应用的排版方法，其特征在于，根据所述可填充的内容区域的高度，在当前选取模板的剩余的可填充的内容区域逐段填充所述文字素材的正文，直至当前选取模板填充完毕，包括：

判断所述文字素材的当前待填充的段落，是否超出当前选取模板剩余可填充的内容区域的高度，如果未超出，则在当前选取模板的可填充的内容区域填充所述段落，并顺序判断下一段落是否超出当前选取模板剩余可填充的内容区域的高度；如果超出，则在当前选取模板的可填充的内容区域逐字填充当前待填充的文字素材的段落，直至当前选取模板填充完毕。

4.根据权利要求3所述杂志应用的排版方法，其特征在于，所述在当前选取模板的可填充的内容区域逐字填充当前待填充的文字素材的段落，直至当前选取模板填充完毕之后，该方法还包括：

选取下一模板，在选取的下一模板中的预设位置填充与所述选取的下一模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，确定选取的下一模板剩余的可填充的内容区域的高度；

在选取的下一模板剩余的可填充的内容区域填充上一模板逐字填充段落的未填充部分，并顺序判断下一段落是否超出选取的下一模板剩余的可填充的内容区域的高度，直至选取的下一模板填充完毕或所述文字素材的正文逐段填充完毕。

5.根据权利要求1所述杂志应用的排版方法，其特征在于，当前选取模板预设分列填充所述文字素材的正文，且所述分列中预设位置填充对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题时，该方法还包括：

在所述分列中的预设位置填充所述对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定所述分列中剩余的可填充的内容区域的高度，根据所述可填充的内容区域的高度，在所述分列中逐段填充所述文字素材的正文，直至所述分列填充完毕。

6.根据权利要求1所述杂志应用的排版方法，其特征在于，当前选取模板预设分列填充所述文字素材的正文，且所述分列中预设位置填充对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题时，该方法还包括：

通过调整所述对应的图片素材的像素宽与像素高、所述对应的图片素材与所述可填充的内容区域的边距、所述对应的图片素材的注释与所述可填充的内容区域的边距或所述文字素材的标题与所述可填充的内容区域的边距，水平对齐所述分列的文字的行高。

7.一种杂志应用的排版模块，其特征在于，该模块包括：获取子模块、填充子模块和转换子模块；其中，

所述获取子模块，用于获取图片素材和文字素材；

所述填充子模块，用于在当前选取模板中的预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定当前选取模板剩余的可填充的内容区域的高度；根据所述可填充的内容区域的高度，在当前选取模板的剩余的可填充的内容区域逐段填充所述文字素材的正文，直至当前选取模板填充完毕；

所述模板的预设像素宽与所述图片素材的像素宽匹配，或者所述模板的预设像素高与所述图片素材的像素高匹配；

所述转换子模块，用于将所述填充子模块填充文字素材和图片素材的模板转换为页面文件，并将填充至所述模板的图片素材根据杂志应用的显示终端的显示屏的像素宽和像素高进行压缩，将压缩后的图片素材和转换得到的页面文件作为所述杂志应用的排版结果；

其中，一个所述页面文件与压缩后的图片素材的数据包对应终端的一个阅读页面；

所述填充子模块，还用于在所述文字素材的正文的段落的标签在第一模板和第二模板填充时，获取所述正文的段落的标签，在第一模板的可填充的内容区域的结束位置闭合所述正文的段落的标签，并在第二模板的可填充的内容区域的开始位置补全所述正文的段落的标签；和/或，

在所述文字素材的正文的段落的标签在模板的第一分列和第二分列填充时，获取所述正文的段落的标签，在第一分列的可填充的内容区域的结束位置闭合所述正文的段落的标签，并在第二分列的可填充的内容区域的开始位置补全所述正文的段落的标签。

8.根据权利要求7所述杂志应用的排版模块，其特征在于，

所述填充子模块，还用于在当前选取模板中的预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题之前，选取预设像素宽与所述对应的图片素材的像素宽匹配的模板，或选取预设像素高与所述对应的图片素材的像素高匹配的模板。

9.根据权利要求7所述杂志应用的排版模块，其特征在于，

所述填充子模块，还用于判断所述文字素材的当前待填充的段落，是否超出当前选取模板剩余可填充的内容区域的高度，如果未超出，则在当前选取模板的剩余的可填充的内容区域填充所述段落，并顺序判断下一段落是否超出当前选取模板剩余可填充的内容区域的高度；如果超出，则在当前选取模板的可填充区域逐字填充当前待填充的文字素材的段落，直至当前选取模板填充完毕。

10.根据权利要求9所述杂志应用的排版模块，其特征在于，

所述填充子模块，还用于在当前选取模板的可填充的内容区域逐字填充当前待填充的文字素材的段落，直至当前选取模板填充完毕之后，在选取的下一模板中的预设位置填充与所述选取的下一模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，确定选取的下一模板剩余的可填充的内容区域的高度；

在选取的下一模板剩余的可填充的内容区域填充上一模板逐字填充段落的未填充部分，并顺序判断下一段落是否超出选取的下一模板剩余可填充的内容区域的高度，直至选取的下一模板填充完毕或所述文字素材的正文逐段填充完毕。

11.根据权利要求7所述杂志应用的排版模块，其特征在于，

所述填充子模块，还用于在当前选取模板预设分列填充所述文字素材的正文，且所述分列中预设位置填充与当前选取模板对应的图片素材、图片素材的注释和所述文字素材的标题时，在所述分列中的预设位置填充所述对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题，并确定所述分列中剩余的可填充的内容区域的高度，根据所述可填充的内容区域的高度，在所述分列中逐段填充所述文字素材的正文，直至所述分列填充完毕。

12.根据权利要求7所述杂志应用的排版模块，其特征在于，

所述填充子模块，还用于在当前选取模板预设分列填充所述文字素材的正文，且所述分列中预设位置填充与当前选取模板对应的以下内容的至少之一：图片素材、图片素材的注释和所述文字素材的标题时，通过调整所述对应的图片素材的像素宽与像素高、所述对应的图片素材与所述可填充内容区域的边距、所述对应的图片素材的注释与所述可填充内容区域的边距或所述文字素材的标题与所述可填充内容区域的边距，水平对齐所述分列的文字的行高。

13.一种杂志应用的排版系统，其特征在于，所述系统包括：后台服务器、数据中心服务器和客户端；该后台服务器包括如权利要求7-12任一项所述的杂志应用的排版模块；其中，

所述后台服务器，用于创建待排版的杂志应用并为待排版的杂志应用创建模板；获取图片素材和文字素材，根据所述创建的模板以及获取的图片素材和文字素材，生成对应的页面文件，并将填充至所述模板的图片素材根据杂志应用的显示终端的显示屏的像素宽和像素高进行压缩，将压缩后的图片素材和转换得到的页面文件作为所述杂志应用的排版结果；

在所述文字素材的正文的段落的标签在第一模板和第二模板填充时，获取所述正文的段落的标签，在第一模板的可填充的内容区域的结束位置闭合所述正文的段落的标签，并在第二模板的可填充的内容区域的开始位置补全所述正文的段落的标签；和/或，

在所述文字素材的正文的段落的标签在模板的第一分列和第二分列填充时，获取所述正文的段落的标签，在第一分列的可填充的内容区域的结束位置闭合所述正文的段落的标签，并在第二分列的可填充的内容区域的开始位置补全所述正文的段落的标签；

所述数据中心服务器，用于存储后台服务器生成的页面文件；

所述客户端，用于向数据中心服务器请求后台服务器生成的页面文件，并显示所述页面文件对应的内容；

其中，一个所述页面文件与压缩后的图片素材的数据包对应终端的一个阅读页面。

14.根据权利要求13所述杂志应用的排版系统，其特征在于，所述后台服务器还包括：

杂志应用创建模块，用于创建待排版的杂志应用并为待排版的杂志应用创建模板；

打包上传模块，用于将所述排版结果打包上传至数据中心服务器。