手把手教你web套打程序开发.doc

手把手教你 WEB 套打程序开发 WEB 套打可选方案不多, 理想的更少, 利用免费控件 Lodop+JavaScript 实现精确套打, 算是较为经典的选择。这种方案其实比较简单,利用一个 htm 文件就可以实现模板设计过程,几乎是“空手套”式的开发,但理解这几个步骤还是需要点时间,下面一步步详细演示说明: 第一步:建立一个空白的模板设计文件把以下超文本代码复制到一个本地 htm 文件中: 本文模拟 EMS 特快专递单的程序开发,文件起名为 ,权且称它为模板设计文件。第二步:用浏览器打开该文件在本地文件夹中双击该文件就可以打开, 但在进入设计之前, 你的机器需要安装 Lodop , 如果还没安装过, 请在如下地址下载安装文件( 解压 rar 后运行那个 exe 文件, Lodop 是一个 1M 左右的小文件): http://mt./samples/ 或 ./samples/ 第三步:准备设计成功安装 Lodop 之后再次打开模板设计文件 , 点击其中“模板设计”链接, 就弹出如下空白的打印设计窗口: 为了尽快定位模板中的数据位置, 你需要做一张票据扫描图作为背景, 当然没有扫描图也能完成, 只是需要多摸索几次,费点时间而已。下面是我做的 EMS 扫描图,你把该图另存成一个 jpg 文件,以便我们一起完成后面的演示步骤。第四步:装载背景图并调整图片大小在打印设计窗口,点下图所示的“装载背景图...”菜单,调入以上保存的 EMS 图片文件。装载背景图后,点上图所示的“调整背景图...”菜单,弹出下图“背景图调整”窗口,设定其中的图片宽度为 209mm, 高度 113mm 会自动变化。这个宽度值是我测量实际票据得来的。如果扫描图是按 1:1 比例获得的,那么调整背景图这一步就免了。第五步:添加数据内容,开始打印测试点下图所示“插入文本项”菜单, 添加打印内容, 内容项可以拖拉或精细调整, 基本对准之后, 点击“预览”按钮(注意旁边的“打印”按钮是收费功能,纸上会有水印,而“预览时的打印”按钮是完全免费的,我们用后者)。把内容打印到薄一点的白纸上, 然后在阳光下与真实票据透亮对比, 以最左最上的某个内容为基准, 其它内容远近调整,如此反复测试直到所有内容相互位置都对准。这一步先做到内容之间的相互位置对准,等下一步处理整体位置。第六步:整体对准由于打印机左边距或上边距不一定是零或票据边缘有误差, 所以尽管第五步打印出来的内容相互之间位置是准确的,但打印到真实票据上仍会整体偏离一些,需要进行整体位置调整。点击下图红圈所示的“纸钉”按钮, “纸钉”弹起后,整个设计版面就可以上下左右调整了,然后按上一步的办法打印测试, 直到整体对准成功。为了避免浪费票据, 打印时仍可用薄白纸测试, 注意此时透光对照时, 纸张的左边沿和上边沿要与票据对齐,通过观察内容的位置来判断是否整体对准。第七步:生成打印模板的程序代码套打测试成功后, 点击第五步图中所示的“生成程序代码”菜单, 出现下图结果, 这些代码就是我们需要的模板程序代码,把他们复制出来,准备融合到你的页面程序中使用。第八步:完成打印模板设计文件想不想知道