一种中英文管理信息系统网站的设计模式

第２９卷第７期　

２０１２年７月　

计算机应用与软件　

Ｖｏ１．２９　Ｎｏ．７　

Ｃｏｍｐｕｔｅｒ　Ａｐｐｌｉｃａｔｉｏｎｓ　ａｎｄ　Ｓｏｆｔｗａｒｅ　

Ｊｕ１．２０１２　

一

种中英文管理信息系统网站的设计模式　

王敏　王智超　陈亚光　

（武昌理工学院信息工程学院湖北武汉４３０２２３）　

湖北武汉４３００７４）　（中南民族大学生物医学５１２程学院

摘要　中英文双语管理信息系统网站的开发通常采用两套代码两个数据库或者一套代码两套资源文件的开发模式，在软硬件　

开销、代码与信息分离和系统的维护性方面均存在不同程度的缺陷。为对应这一问题，对于页面的静、动态内容，在数据库表中分别　

设计两个字段来存放其中英文内容，通过数据库及程序设计，用一套代码一个数据库实现中英文双语网站的开发。　

关键词　双语网站　内容管理系统数据库静态内容动态内容　

中图分类号ＴＰ３１１．５２　文献标识码Ａ　

Ａ　ＤＥＳＩＧＮ　ＰＡＴＴＥＲＮ　ｏＦ　ＣＨＩＮＥＳＥ．ＥＮＧＬＩＳＨ　ＢⅡ　ＩＮＧＵＡＬ　Ｍ＿ＡＮＡＧＥＭＥＮＴ　

ＩＮＦｏＲＭＡＴＩｏＮ　ＳＹＳＴＥＭ　ＷＥＢＳＩＴＥ　

Ｗａｎｇ　Ｍｉｎ　Ｗａｎｇ　Ｚｈｉｃｈａｏ　Ｃｈｅｎ　Ｙａｇｕａｎｇ　

（Ｃｏｌｌｅｇｅ　ｏｆＩｎｆｏｒｍａｔｉｏｎＥｎｇｉｎｅｅｒｉｎｇ，Ｗｕｃｈａｎｇ　ＵｎｉｖｅｒｓｉｔｙｏｆＴｅｃｈｎｏｌｏｇｙ，Ｗｕｈａｎ　４３０２２３，Ｈｕｂｅｉ，Ｃｈｉｎａ）　

。（ＣｏｌｅｌｇｅｏｆＢｉｏｍｅｄｉｃａｌＥｎｇｉｎｅｅｒｉｎｇ，Ｓｏｕｔｈ．Ｃｅｎｔｒａｌ　ＵｎｉｖｅｒｓｉｔｙｆｏｒＮａｔｉｏｎａｌｉｔｉｅｓ，Ｗｕｈａｎ　４３００７４，肌　，Ｃｈｉｎａ）　

Ａｂｓｔｒａｃｔ　Ｉｎ　ｇｅｎｅｒａｌ，ｔｈｅ　ｄｅｖｅｌｏｐｍｅｎｔ　ｏｆ　ａ　Ｃｈｉｎｅｓｅ—Ｅｎｇｌｉｓｈ　ｂｉｌｉｎｇｕａｌ　Ｍａｎａｇｅｍｅｎｔ　Ｉｎｆｏｒｍａｔｉｏｎ　Ｓｙｓｔｅｍ　ｗｅｂｓｉｔｅ　ｕｓｕａｌｌｙ　ａｄｏｐｔｓ　ｔｈｅ　ｐａＲｅｒｎ　ｏｆ　

ｔｗｏ　ｃｏｄｅ　ｓｅｔｓ。ｔｗｏ　ｄａｔａｂａｓｅｓ！ｔ　ｏｒ　ｏｎｅ　ｃｏｄｅ　ｓｅｔ．ｔｗｏ　ｒｅｓｏｕｒｃｅ　ｆｉｌｅ　ｌｉｂｒａｒｉｅｓ　．Ｗｈｅｎ　ｕｓｉｎｇ　ｔｈｅｓｅ　ｍｅｔｈｏｄｓ　Ｉ　ｔｈｅｒｅ　ｔｉｌｅ　ｉｎｅｖｉｔａｂｌｙ　ｉｎｓｕｆｉｆｃｉｅｎｃｉｅｓ　ｉｎ　

ｓｏｆｔｗａｒｅ　ａｎｄ　ｈａｒｄｗａｒｅ　ｅｘｐｅｎｓｅｓ，ｃｏｄｅ　ａｎｄ　ｉｆｎｏｒｍａｔｉｏｎ　ｓｅｐａｒａｔｉｏｎｓ，ａｎｄ　ｓｙｓｔｅｍ　ｍａｉｎｔｅｎａｎｃｅ．Ｔｏ　ｒｅｓｏｌｖｅ　ｔｈｅ　ｐｒｏｂｌｅｍ，ｔｈｅ　ａｕｔｈｏｒｓ　ｄｅｓｉｇｎ　ｔｗｏ　

