资源描述：
《手把手教你web套打程序开发》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、手把手教你WEB套打程序开发WEB套打可选方案不多，理想的更少，利用免费控件Lodop+JavaScript实现精确套打，算是较为经典的选择。这种方案其实比较简单，利用一个htm文件就可以实现模板设计过程，几乎是“空手套”式的开发，但理解这几个步骤还是需要点时间，下面一步步详细演示说明：第一步：建立一个空白的模板设计文件把以下超文本代码复制到一个本地htm文件中：窗体顶端窗体底端本文模拟EMS特快专递单的程序开发，文件起名为printEMS.htm，权且称它为模板设计文件。第二步：用浏览器打开该文件 在本地文件夹中双击该
2、文件就可以打开，但在进入设计之前，你的机器需要安装Lodop，如果还没安装过，请在如下地址下载安装文件(解压rar后运行那个exe文件，Lodop是一个1M左右的小文件)：http://mt.runon.cn/samples/install_lodop.rar或http://mtsoftware.v053.gokao.net/samples/install_lodop.rar第三步：准备设计成功安装Lodop之后再次打开模板设计文件printEMS.htm，点击其中“模板设计”链接，就弹出如下空白的打印设计窗口： 为了尽快
3、定位模板中的数据位置，你需要做一张票据扫描图作为背景，当然没有扫描图也能完成，只是需要多摸索几次，费点时间而已。 下面是我做的EMS扫描图，你把该图另存成一个jpg文件，以便我们一起完成后面的演示步骤。第四步：装载背景图并调整图片大小在打印设计窗口，点下图所示的“装载背景图...”菜单，调入以上保存的EMS图片文件。 装载背景图后，点上图所示的“调整背景图...”菜单，弹出下图“背景图调整”窗口，设定其中的图片宽度为209mm,高度113mm会自动变化。 这个宽度值是我测量实际票据得来的。如果扫描图是按1:1比例获得的
4、，那么调整背景图这一步就免了。第五步：添加数据内容，开始打印测试 点下图所示“插入文本项”菜单，添加打印内容，内容项可以拖拉或精细调整，基本对准之后，点击“预览”按钮（注意旁边的“打印”按钮是收费功能，纸上会有水印，而“预览时的打印”按钮是完全免费的，我们用后者）。 把内容打印到薄一点的白纸上，然后在阳光下与真实票据透亮对比，以最左最上的某个内容为基准，其它内容远近调整，如此反复测试直到所有内容相互位置都对准。 这一步先做到内容之间的相互位置对准，等下一步处理整体位置。第六步：整体对准 由于打印机左边距或上
5、边距不一定是零或票据边缘有误差，所以尽管第五步打印出来的内容相互之间位置是准确的，但打印到真实票据上仍会整体偏离一些，需要进行整体位置调整。 点击下图红圈所示的“纸钉”按钮，“纸钉”弹起后，整个设计版面就可以上下左右调整了，然后按上一步的办法打印测试，直到整体对准成功。为了避免浪费票据，打印时仍可用薄白纸测试，注意此时透光对照时，纸张的左边沿和上边沿要与票据对齐，通过观察内容的位置来判断是否整体对准。第七步：生成打印模板的程序代码 套打测试成功后，点击第五步图中所示的“生成程序代码”菜单，出现下图结果，这些代码就是我们
6、需要的模板程序代码，把他们复制出来，准备融合到你的页面程序中使用。第八步：完成打印模板设计文件想不想知道WEB套打有啥感觉？好，我们先做一个静态WEB页面爽一下：把第七步生成的程序代码，插入替换第一步的空白设计文件CreatePrintPage函数内，变成如下内容： 把以上内容复制到另外一个htm文件printEMS_OK.htm中，双击打开它，点其中的打印预览，就可以实现简单的WEB套打了。 以上八步基本完成了模板设计，并实现静态页面套打，但要把模板代码融合到实际的WEB程序中，还需要做些工作。第九步：模板程序代码的使
7、用把以上CreatePrintPage函数进行简单改造，原函数如下：functionCreatePrintPage(){ LODOP.PRINT_INITA(14,11,800,600,"套打EMS的模板"); LODOP.ADD_PRINT_TEXT(95,95,75,20,"寄件人姓名"); LODOP.ADD_PRINT_TEXT(123,148,194,20,"寄件人单位名称"); LODOP.ADD_PRINT_TEXT(158,101,238,35,"寄件人的详细地址"); LODOP.ADD
8、_PRINT_TEXT(92,446,75,20,"收件人姓名"); LODOP.ADD_PRINT_TEXT(122,496,208,20,"收件人单位名称"); LODOP.ADD_PRINT_TEXT(160,460,244,35,"收件人详细地址"); LODOP.AD
