在线打印设计的简单实现(1)

时间:2024-04-17 10:13:46

       在以前的工作中经常需要在web上套打证书,采用过各种方式的报表打印控件总是感觉不尽人意。在一个项目中尝试使用通过xml和xslt结合的方式生成html页面,然后使用浏览器进行打印,效果还比较理想,用户只用在浏览器的“页面设置”中进行简单的设置便可以很好的打印,发现该方式在用户打印样式固定的情况下表现还可以,当用户的证书格式、内容、布局出现变化调整相对比较麻烦。为了让用户自己定义打印模板,下面将描述具体的想法。

      UI选用:jquery-easyui-1.3.2

    模板布局场景为:进入设计界面、根据具体的证书模板样式添加具体的文本、矩形框和表格等要素,在需要通过具体数据填充的文本框和表格内添加预先定义好占位字符。在设计过程中能够调整添加页面元素的大小和页面的大小(使用单位为厘米cm),可以根据证书设计,一个证书中存在多个页面。

     打印场景:调用根据预定设计好的打印模板,生成打印页面后使用浏览器的打印功能进行打印。

    布局的简单原型界面如下:

image

   代码实现主要是使用easyui中的一些拖拽功能。