基于Web的可视化套打功能的设计与实现.PDFVIP

第２９卷第７期　　　 计算机应用与软件 Ｖｏｌ２９Ｎｏ．７ ２０１２年７月　　 ＣｏｍｐｕｔｅｒＡｐｐｌｉｃａｔｉｏｎｓａｎｄＳｏｆｔｗａｒｅ Ｊｕｌ．２０１２ 基于Ｗｅｂ的可视化套打功能的设计与实现 朱　敏 （淮海工学院计算机工程学院　江苏连云港２２２００５） 摘　要　　目前越来越多的信息系统采用Ｂ／Ｓ结构进行设计，基于Ｗｅｂ的打印输出一直被认为是浏览器的弱项。提出一种基于 ＨＴＭＬ、ＣＳＳ和ｊＱｕｅｒｙ在多种流行的浏览器中效果近于一致的可视化套打功能的实现方法。该套打功能用户操作简便，套打的效果 所见即所得，易于编程实现。解决了基于服务器端组件或客户端Ａｃｔｉｖｅｘ组件的方法难于编程且浏览器兼容性差的问题。 关键词　　Ｗｅｂ　套打　可视化编辑　浏览器 中图分类号　ＴＰ３９３．０９　　　　文献标识码　Ａ ＤＥＳＩＧＮＡＮＤＩＭＰＬＥＭＥＮＴＡＴＩＯＮＯＦＷＥＢＢＡＳＥＤＶＩＳＵＡＬＩＳＥＤ ＦＯＲＭＡＴＦＩＴＰＲＩＮＴＩＮＧＦＵＮＣＴＩＯＮ ＺｈｕＭｉｎ （ＳｃｈｏｏｌｏｆＣｏｍｐｕｔｅｒＥｎｇｉｎｅｅｒｉｎｇ，ＨｕａｉｈａｉＩｎｓｔｉｔｕｔｅｏｆＴｅｃｈｎｏｌｏｇｙ，Ｌｉａｎｙｕｎｇａｎｇ２２２００５，Ｊｉａｎｇｓｕ，Ｃｈｉｎａ） Ａｂｓｔｒａｃｔ　　ＭｏｒｅａｎｄｍｏｒｅｉｎｆｏｒｍａｔｉｏｎｓｙｓｔｅｍｓａｒｅｔｏｄｅｓｉｇｎｕｓｉｎｇＢ／Ｓｓｔｒｕｃｔｕｒｅａｔｐｒｅｓｅｎｔ，Ｗｅｂｂａｓｅｄｐｒｉｎｔｏｕｔｈａｓｂｅｅｎｒｅｇａｒｄｅｄａｓｔｈｅ ｗｅａｋｎｅｓｓｏｆｔｈｅｂｒｏｗｓｅｒｓ．Ａｒｅａｌｉｓａｔｉｏｎａｐｐｒｏａｃｈｆｏｒｖｉｓｕａｌｉｓｅｄｆｏｒｍａｔｆｉｔｐｒｉｎｔｉｎｇｆｕｎｃｔｉｏｎｉｓｐｒｏｐｏｓｅｄｉｎｔｈｅｐａｐｅｒ，ｗｈｉｃｈｉｓｂａｓｅｄｏｎ ＨＴＭＬ，ＣＳＳａｎｄｊＱｕｅｒｙ，ａｎｄａｃｈｉｅｖｅｓｖｅｒｙａｐｐｒｏｘｉｍａｔｅｖｉｓｕａｌｅｆｆｅｃｔｉｎｍａｎｙｐｏｐｕｌａｒｂｒｏｗｓｅｒｓ．Ｔｈｅｆｕｎｃｔｉｏｎｉｓｅａｓｙｔｏｂｅｕｓｅｄｂｙｔｈｅｕｓｅｒｓ ａｎｄｉｓｅａｓｙｔｏｐｒｏｇｒａｍ，ｔｈｅｅｆｆｅｃｔｏｆｉｔｓｆｏｒｍａｔｆｉｔｐｒｉｎｔｉｎｇｉｓＷＹＳＩＷＹＧ．Ｉｔｈａｓｓｏｌｖｅｄｔｈｅｐｒｏｂｌｅｍｔｈａｔｔｈｅｍｅｔｈｏｄｂａｓｅｄｏｎｓｅｒｖｅｒｓｉｄｅ ｃｏｍｐｏｎｅｎｔｓｏｒｏｎｃｌｉｅｎｔｓｉｄｅＡｃｔｉｖｅＸｃｏｍｐｏｎｅｎｔｓｉｓｄｉｆｆｉｃｕｌｔｔｏｐｒｏｇｒａｍａｎｄｌａｃｋｓｔｈｅｃｏｍｐａｔｉｂｉｌｉｔｙｉｎａｖａｒｉｅｔｙｏｆｂｒｏｗｓｅｒｓ． Ｋｅｙｗｏｒｄｓ　　Ｗｅｂ　Ｆｏｒｍａｔｆｉｔｐｒｉｎｔｉｎｇ　Ｖｉｓｕａｌｉｓｅｄｅｄｉｔ　ＷｅｂＢｒｏｗｓｅｒ 试的设计与实现方法。 ０　引　言 １　相关技术 在笔者为无线电通信爱好者开发的一个提供在线服务网站 的过程中，需要解决信封、卡片的套打问题。在用户输入地址等 １．１　ＨＴＭＬＤＯＭ 需要打印的数据后，可由用户根据自己的信封、卡片尺寸大小、 ＨＴＭＬＤＯＭ是 ＨＴＭＬＤｏｃｕｍｅｎｔＯｂｊｅｃｔＭｏｄｅｌ（文档对象模 需打印的项目来设计打印模板，然后按模板设计的效果将数据 型）的缩写。ＨＴＭＬＤＯＭ以树型结构来反映网页中各个元素对 套打在用户的信封和卡片上。经过查阅相关资料发现，目前涉 象的层级关系，可以通过 ＪａｖａＳｃｒｉｐｔ的 ｄｏｃｕｍｅｎｔ对象提供的 及基于浏览器进行套打的实现思路分为两类，一