ｄａｔａ　ｆｉｅｌｄｓ　ｔｏ　ｓｔｏｒｅ　ｂｏｔｈ　Ｃｈｉｎｅｓｅ　ａｎｄ　Ｅｎｇｌｉｓｈ　ｉｎｆｏｒｍａｔｉｏｎ　ｔｏ　ｄｉｓｐｌａｙ　ｓｔａｔｉｃ　Ｏｒ　ｄｙｎａｍｉｃ　ｃｏｎｔｅｎｔｓ　ｉｎ　ｗｅｂ　ｐａｇｅｓ．Ｂｙ　ｄａｔａｂａｓｅ　ａｎｄ　ｐｒｏｇｒａｍ　ｄｅｓｉｇｎ，　

ｗｉｔｈ　ｏｎｌｙ　ｏｎｅ　ｃｏｄｅ　ｓｅｔ　ｐｌｕｓ　ｏｎｅ　ｄａｔａｂａｓｅ，ａ　Ｃｈｉｎｅｓｅ—Ｅｎｇｌｉｓｈ　ｂｉｌｉｎｇｕａｌ　ｗｅｂｓｉｔｅ　ｃａｎ　ｔｈｅｎ　ｂｅ　ｒｅａｌｉｚｅｄ．　

Ｋｅｙｗｏｒｄｓ　Ｂｉｌｉｎｇｕａｌ　ｗｅｂｓｉｔｅ　Ｃｏｎｔｅｎｔ　ｍａｎａｇｅｍｅｎｔ　ｓｙｓｔｅｍ　Ｄａｔａｂａｓｅ　Ｓｔａｔｉｃ　ｃｏｎｔｅｎｔ　Ｄｙｎａｍｉｃ　ｃｏｎｔｅｎｔ　

不利于系统的维护。　

０　引　言　

目前有一些内容管理系统（ＣＭＳ）能帮助人们快速进行网　

站建设　Ｊ。其中某些ＣＭＳ系统也支持中英文双语网站，但从实　

伴随互联网技术的迅速发展及企业国际化的发展需求，基　

现方法上看，不外乎上述两种方式，而对于管理信息系统的网　

于局域网范围的管理信息系统已不能满足国际化企业的管理需　

站，由于其业务逻辑较为复杂，采用ＣＭＳ并无优势。　

求，基于网站的管理信息系统是国际化企业实现企业一体化管　

为提高双语网站开发效率，提高系统的可维护性，我们提出　

理的有力支持。我国一些具有国际战略眼光的企业，不仅建立　

一

套基于ｃ＃的双语网站设计模式，利用数据库设计及编程技　

了企业品牌网站，而且还建设了网站外文版ｕ　。英语是当今世　

术，在设计中将页面显示内容与代码完全分离，用一套代码一个　

界上主要的国际通用语言之一，为了逾越系统使用者中文要求　

数据库来实现双语网站的开发。　

的限制以及企业业务的需要，建立中英文双语管理信息系统网　

站是企业实现国际化管理的有效途径　。　

１基于管理信息系统网站的特点　

曾经以ｃｓ模式开发的管理信息系统大多是采用微软的开　

发工具Ｍｉｃｒｏｓｏｆｔ　Ｖｉｓｕａｌ　Ｓｔｕｄｉｏ　６．０及之前的版本，因此ＢＳ模式　

互联网网站类型，按主体性质的不同主要分为政府网站、企　

的系统开发我们首选Ｍｉｃｒｏｓｏｆｔ　Ｖｉｓｕａｌ　Ｓｔｕｄｉｏ．Ｎｅｔ平台的ｃ＃进行　

业网站、商业网站、教育科研机构网站、个人网站、其他非盈利机　

开发。利用ｃ＃进行中英文双语网站开发，通常采用的方法有以　

构网站等，这些网站的特点是页面基本由大量的超级链接、较长　

下两种　：第一种是开发两套系统，即中英文系统自成体系，用　

篇幅的文本和较多的图片及动画组成。这些类型的网站页面内　

两套程序和两个数据库分别实现；第二种是使用一套程序，针对　

容较为复杂且页面内容维护频率较高，不适合用本文提出的方　

每个页面分别生成中英文两个资源文件以实现两种语言之间的　

式实现中英文网站开发。　

切换。数据库可以用两个，也可以用一个。第～种方法，实现容　

易，但是开发、测试及维护效率均很低下；第二种方法开发效率　

收稿日期：２０１１—１Ｏ—Ｏ３。王敏，副教授，主研领域：计算机应用，软　

相对较高，但由于存放中英文信息的资源文件与代码密不可分，　

件测试。王敏超，讲师。陈亚光，教授。　

ｌ９４　计算机应用与软件　２０１２丘　

图２附页面控件编号的页面　

３．２数据库相关表的设计　

本系统双语功能的实现主要借助于数据库设计。与常规设　

计模式不同的是：　

定义了一个“静态信息表”，在该表中定义了页面编号、页　

面控件编号、中文名称、英文名称等字段，主键为页面编号和页　

面控件编号，该表用来存放各个页面所有静态内容的中英文显　

示内容。　

