基于网页的表格文书分页打印方法、装置及其应用制造方法及图纸

技术编号:32971283 阅读:10 留言:0更新日期:2022-04-09 11:38
本申请提出了一种基于网页的表格文书分页打印方法,包括:依次打印每一预览区域时,获取当前预览区域、当前预览区域的第一像素高度以及当前预览区域中的所有模块;获取当前预览区域中每一模块的像素高度以及每一模块的顶部距离当前预览区域顶部的第二像素高度,确定当前预览区域中的目标模块以及目标模块的第三像素高度;获取目标模块内文字的文字行高,根据第三像素高度和文字行高计算第四像素高度,并将目标模块中的文字下移第四像素高度;打印当前预览区域,并将当前预览区域的后一预览区域作为新的当前预览区域继续进行打印。该方法将表格文书模块化,由浏览器内部实现终端解耦,且避免打印时表格内容被截断的问题。且避免打印时表格内容被截断的问题。且避免打印时表格内容被截断的问题。

【技术实现步骤摘要】
基于网页的表格文书分页打印方法、装置及其应用


[0001]本申请涉及前端
,特别是涉及一种基于网页的表格文书分页打印方法、装置及计算机程序产品。

技术介绍

[0002]数字化政务办公是现如今全国推行的政府数字化转型的重要实现方式,在浏览器内直接操作政务文书已经是的当下加快办事服务效率的重点项目。以数字化城市管理为例,现如今城市管理案件的立案到结案归档整个环节,已经全部在后台管理系统中在线操作完成,其中在线政务文书的预览及打印功能显得尤为重要。
[0003]目前网页打印功能较为普遍,其实现方式是在网页上利用浏览器自带的打印功能来进行网页内容打印。一种常见的打印方式是依赖浏览器中指定的插件进行打印,对浏览器的兼容性有较大的限制,且增加了使用者操作的繁琐程度,不便于使用和快速推广。另一种是使用浏览器原生的打印功能,例如使用window.print()打印整个网页内容,本身是不具有分页功能的,只会根据纸张或者预览区域的大小来将网页内容从上至下进行分页,也就是采用粗暴截断的方式直接将当前纸张或者当前预览区域无法容纳的内容截断至下一纸张或者下一预览区域,导致经常出现表格中的文字被截断,以至于网页内容打印展示不规范或者被截断的内容缺失的问题。

技术实现思路

