js实现批量打印工资条,后台采用java开发(项目总结篇)

这个项目花费了不到一个月的时间,由于功能涉及到了批量打印,而之前也没有做过类似功能的项目,想重点记录一下。核心将会说一下js批量打印的具体实现。

先简单介绍一下项目的功能吧。

1.教师工资单的导入。

2.教师信息的管理(增,删,改,查)。

3.打印。

其实,1和2是一个整体,首先工资单导入时,Excel数据本身带有教师的相关信息,我只需要把教师信息读取出来,保存到教师表中即可,然后将工资单保存到另外的工资表中。这里需要注意的是,每次导入时,我会自动判断,将新增的教师添加到教师表中。(第一次导入时新增的教师就为Excel中的全部了)。打印时根据用户选择的教师去后台获取工资信息,并进行打印。

重点说一下打印功能吧。

在做打印时,在网上也查到了很多使用插件的,但后来我还是选择了浏览器自带的打印,用js就可以实现,完全够用了,简单方便,何乐而不为呢。

页面的整页打印,直接调用js中的window.print()就行了。

难的是我只需要打印一个工资条表格,而且是很多个表格(每个教师一个工资条,也就是一个表格),刚开始摸不着头脑,查了很多资料也不太会,后来咨询了许大神,给了点思路,然后结合网上的资料,终于搞定了。

局部打印的话,我需要将打印的内容放到一个标签中,然后打印标签里面的内容即可。因为有很多数据,我循环将这些数据输出到table中,那么问题来了,我输出了这么多table,如何批量,如何分页?其实很简单,就一句话:

This is the second DIV.

给标签设置style属性为STYLE="page-break-before:always"即可。遇到这个属性,会自动分页打印。也就是说,我每循环一个table,我就加一个属性,好了,完美搞定。

项目中间也遇到了很多问题,比如,js中使用jstl标签循环获取java后台的list数据时,因为没有加引号使得有些值改变的莫名其妙。还有,有些教师工资库可能只有部分月份的工资,而前端页面模板设定成1-12月的,刚开始想使用List数据结构来存储,发现自己前端很low,取数据又得搞老半天,后来想到了如果哪月缺失,我就给加上这个月的记录,将工资置空,这样,所有人都统一有12条数据了,就可以循环了。

先记录这些,免得以后又忘记了。

如果有朋友遇到实现批量打印方面的问题了,可以留言交流。代码我就不贴了。因为做过很多项目,却很少记录相关的东西,很多东西当时会了但时间久了就又忘记了。所以只是写给自己,不算是技术文章吧。

 

你可能感兴趣的:(项目总结)