对于需要双语管理的信息，在每一个数据库的表中分别设　

置了中英文两个字段来存放相应的信息。　

针对ｗｗＤＧｏ０１页面，静态信息表内容如表１所示。　

表１　ＷＷＤＧ００１静态信息表部分内容　

页面ＩＤ　页面控件编号　中文名称　英文名称　

ＷＷＤＧｏｏ１　＃ＮＡＯ１　ＭＥＮ００１　ＭＥＮ００１　

ＷＷＤＧｏｏ１　＃ＮＡ０２　商品管理页面　Ｍ　ｄｓｅ　Ｍａｓｔｅｒ　Ｍａｉｎｔｅｎａｎｃｅ　

ＷＷＤｃｏｏ１　ＦＩＤ１　商品编号　Ｍ　ｄｓｅ　Ｃｏｄｅ　

ＷＷＤＧ００１　＃ＦＬＯ２　商品名称　Ｍ　ｄｓｅ　Ｎａｉｎｅ　

ＷＷＤＧ０ｏ１　＃ＢＴ０５　登录　Ｕｐｄａｔｅ　

针对ＷＷＤＧＯ０１页面，其动态显示内容来自于商品管理表，　

内容如表２所示；页面动态消息和消息框消息也以中英文存放　

于消息管理表中，内容如表３所示。　

表２　ＷＷＤＧ００１商品管理裹部分内容　

商品编号　商品中文名　商品英文名　

１２３４５ＡＡ００５　ＩＸＹ数码５００／Ｗ盒　ＩＸＹ　Ｄｉｇｉｔａｌ　５００／Ｗ　ＣＡＳＥ　

表３　ＷＷＷＤＧ００１消息管理表部分内容　

消息编号　中文消息　英文消息　

＃ＭＥｏｏ１　登录成功！　Ｒｅｇｉｓｔｒａｔｉｏｎ　ｃｏｍｐｌｅｔｉｏｎ　

３．３静态信息管理的设计　

由于页面静态内容来自于“静态信息表”，因此，本系统还　

必须对静态信息进行统一管理，除了一般管理信息系统的业务　

功能设计外，为便于系统的管理和维护，增加了静态内容中英文　

信息的增、删、改、查功能。中英文页面显示内容如图３所示。　

Ｅｍ５　Ｉ品－键　

ＨＥＮＤ晒　№＾Ｉ蜉时№ｎ　腿　

自聃｛　１２３￣ｇｇｆ１０５　

Ｍ　∞ＯＤ　１２＂ＭＳｇ￣０５　

两冕皂聆　ⅨＹ融鞴５∞，ｗ盎　

女　№　Ⅲ　ＤＮｔ￣ａＩ　５０ｎ，ｗＣ＾ｓＥ　

圈　圈　

图３中英文页面示意图　

３．４　中英文显示内容对应的设计　

为了保持页面布局的美观和降低编程复杂度，设计时，依据　

常规数据大小，将页面显示项目的位置和大小设为固定值。由　

于英文信息比中文信息长，设计时以中文信息完全显示为主，兼　

顾英文的完全显示，对于中英文长度差别较大的页面项目（或　

太长的中英文显示项目），我们按照页面预留长度截取适当内　

容显示于页面，利用＜ａｃｒｏｎｙｍ＞Ｔａｇ，当鼠标置于未完全显示文　

字之上时使其以工具提示的方式显示全部内容。　

３．５页面语言选择的设计　

根据以下三方面决定各页面语言的切换：第～，系统启动　

时，启动用户登录页面，将根据用户所处区域决定打开系统登录　

页面的显示语言。第二，用户登录时，通过输入用户名和密码进　

入系统，系统根据用户名检索用户的语言标志，决定进入系统的　

显示语言。第三，各页面设置了语言切换按钮，用户可根据需要　

随时进行语言切换。为保证页面切换过程中显示语言的一致　

性，我们将语言标志设置在母版页ＷＷ．ＤＧＢａｓｅＭａｓｔｅｒＰａｇｅ．ｍａｓ．　

ｔｅｒ的不可视文本框中，利用ｃｏｎｔｅｘｔ．Ｈａｎｄｌｅｒ实现页面间的语言　

标志值的传递。　

４　双语对应的实现　

借助于用户信息中的语言标志和方便的ｉＢａｔｉｓ．Ｎｅｔ框架，　

能较好地控制中英文信息的增删改查操作，下面主要就页面　

ＷＷＤＧＢ１２０中英文静、动态内容获取描述系统的部分实现。　

４．１静态中英文内容的获取　

页面静态显示内容是在页面打开时根据语言标志动态设定　

的，为加快页面显示速度，页面静态内容在系统启动时，一次性　

从数据库读出待用。因此，我们在Ｇｌｏｂａ１．ａｓａｘ的Ａｐｐｌｉｃａｔｉｏｎ—　

Ｓｔａｒｔ事件中将所有静态内容从数据库读出保存于ＤａｔａＴａｂｌｅ对　

象中，抽出信息包括：页面编号、页面控件编号、中文名称和英文　