[0004]本申请提供了一种基于网页的表格文书分页打印方法、装置及电子装置、计算机程序产品、可读存储介质。该方法通过将表格文书模块化,打印过程由浏览器内部实现打印机、多功能事务机等硬件终端解耦,无须考虑各种打印机型号、环境等外界因素,且避免打印时表格内容被截断的问题。
[0005]第一方面,本申请实施例提供了一种基于网页的表格文书分页打印方法,包括以下步骤:
[0006]获取网页上的待打印表格文书,根据所述待打印表格文书创建至少一预览区域,将所述待打印表格文书依次拆分成多个表格模块并渲染于每一所述预览区域;
[0007]依次打印每一所述预览区域时,获取当前预览区域以及当前预览区域的第一像素高度,其中所述当前预览区域为当前待打印的所述预览区域;
[0008]获取所述当前预览区域中每一所述表格模块的像素高度以及每一所述表格模块的顶部距离所述当前预览区域顶部的第二像素高度;
[0009]根据每一所述表格模块的所述像素高度、所述第二像素高度以及所述当前预览区域的所述第一像素高度,确定所述当前预览区域中的目标模块以及所述目标模块的第三像素高度;
[0010]获取所述目标模块内文字的文字行高,根据所述第三像素高度和所述文字行高计算第四像素高度,并将所述目标模块中的文字下移所述第四像素高度;
[0011]打印所述当前预览区域,并将所述当前预览区域的后一所述预览区域作为新的当前预览区域继续进行打印。
[0012]第二方面,本申请实施例提供了一种基于网页的表格文书分页打印装置,用于实现第一方面中所述的基于网页的表格文书分页打印方法,该装置包括以下模块:
[0013]渲染模块,用于获取网页上的待打印表格文书,根据所述待打印表格文书创建至少一预览区域,将所述待打印表格文书依次拆分成多个表格模块并渲染于每一所述预览区域;
[0014]获取模块,用于依次打印每一所述预览区域时,获取当前预览区域、当前预览区域的第一像素高度以及所述当前预览区域中的所有模块,其中所述当前预览区域为当前待打印的所述预览区域;
[0015]定位模块,用于获取所述当前预览区域中每一模块的像素高度以及每一模块的顶部距离所述当前预览区域顶部的第二像素高度,根据每一所述模块的所述像素高度、所述第二像素高度以及所述当前预览区域的所述第一像素高度,确定所述当前预览区域中的目标模块以及所述目标模块的第三像素高度;
[0016]调整模块,用于获取所述目标模块内文字的文字行高,根据所述第三像素高度和所述文字行高计算第四像素高度,并将所述目标模块中的文字下移所述第四像素高度;
[0017]打印模块,用于打印所述当前预览区域,并将所述当前预览区域的后一所述预览区域作为新的当前预览区域继续进行打印。
[0018]第三方面,本申请实施例提供了一种电子装置,包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器被设置为运行所述计算机程序以如上任意申请实施例所述的基于网页的表格文书分页打印方法。
[0019]第四方面,本申请实施例提供了一种计算机程序产品,所述计算机程序产品包括软件代码部分,当所述计算机程序产品在计算机上被运行时,所述软件代码部分用于执行如上任一申请实施例所述的基于网页的表格文书分页打印方法。
[0020]第五方面,本申请实施例提供了一种可读存储介质,所述可读存储介质中存储有计算机程序,所述计算机程序包括用于控制过程以执行过程的程序代码,所述过程包括根据如上任意申请实施例所述的基于网页的表格文书分页打印方法。
[0021]本申请实施例的主要贡献和创新点如下:
[0022]1.使用浏览器原生的打印功能,将打印过程与打印机、多功能事务机等硬件终端解耦,无须考虑各种打印机型号、环境等外界因素。
[0023]2.按照单元格的行数拆分成独立的表格模块,使用模块化的表格文书。一是可以根据业务需要选择显示或隐藏对应的表格模块;二是在打印分页时可以动态计算并调整表格模块的位置,改善浏览器原生的打印功能中由于没有分页调整功能而导致文书中的文字被截断的问题。
[0024]本申请的一个或多个实施例的细节在以下附图和描述中提出,以使本申请的其他特征、目的和优点更加简明易懂。
附图说明
[0025]此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申
请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
[0026]图1是根据本申请实施例的基于网页的表格文书分页打印方法的流程图;
[0027]图2是根据本申请实施例的网页的示意图;
[0028]图3是根据本申请实施例的分页过程中属性的示意图;
[0029]图4是根据本申请实施例的目标模块分页前的示意图;
[0030]图5是根据本申请实施例的表格文书分页打印的示意图;
[0031]图6是根据本申请实施例的基于网页的表格文书分页打印装置的结构框图;
[0032]图7是根据本申请实施例的电子装置的硬件结构示意图。
具体实施方式
[0033]这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本说明书一个或多个实施例相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本说明书一个或多个实施例的一些方面相一致的装置和方法的例子。
[0034]需要说明的是:在其他实施例中并不一定按照本说明书示出和描述的顺序来执行相应方法的步骤。在一些其他实施例中,其方法所包括的步骤可以比本说明书所描述的本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.基于网页的表格文书分页打印方法,其特征在于,包括以下步骤:获取网页上的待打印表格文书,根据所述待打印表格文书创建至少一预览区域,将所述待打印表格文书依次拆分成多个表格模块并渲染于每一所述预览区域;依次打印每一所述预览区域时,获取当前预览区域、所述当前预览区域的第一像素高度以及所述当前预览区域中的所有模块,其中所述当前预览区域为当前待打印的所述预览区域;获取所述当前预览区域中每一模块的像素高度以及每一模块的顶部距离所述当前预览区域顶部的第二像素高度,根据每一所述模块的所述像素高度、所述第二像素高度以及所述当前预览区域的所述第一像素高度,确定所述当前预览区域中的目标模块以及所述目标模块的第三像素高度;获取所述目标模块内文字的文字行高,根据所述第三像素高度和所述文字行高计算第四像素高度,并将所述目标模块中的文字下移所述第四像素高度;打印所述当前预览区域,并将所述当前预览区域的后一所述预览区域作为新的当前预览区域继续进行打印。2.根据权利要求1所述的基于网页的表格文书分页打印方法,其特征在于,所述目标模块的所述第二像素高度与所述像素高度之和大于当前预览区域的第一像素高度。3.根据权利要求1所述的基于网页的表格文书分页打印方法,其特征在于,所述目标表格的第三像素高度为所述第一像素高度减去所述目标模块的第二像素高度的差值。4.根据权利要求1所述的基于网页的表格文书分页打印方法,其特征在于,所述第四像素高度为所述第三像素高度除以所述文字行高的余数。5.根据权利要求1所述的基于网页的表格文书分页打印方法,其特征在于,打印所述当前预览区域时,所述目标模块被分为第一子模块和第二子模块,所述第一子模块位于所述当前预览区域,所述第二子模块位于相对于所述当前预览区域的后一所述预览区域;所述模块包括所述表格模块、所述第一子模块和所述第二子模块。6.根据权利要求1所述的基于网页的表格文书分页打印方法,其特征在于,“将所述目...

【专利技术属性】
技术研发人员:刘仿洪凯
申请(专利权)人:城云科技中国有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1