名称。在各页面初始显示时，以页面编号和语言标志为参数，从　

ＤａｔａＴａｂｌｅ对象中读取对应内容并显示。此外，执行过程中的中　

英文提示信息也采用同样的方式处理。程序如下：　

ｐｒｏｔｅｃｔｅｄ　ｖｏｉｄ　Ａｐｐｌｉｃａｔｉｏｎ

—

Ｓｔａｒｔ（ｏｂｊｅｃｔ　ｓｅｎｄｅｒ，ＥｖｅｎｔＡｒｇｓ　ｅ　

｛ｔｒｙ　

｛／／ＷＷＤＧＣＣｏｍｍｏｎ公用类实例化　

ＣｈｎＥｎ．ＷＷＤＧ．Ａｐｐ．Ｃｏｍｍｏｎ．ＷＷＤＧＣＣｏｍｍｏｎ　ｗｗｄｇＣＣｏｍｍｏｎ＝　

ｎｅｗ　ＣｈｎＥｎ．ＷＷＤＧ．Ａｐｐ．Ｃｏｍｍｏｎ．ＷＷＤＧＣＣｏｍｍｏｎ（）；　

／／ＧｅｔＬａｂｅｌｌｎｆｏ调用，取得静态信息　

ｗｗｄｇＣＣｏｍｍｏｎ．ＧｅｔＬａｂｅｌｌｎｆｏ（）；　

／／页面首部ＵＲＬ取得　

ｗｗｄｇＣＣｏｍｍｏｎ．ＧｅｔｈｅａｄｅｒＵｒｌ（）；　

／／ＧｅｔＭｅｓｓａｇｅＬｉｓｔ调用，取得执行过程中的提示信息　

ｗｗｄｇＣＣｏｍｍｏｎ．ＧｅｔＭｅｓｓａｇｅＬｉｓｔ（）；　

｝　

ｃａｔｃｈ（Ｅｘｃｅｐｔｉｏｎ　ｅｘ）　

｛ＣｈｎＥｎ．ＷＷＤＧ．Ａｐｐ．Ｃｏｍｍｏｎ．ＷＷＤＧＬｏｇ．ＧｅｔＬｏｇｇｅｒ（）．ｅｒｒｏｒＬｏｇ　

（ｎｕｌｌ，ｅｘ）；｝　

｝　

ＧｅｔＬａｂｅｌｌｎｆｏ中调用ｉＢａｔｉｓ，Ｎｅｔ框架的方法代码如下：　

ｐｕｂｌｉｃ　ＩＬｉｓｔ　ＧｅｔＬａｂｅｌＩｎｆｏ（）　

｛ｒｅｔｕｒｎ　ＳｑｌＭａｐ．ＱｕｅｒｙＦｏｒＬｉｓｔ（　ＧｅｔＡｌｌＬａｂｃｌ　，ｎｕｌ１）；｝ＸＭＬ文档　

中对应的ＳＱＬ语句如下：　

第７期　王敏等：一种中英文管理信息系统网站的设计模式　１９５　

＜ｓｅｌｅｃｔ　ｉｄ＝”ＧｅｔＡｌｌＬａｂｅｌ　ｒｅｓｕｌｔＣｌａｓｓ＝”Ｈａｓｈｔａｂｌｅ”＞　

ｔｈｉｓ．ＬｂｌＶａｌｉｄＦｌｇ．Ｔｅｘｔ＝（ｓｔｒｉｎｇ）ｌａｂｌｅＴａｂｌｅ【，，＃ＦＬ１２”］；　

ＳＥＬＥＣＴ　

ｔｈｉｓ．ＬｂｌＮｉＨｏＧｏ．Ｔｅｘｔ＝（ｓｔｉｒｎｇ）ｌａｂｌｅＴａｂｌｅ［＂＃ＮＡ０１”］；　

ＳＣＲＥＥＮ

ＩＤ，　

—．

ｔｈｉｓ．ＬｂｌＥｎ．Ｔｅｘｔ＝（ｓｔｒｉｎｇ）ｌａｂｌｅＴａｂｌｅ［＂＃ＮＡ０２”］；　

ＩＴＥＭ

—

ＡＬＩＡＳ，　

ｔｈｉｓ．ＬｂｌＩｔｅｍＣＤ．Ｔｅｘｔ＝（ｓｔｒｉｎｇ）ｌａｂｌｅＴａｂｌｅ［＂＃ＦＬＯ１　］；　

ＮＥＣＥＳＳＡＬＹ

—

ＦＬＧ，　

ｔｈｉｓ．ＬｂｌＩｔｅｍＣａｔｅｇｏｒｙ．Ｔｅｘｔ＝（ｓｔｉｒｎｇ）ｌａｂｌｅＴａｂｌｅ［＂＃ＦＬ０２　］；　

ＬＡＢＥＬ

……

＿

Ｃ，　

（略）　

ＬＡＢＥ　Ｅ　

｝　

ＦＲＯＭ　

４．２动态中英文内容的获取　

ＷＷＤＧＴ３０５　

在上面的ＤｏＭｙＰａｇｅＬｏａｄ方法中调用的ＧｅｔＤａｔａ方法即是　

０ＲＤＥＲ　ＢＹ　

ＳＣＲＥＥＮ

完成中英文动态内容处理的方法，代码如下：　

—

ＩＤ　

＜／ｓｅｌｅｃｔ＞　

ｐｒｉｖａｔｅ　ｖｏｉｄ　ＧｅｔＤａｔａ（ｓｔｉｒｎｇ　ｓｔｒｈｅｍＣＤ）　

各页面打开时，按照各自的页面ＩＤ读取静态内容显示：　

ＤａｔａＴａｂｌｅ　ｉｌＤｅｔａｉｌ＝ｎｅｗ　ＤａｔａＴａｂｌｅ（）；　

ＩｔｅｍＤｅｆｉｎｉｔｉｏｎＳｅｒｖｉｅｅ　ｓｅｒｖｉｃｅ：＝ｎｅｗ　Ｉ　（）；　

ｎａｍｅｓｐａｃｅ　ＣｈｎＥｎ．ＷＷＤＧ．Ｉｎｆｏ．Ｒｅｇ　

ｉｌＤｅｔａｉｌ＝ｓｅｒｖｉｃｅ。ＧｅｔＤｅｔａｉｌＤａｔａ（ｕｓｅｒｌｎｆｏｒ，ｓｔｒｌｔｅｍＣＤ）；　

｛ｐｕｂｌｉｃ　ｐａｒｔｉａｌ　ｃｌａｓｓ　ＷＷＤＧＢ１２０：ＷＷＤＧＣＢａｓｅＷｅｂＰａｇｅ　

……

（略）／／页面动态内容设定处理　

｛ｐｒｏｔｅｃｔｅｄ　ｏｖｅｒｒｉｄｅ　ｖｏｉｄ　ＤｏＭｙＰａｇｅＬｏａｄ（ｏｂｊｅｃｔ　ｓｅｎｄｅｒ，ＥｖｅｎｔＡｒｇｓ　ｅ）　

　｝

｛ＳｃｒｅｅｎｌＤ：ＷＷＤＧＣＣｏｎｓｔａｎｔｓ．Ｍ—ＷＷＤＧＢ１２０ｊＤ；　

ｓｅｒｖｉｃｅ．ＧｅｔＤｅｔａｉｌＤａｔａ代码如下：　

ｉｆ（！ＩｓＰｏｓｔＢａｃｋ）　

｛　

ｐｕｂｌｉｃ　ＩＬｉｓｔ　ＧｅｔＤｅｔａｉｌＤａｔａ（Ｕｓｅｒｌｎｆａｒ　ｕｓｅｒ，Ｓｔｉｒｎｇ　ｓｔｒｈｅｍＣＤ）　

／／登录页面经过检查　

｛ＩＬｉｓｔｌｉｓｔ＝ｎｕｌｌ；　

ｉｆ（ｕｓｅｒ．Ｌａｎｇｕａｇｅ）　

Ｃｈｅｅｋｌｎｉｔ（ＷＷＤＧＣＣｏｎｓｔａｎｔｓ．Ｍ—ｌＷＷＤＧＢ１２０ｊＤ）；　

Ｓｔｉｒｎｇ　ｓｔｒｌｔｅｍＣＤ＝Ｒｅｑｕｅｓｔ．ＱｕｅｒｙＳｔｒｉｎｇ［，，ＩｔｅｍＩｄ”］；　

｛ｌｉｓｔ＝ＳｑｌＭａｐ．ＱｕｅｒｙＦｏｒＬｉｓ！（　ＷＷＤＧＢ１２０一ＳｅｌｅｃｔＣＮ　，ｓｔｒｈｅｍ－　

ＣＤ）；｝　

／／静态内容设定　

ｅｌｓｅ　

ｔｈｉｓ．ＳｅｔＬａｂｅｌＮａｍｅ（）；　

｛ｌｉｓｔ＝ＳｑｌＭａｐ．ＱｕｅｒｙＦｏｒＬｉｓｌ（　ＷＷＤＧＢ１２０一ＳｅｌｅｃｔＥＮ”，ｓｔｒｌｔｅｍ－　

／／下拉列表框内容设定　

ＣＤ）；｝　

ＧｅｔｌｔｅｍＤａｔａ（）；　

ｒｅｔｕｒｎ　ｌｉｓｔ；　

／／页面内容初始化　

ｉｆ（ｓｔｒｈｅｍＣＤ＝＝ｎｕｌ１）　

｛ＳｅｔＢｕｔｔｏｎＥｎａｂｌｅ（ｔｒｕｅ，ｆａｌｓｅ，ｆｌａｓｅ，ｆａｌｓｅ）；｝　

对应ＸＭＬ文档中的ＳＱＬ语句如下：　

＜ｓｅｌｅｃｔ　ｉｄ＝　ＷＷＤＧＢ１２０

ＳｅｌｅｅｔＣＮ”ｒｅｓｕｈＣｌａｓｓ＝　Ｈａｓｈｔａｂｌｅ　ｐａｒａｍｅ—　

ｅｌｓｅ　

ｔｅｒＣｌａｓｓ＝”Ｓｔｉｒｎｇ　＞　

｛ＧｅｔＤａｔａ（ｓｔｒｌｔｅｍＣＤ）；　

ＳＥＬＥＣＴ　

ＳｅｔＢｕｔｔｏｎＥｎａｂｌｅ（ｆａｌｓｅ，ｔｒｕｅ，ｔｒｕｅ，ｔｕｒｅ）；｝　

Ｔ２０１．ＶＡＬＩＤ

—

ＦＬＧ　ＶＡＬＩＤ

—

ＦＬＧ，　

ｓｅｔＳｔａｔｕｓ（ＤｄｌＩｔｅｍＫｉｎｇ．ＳｅｌｅｅｔｅｄＶａｌｕｅ，ＤｄｌＬｅｖｅ１．Ｓｅｌｅｃｔｅｄ－　

Ｖａｌｕｅ）；　

Ｔ２０１．ＩＴＥＭ

—

ＮＡＭＥＪ　ＩＴＥＭ—ＮＡＭＥ—Ｃ，　

／／页脚设定　

Ｔ２０１．ＤＩＳＰ　ＦＬＧｊ　ＤＩＳＰ…ＦＬＧ　Ｃ，　

Ｍａｓｔｅｒ．ＳｅｔＦｏｏｔｅｒ（ＷＷＤＧＣＣｏｎｓｔａｎｔｓ．Ｍ—ＷＷＤＧＢ１２０一ＩＤ，０）；　

｝　

１２Ｏ１Ｊ　ＤＩＶＩＳＩＯＮ

—

ＣＤ　ＤＩＶＩＳＩＯＮ—ＣＤ　

ｅｌｓｅ　

ＦＲＯＭ　

｛　

ＷＷＤＧＴ２Ｏ１　Ｉ２Ｏ１　

／／Ｓｅｓｓｉｏｎ超时检查　

ＷＨＥＲＥ　

ＣｈｅｃｋＳｅｓｓｉｏｎ（）；　

Ｉ２０１．ＩＴＥＭ

—

ＣＤ＝＃ＶＡＩ　ＵＥ＃　

｝　

＜／ｓｅｌｅｃｔ＞　

／／返回按钮按下时　

‘ｓｅｌｅｃｔ　ｉｄ＝　ＷＷＤＧＢ１２０

一

ＳｅｌｅｅｔＥＮ　ｒｅｓｕｌｔＣｌｓａｓ＝　Ｈａｓｈｔａｂｌｅ　ｐａｒａｍｅ・　

ｔｌｌｉｓ．ＳｔｒＢａｃｋＵｒｌ＝ＷＷＤＧＣＣｏｎｓｔａｎｔｓ．Ｍ

—

ＷＷＤＧＢ１　１０

一

ＩＤ＋　

ｔｅｒＣｌａｓｓ＝　Ｓｔｉｒｎ毫ｆ＞　

ＷＷＤＧＣＣｏｎｓｔａｎｔｓ．Ｍ

—

ＥＸＴＥＮＳＩＯＮ；　

ＳＥＬＥＣＴ　

Ｓｅｔ

—

Ｃｌｉｅｎｔ，Ｓｃｒｉｐｔ（）；　

３＂２０１．ＶＡＬＩＤ

—

ＦＬＧ　ＶＡＬＩＤ

—

ＦＬＧ，　

｝　

静态内容设定处理如下，即根据页面ＩＤ读取系统启动时从　

Ｔ２０１．ｒｒＥＭ

ＮＡＭＥ

Ｅ　ＩＴＥＭ

—

ＮＡＭＥ

—

Ｅ，　

——

数据库读取的静态信息（ＧｅｔＬａｂｅｌｌｎｆｏＢｙＳｃｒｅｅｎｌｄ）并设置于该页　

Ｔ２Ｏ１．ＤＩＳＰ

ＦＬＧＥ　ＤＩＳＰＦＬＧ

Ｅ，　

—

——

面标签中显示：　

ｐｒｉｖａｔｅ　ｖｏｉｄ　ＳｅｔＬａｂｅｌＮａｍｅ（）　

Ｔ２０１．ＤＩＶＩＳＩＯＮ

—

ＣＤ　ＤＩＶＩＳＩＯＮ—ＣＤ　

｛ＷＷＤＧＣＣｏｍｍｏｎ　ｗｗｄｇＣＣｏｍｍｏｎ＝ｎｅｗ　ＷＷＤＧＣＣｏｍｍｏｎ（）；　

ＦＲ０Ｍ　

Ｈａｓｈｔａｂｌｅ　ｌａｂｌｅＴａｂｌｅ＝ｗｗｄｇＣＣｏｍｍｏｎ．ＧｅｔＬａｂｅｌｌｎｆｏＢｙＳｃｒｅｅｎｌｄ　

ＷＷＤＣ１２Ｏ１　ＴＩ２０１　

（ｗｗＤＧＣＣｏｎｓｔａｎｔｓ．Ｍ　ＤＧＢ１２０一ＩＤ，ＩＳＣｈｎ）；　

ＷＨＥＲＥ　

／／母版页静态内容设定　

０１．ＩＴＥＭ

ＣＤ＝＃ＶＡＩ　ＵＥ＃　

—

Ｍａｓｔｅｒ．ＳｅｔＣｏｍｍｏｎＬａｂｅｌｓ（１ａｂｌｅＴａｂｌｅ）；　

＜／ｓｅｌｅｃｔ＞　

／／静态内容设定　

（下转第１９９页）　

第７期　朱敏：基于Ｗｅｂ的可视化套打功能的设计与实现　１９９　

用中应该为每一个数据项所在的＜ｄｉｖ＞元素赋予鼠标事件的　

用户对打印机纸张的尺寸、页边距等打印属性设置的学习时间。　

响应代码。同样可通过服务器端脚本的循环语句来实现。　

当用户完成模板的编辑后，点击“保存”按钮即可将表单中　

参考文献　

数据项的相关数据写入到数据库中。　

［１］单东林，张晓菲，魏然．锋利的ｊＱｕｅｒｙ［Ｍ］．北京：人民邮电出版　

３．４打印输出　

社，２００９．　

在实际打印页面，只输出编辑页面中的ｐｒｉｎｔｐａｎｅｌ元素，该　

［２］朱印宏，林小志．精通ＣＳＳ网页布局［Ｍ］．北京：中国电力出版　

元素及内部的数据项输出内容与编辑页面相同，但不再输出辅　

社，２００９．　

助用户编辑数据项位置的对照图片或网格，在ｄｏｃｕｍｅｎｔ对象的　

［３］李永锋，谷川．一种模板化的ｗｅｂ打印方法的设计与实现［Ｊ］．计　

ｒｅａｄｙ事件匿名函数代码中，最后一行追加ｗｉｎｄｏｗ．ｐｒｉｎｔ（）；语　

算机应用与软件，２０１０，２７（４）：１１８—１１９．　

句，即可在打印页面准备完成后，自动弹出浏览器的打印对话　

［４］郭军军，刘刚．一种基于Ｊ２ＥＥ平台的通用ＷＥＢ票据打印服务技　

框，便于用户完成打印。图４是ｐｒｉｎｔｐａｎｅｌ元素及其内部的数据　

术［Ｊ］．计算机应用与软件，２０１０，２７（６）：１６３—１６４，１６８．　

项在ＩＥ７浏览器中的实际输出效果。　

［５］郑武，郑文旺．Ｗｅｂ报表的设计与实现［Ｊ］．电脑编程技术与维护，　

２００９（２２）：７３—７５．　

［６］吴成明，张彬桥．Ｂ／Ｓ模式下的发票套打解决方案［Ｊ］．电脑编程技　

术与维护，２００７（５）：ｌ２—１４．　

（上接第１９５页）　

以上是中英文静、动态内容读取显示的代码实现，也是本中　

英文双语网站开发的主要部分．．在页面刷新时均会涉及上述处　

理，对于中英文信息的登录、修改、删除处理实现相对简单，省略　

描述。　

图４　ＩＥ７浏览器中的实际打印效果　

图４中ｐｒｉｎｔｐａｎｅｌ元素的宽度与高度的样式值是物理单位　

５　结语　

ｅｍ，遵循ＣＳＳ３标准的浏览器能够根据操作系统的显示分辨率　

在显示器上输出与用户编辑模板时指定的物理宽度与高度相同　

本设计模式在１３本Ｃａｎｏｎ打印机及配件法规制管理系统的　

的ｐｒｉｎｔｐａｎｅｌ元素，在有些非标准的显示器上，可能显示的宽度、　

日英双语网站开发中使用，成功地实现了日英文双语网站的开　

高度的绝对值与实物有些差别，但是ｐｒｉｎｔｐａｎｅｌ元素中的数据项　

发，实际使用证明其性能良好、维护方便。由于同一内容日英文　

的相对位置与大小比例是不变的，同时，绝大多数打印机的驱动　

文字长短差异较大，而设计中主要以日文内容完全显示为主，因　

程序都提供按照当前所选纸张的物理尽寸进行缩放打印的功　

此部分英文页面存在显示内容：不完整的现象，只能通过鼠标悬　

能，当ｐｒｉｎｔｐａｎｄ元素被按比例缩放到相同物理尺寸的纸张打印　

停提示的方式显示全部内容，有待寻找一种更好的方法解决这　

区域上以后，数据项的打印位置与大小仍然与用户编辑数据项　

一

现象，以求美观和内容完全显示。　

时在对照实物照片上的位置与大小相同。　

基于上述原因，用户在实际打印时需要根据编辑模板时输　

参考文献　

入的物理尺寸来设置打印机的纸张大小与页边距，为便于页边　

［１］舒咏平，王伟玮．缺憾的自主传播——自主品牌网站英文版的实证　

距的调整，用户可以设置所有页边距为ｌｃｍ，同时采用自定义方　

分析［Ｊ］．现代传播：中国传媒大学学报，２０１０（６）：ｌｌ７一ｌ１８．　

式将打印机纸张宽度、高度设置为实物宽、高再加上２ｃｍ，使得　

［２］张亚娟，付辉，王学春．基于动态技术的多语言网站研究与设计　

纸张的打印区域与实物大小一致。用户可通过浏览器的打印预　

［Ｊ］．现代计算机：专业版，２０１０（３）：１２８—１３０．　

览窗口调整页边距来解决轻微的数据项整体偏移问题。　

［３］肖治国．基于Ｊ２ＥＥ的内容管理系统的研究与开发［Ｄ］．北京：中国　

综上所述，通过利用浏览器、操作系统、打印机驱动程序对　

航天第二研究院，２００８．　

打印标准的支持，解决了在不同浏览器、打印机间进行精确定位　

［４］Ｌｉｕ　Ｄｏｎｇｆｅｉ，Ｓｕ　Ｂｉ．Ｒｅｓｅａｒｃｈ　ｉｎ　ｉｄｅｎｔｉｉｆｃａｔｉｏｎ　ａｎｄ　ｐｕｒｉｆｉｃａｔｉｏｎ　ｏｆ　ｔｈｅ　ｂｉ．　

打印输出的问题。经笔者实验，套打的效果令人满意。　

１ｉｎｇｕａｌ　ｗｅｂ　ｐａｇｅ［Ｊ］．Ｉｎｔｅｒｎａｔｉｏｎａｌ　Ｃｏｌｌｏｑｕｉｕｍ　Ｏｉｌ　Ｃｏｍｐｕｔｉｎｇ，Ｃｏｍｍｕ－　

ｎｉｃａｔｉｏｎ，Ｃｏｎｔｒｏｌ，ａｎｄ　Ｍａｎａｇｅｍｅｎｔ．ＵＳＡ：ＩＳＥＣＳ　Ｐｒｅｓｓ。２００８：５７６　

—

５７９．　

４　结语　

［５］陈伟．双语平行网页挖掘系统的设计与实现［Ｊ］．计算机工程，　

２００９（７）：２６７８—２６９０．　

本文所提出的套打功能完全采用了基于浏览器的客户端技　

［６］Ｒｕｉｑｉａｎｇ　Ｚ．Ａｃｈｉｌｌｅｓ：Ａ　Ｃｈｉｎｅｓｅ　ｗｏｒｄ　Ｓｅ￣ｅｎｔａｔｉｏｎ　Ｐ１０鲫ｌ［ＥＢ／ＯＬ］．　

术，不需要在客户端安装浏览器插件或其它软件。用户数据的　

２ＯＯ８．ｈｔｔｐ：／／ｗｗｗ．ｓｉｃ．ａｔｒ．ｊｐ／～ｒｚｔｍｎｇ／Ａｃｈｉｌｌｅｓ．ｈｔｍ１．　

存储与输出可通过ＰＨＰ、ＪＳＰ、ＡＳＰ、ＡＳＰ．ＮＥＴ等Ｗｅｂ动态编程　

［７］Ｒｕｉｑｉａｎｇ　Ｚ，Ｇｅｎｉｃｈｉｒｏ　Ｋ，Ｅｉｉｃｈｉｒｏ　Ｓ．Ｓｕｂｗｏｒｄ・ｂａｓｅｄ　Ｔａｇｇｉｎｇ　ｆｏｒ　Ｃｏｎｆｉ－　

技术实现，不依赖特定的Ｗｅｂ服务器端技术，在ＩＥ、Ｆｉｒｅｆｏｘ、　

ｄｅｎｃｅ－ｄｅｐｅｎｄｅｎｔ　Ｃｈｉｎｅｓｅ　Ｗｏｒｄ　Ｓｅｇｍｅｎｔａｔｉｏｎ［ｃ］／／Ｐｒｏｃｅｅｄｉｎｇｓｏｆ　ｔｈｅ　

Ｃｈｒｏｍｅ等浏览器中都能获得很好的套打效果，实现代码简洁高　

ＣＯＬＩＮＧ／ＡＣＬ　ｏｎ　Ｍａｉｎ　Ｃｏｎｆｅｒｅｎｃｅ　Ｐｏｓｔｅｒ　Ｓｅｓｓｉｏｎｓ．Ｓｙｄｎｅｙ，Ａｕｓ￣ａｌｉａ，　

２００６：１９３—１９６．　

效，易于移植与维护，因此适用范围广泛，具有很强的实用性。　

［８］姜银熔，张勇．网站开发与设计［Ｊ］．信息与电脑：理论版，２０１ｌ　

考虑到不同浏览器打印功能的操作方法有所差别，在Ｗｅｂ站点　

（１）：４６．　

中向用户提供针对常见浏览器的套打功能使用帮助，可以减少　

［９］Ｄｒ　Ｉｎｔｅｎｒａｔｉｏｎａ１．国际化软件开发［Ｍ］．机械工业出版社，２００３．