2024年6月21日发(作者：)

图书馆学刊　２０１１年第６期　

ＴＵＳＨＵＣＵＡＮＸＵＥＫＡＮ　Ｎ０．６，２Ｏｌ　ｌ　

基于ＡＳＰ和Ａｊａｘ硇音像管理系统设计与实坝　

黄悦深　

（五邑大学图书馆，广东江门５２９０２０）　

【摘要】为促进馆藏音像资料的管理和利用，提出了应用ＡＳＰ构建音像管理系统的思路，分析了系统架构、业务流　

程、框架式用户界面、音像管理模块、基于Ａｊａｘ的音像查询模块的实现方法。最后探讨了本系统与ＯＰＡＣ的集成应用。　

【关键词】ＡＳＰ　Ａｊａｘ音像资料管理　系统　

【分类号１Ｇ２５０．７１　

图书馆应用信息技术，根据馆藏情况自建数据库，为用　库采用微软Ａｃｃｅｓｓ　２００３。服务器和数据库之间的连接采用　

户提供信息服务正是潮流所趋。为了提高本馆音像资料的管　

ＡＤＯ（ＡｃｔｉｖｅＸ　Ｄａｔａ　Ｏｂｊｅｃｔｓ）组件。ＡＤＯ是微软公司的一个用　

理效率，让用户随时了解馆藏音像情况，笔者设计了一个音　

于存取数据源的ＣＯＭ组件，它提供了编程语言和统一数据访　

像管理系统。该系统以ＡＳＰ为搭建平台，构建了音像信息编辑　

问方式的一个中间层，允许开发人员编写访问数据的代码而　

器，实现了在线动态发布和音像信息维护，并建立了基于Ａ５ａｘ　不用关心数据库是如何实现的　。ＡＳＰ、ＡＤＯ、Ａｃｃｅｓｓ三方协同　

的音像查询功能。　

运作，共同构建起音像管理系统的后台运作体系。ＡＳＰ负责接　

１　ＡＳＰ￣ＯＡｉａｘ应用简介　

收客户端请求，处理逻辑代码，发起ＡＤＯ调用，返回结果页　

面，它是整个业务流程的调度中心。ＡＤＯ是连接服务器和数　

ＡＳＰ全称Ａｃｔｉｖｅ　Ｓｅｗｅｒ　Ｐａｇｅ，是微软公司开发的基于　

据库的接口，它负责连接数据库以及执行ＳＱＬ操作。Ａｃｃｅｓｓ是　

Ｗｉｎｄｏｗｓ　ＮＴ　Ｓｅ￣ｅｒ和ＩＩＳ的服务器端脚本编写环境。它具有　

数据存储中心。系统的完整架构和运作过程如图ｌ所示。　

无须编译，直接执行；易于编写；与数据库连接简便；源代码　

保密等优点［１１。ＡＳＰ提供了６组内置对象，应用于常见的Ｗｅｂ事　

①查询请　

创建并调　ＳＱＬ查询　

务处理，包括收集浏览器请求信息、响应浏览器以及存储用　

调查墅墨　

户信息等。ＡＳＰ支持ＶＢＳｃｒｉｐｔ和ＪａｖａＳｃｒｉｐｔ脚本语言编写。在实　

Ｗｉｎｄｏｗ　ｓｅｒｖｅｒ＋ｌＩｓ｝．＿———　组件卜．——　Ａｃｃｅｓｓ　

数据序　

际开发中，开发者使用脚本语言结合调用ＡＳＰ内置对象，编写　

果页面　

具体的逻辑处理过程。ＡＳＰ简单易用，特别适用于中、小型的　

Ｂ／Ｓ系统开发，这是本系统选用ＡＳＰ作为开发环境的原因。　

图１音像管理系统架构及业务流程　

Ａｊａｘ是Ａｓｙｎｃｈｒｏｎｏｕｓ　ＪａｖａＳｃｉｒｐｔ　ａｎｄ　ＸＭＬ的缩写。它不是　

２．２系统内部模块　

一

种新技术或者新语言，而是一种用于创建更好更快以及交　

系统遵循模块化设计思想，以功能块为单位进行程序编　

互性更强的Ｗｅｂ应用程序的技术，它在浏览器与Ｗｅｂ服务器　

写，目的是降低程序复杂度，使程序设计、调试和维护等操作　

之间使用异步数据传输（ＨｒＩＴｒＰ请求），使网页从服务器请求　

简单化。根据功能划分，本系统共有４个子模块，包括用户界　

少量的信息，而不是整个页面。Ａｊａｘ最为人熟悉的应用是　

面、管理员登录模块、音像管理模块以及音像查找模块。每个　

Ｇｏｏｇｌｅ搜索建议、Ｇｏｏｇｌｅ￣图等。Ａｊａｘ主要包含以下技术：①　

子模块下再划分出具体的功能模块，每个功能模块对应实现　

一

ＸＨＴＭＬ＋ＣＳＳ，实现网页界面设计；②ＤＯＭ（Ｄｏｃｕｉｎｅｎｔ　ｏＮｅｃｔ　

个业务处理流程。图２描述了系统的模块组成。　

Ｍｏｄｅｌ，文档对象模型），实现与各种网页元素的动态交互；③　

使用ＸＭＬ和ＸＳＬＴ进行数据交换；④使用ｘＭＬＨｔｔｐＲｅｑｕｅｓｔ对象　

执行异步数据查询、检索；⑤使Ｊ￣ＪＪａｖａＳｃｒｉｐｔ结合调用上述各　

类对象，完成整个逻辑事务处理过程　。　

２系统架构及模块构成　

考虑到系统开发和用户使用的简便性，系统采用Ｂ／Ｓ架构模　

式，系统内部则按照业务处理流程进行模块化功能设计。　

２．１　系统架构　

图２系统模块构成　

系统采用数据库、服务器、浏览器３层结构模式。服务器　

端选用Ｗｉｎｄｏｗｓ２０００　Ｓｅｒｖｅｒ＋ＩＩＳ５．０作为ＡＳＰ的运行环境。数据　

图书馆学刊　２０１１年第６期　

’　

ＴＵＳＨＵＧＵＡＮＸＵＥＫＡＮ　Ｎｏ．６，２ｏ１　ｌ　

３功能实现　

３．１数据库结构　

后台系统安全的门户。为了防止非管理员用户恶意破解系　

统，登录模块采用了一系列安全验证措施，包括限定ＩＰ段登　

录、输入登录验证码、防ＳＱＬ注入检验、防未登录用户访问后　

台页面。　

数据库包含Ａｄｍｉｎ、Ｄｉｓｃ、Ｂｉｇｃｌａｓｓ、Ｓｍａｌｌｃｌａｓｓ４个表。Ａｄ—　

ｍｉｎ表记录了管理员的登录账户和密码。Ｄｉｓｃ表记录了音像的　

信息。Ｂｉｇｃｌａｓｓ和ｓｍａｌｌｃｌａｓｓ两个表分别记录了音像的大类和　

程序代码如下：　

ＵｓｅｒＮａｍｅ＝Ｔｒｉｍ（Ｓｅｓｓｉｏｎ（“ＵｓｅｒＮａｍｅ”））　

ＵｓｅｒＰｗｄ＝Ｔｒｉｍ（Ｓｅｓｓｉｏｎ（“ＵｓｅｒＰｗｄ”））　

小类的划分情况。表１列出了Ｄｉｓｃ表结构。　

表１　Ｄｉｓｃ表结构　

字段名称　

ｄｉｓｃ

ｉｄ　

＿

Ｆｕｎｃｔｉｏｎ　ＨａｖｅＵｓｅｒ（）　‘ＨａｖｅＵｓｅｒ函数判断输入的账户和　

数据类型　

自动编号　

文本　

ｅ　

说明　

自动递增编号　

音像名称　

密码是否存在　

Ｓｅｔ　ｒｓ：Ｓｅｒｖｅ　ｒ．ＣｒｅａｔｅＯｂｊｅｃｔ（“ＡＤＯＤＢ．Ｒｅｃｏｒｄｓｅｔ”）　

ｄｉｓｃ　ｎａｍｅ　

ｂｌｇｅｉａｓｓ

ｎａｍ

ｓｑｌ＝“ｓｅｌｅｃｔ￥ｆｒｏｍ　ａｄｍｉｎ”　‘读取ａｄｍｉｎ表中保存　

文本　

文本　

音像所属大类　

音像所属小类　

的账户信息　

ｒｓ．Ｏｐｅｎ　ｓｑｌ，ｃｏｎｎ，ｌ，ｌ　

ｓｉｎａｉｌｃｌａｓｓ

ｎａｍｅ　

＿

ｄｉｓｃ　ｓｏｕｒｃｅ　

ｄｉｓｃ

＿

文本　

文本　

文本　

出版发行机构　

光盘数量　

光盘类型　

ｉｆ　ＵｓｅｒＮａｍｅ＝ｉｓ（“ｕｓｅ￣ｎｌｔａｌＴｌｅ”）ａｎｄ　ＵｓｅｒＰｗｄ　ｉｓ（“ｐａｓｓ—　

ｈｕｍ　

ｔｙｐｅ　

ｗｏｒｄ”）ｔｈｅｎ　

ｅｘｉｓｔ＝ｔｒｕｅ　

数返回Ｔｒｕｅ　

ｅｌｓｅ　

‘如果账户和密码存在，ＨａｖｅＵｓｅｒ函　

ｄｉｓｃ

＿

ｄｉｓｃ

ｎｏｔｅ　

＿

备注　

文本　

文本　

文本　

音像简介　

影片时长　

录入时间　

音像系列名称　

ｔｉｍｅｌｏｎｇ　

ａｄｄｔｉｍｅ　

ＳｅｎｅＳ　

ｅｘｉｓｔ＝ｆａｌｓｅ　

函数返回Ｆａｌｓｅ　

ｅｎｄ　ｉｆ　

ＨａｖｅＵｓｅｒ＝ｅｘｉｓｔ　

‘如果账户和密码不存在，ＨａｖｅＵｓｅｒ　

文本　音像编号　

ｉｎｉｔｉａｌ　

ｙｅａｒｓ　

文本　

文本　

音像名称首字母　

出版年份　

Ｅｎｄ　Ｆｕｎｃｔｉｏｎ　

Ｉｆ　Ｎｏｔ　ＨａｖｅＵｓｅｒ０　Ｔｈｅｎ　

ｒｅｓｐｏｎｓｅ．ｒｅｄｉｒｅｃｔ“ｌｏｇｉｎ．ａｓｐ”‘如果账户和密码　

不存在，返回登录页面　

Ｅｎｄ　Ｉｆ　

３．２用户界面设计与实现　

用户界面即系统的前台部分，是用户与后台发生数据交　

互的界面。用户界面按照功能实现的不同划分为３个框架页　

面：搜索入口、结果显示、分类导航。搜索入口和分类导航框　

架页面是用户向服务器提交查询请求的入口（对应图１　

第１步）。相应地，结果显示框负责将结果页面呈现给用户（对　

应图１第６步）。采用框架式设计的优点是，页面各个组成部分　

是独立的，任一框架内的数据更新不需要刷新整个页面。当　

②音像管理模块实现了音像管理的全部功能，包括信息　

录入、音像分类、发布、修改、删除。信息录入模块除了提供基　

本的信息录入框外，还支持图片插入、文件上传、页面再编辑　

等高级功能。为了方便进行页面编辑，模块内嵌了ｗｏｒｄ编辑　

器。用户可以对输入的文本内容进行文档格式设置，包括字　

体、大小、颜色、样式等，还可以插入表格和超链接。音像的添　

加、删除等操作通过服务器调用ＡＤＯ组件来完成。ＡＤＯ组件　

用户多次向服务器提交查询请求时，结果显示框需要多次更　

新显示新的结果集，但是页面的其他部分无需刷新，有利于　

减少服务器负荷。框架式页面实现代码如下：　

＜ｆｒａｍｅｓｅｔ　ｒｏｗｓ－－＂２００，｝”＞　

＜ｆｒａｍｅ　ｎａｍｅ＝＂ｓｅａｒｃｈ”ｓｒｅ＝“ｔｏｐ

ａｓｐ”ｆｒａｍｅｂｏｒｄｅｒ＝＂０”ｆｒａｍｅｓ—　

．

通过构建Ｃｏｎｎｅｃｔｉｏｎ对象进行数据库的连接和执行ｓＯＬ查询　

操作，完成对Ｄｉｓｃ表记录的添加、修改、删除操作。　

③音像查找是重要的功能支撑模块，其代码必须具备良　

好的逻辑结构，才能为前台用户检索功能提供充分的支持。　

为了支持多途径检索（提供６种检索途径：按音像大类、小类、　

音像名称、音像简介、出版年份、名称首字母）的需要，代码的　

ｐａｃｉｎｇ＝＂０”＞＜！——搜索入口——＞　

＜ｆｒａｍｅｓｅｔ　ｃｏｌｓ：“３００，　”＞　

＜ｆｒａｍｅ　ｎａｍｅ＝“ｎａｖｉｇａｔｉｏｎ”ｓｒｃ＝“ｌｅｆｔ．ａｓｐ”ｆｒａｍｅｂｏｒｄｅｒ＝“０”　

ｓｃｒｏｌｌｉｎｇ＝“ａｕｔｏ”＞＜！——分类导航——＞　

＜ｆｒａｍｅ　ｎａｍｅ＝“　ｅｓｕＩｔｓ”　ｓｒｌｃ＝“ｓｅａｒｃｈ

ａｓＤ”　ｆｒａｍｅｂ０ｒｄｅｒ＝‘‘＾’０’　

．

逻辑组织采用Ｓｗｉｔｃｈ结构，包括６个分支，每个分支处理一种　

检索途径。检索过程是：服务器通过ＡＤＯ调用Ｃｏｎｎｅｃｔｉｏｎ对象　

ｓｃｒｏｌｌｉｎｇ＝＂ａｌｌ　＞＜！——结果显示——＞　

＜］ｆｒａｍｅｓｅｔ＞　

＜／ｆｒａｍｅｓｅｔ＞　

构建不同查询字段的ＳＯＬ表达式，再执行数据库查询操作（对　

应图１第３步）。待数据库返回结果后，调用ＡＤＯ组件的Ｒｅｃ０ｒｄｓｅｔ　

对象读取记录（对应图ｌ第５步）。最后由结果显示模块构建结　

果页面返回用户（对应图１第６步）。　

为了提供更加友好的查找功能，笔　应用Ａｊａｘ构建了类　

３＿３后台管理　

①管理员登录模块既是用户进入后台的入口，也是保护　

图书馆学刊　２０１１年第６期　

ＴＵＳＨＵＧＵＡＮＸＵＥＫＡＮ　Ｎｏ．６，２Ｏ１　１　

似Ｇｏｏｇｌｅ搜索提示的音像查找提示功能。实现步骤如下：①构　

建ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象。在无刷新网页的情况下，通过ｏｎ—　

的资源整合平台或者是对ＭＡＲＣ字段的利用以外，通过利用　

各种Ｏｐｅｎ　ＡＰＩ，以及各种Ｗｅｂ　２．０技术成为流行的集成技术１４１。　

Ｋｅｙｕｐ事件触发ａｊａ】【Ｆｕｎｃｔｉｏｎ函数。②向服务器发出访问请求。　

ａｊａｘＦｕｎｃｔｉｏｎ函数首先判断检索词输入框是否有新内容输入，　

如果有，则创建ｘＭＬＨｔｔｐＲｅｑｕｅｓｔ对象，并通过该对象的叩ｅｎ０　

为了提高音像资源的可发现性，笔者在本馆的ＯＰＡＣ检索页　

面集成了音像查询。构建思路是：当用户在ＯＰＡＣ检索页面输　

入一个主题检索词时，服务器在执行原有馆藏查询的同时，　

方法向服务器发出通信请求。③服务器返Ｉ￣ｌｈｔｍｌ文本。服务器　

将访问请求￣ｇｅｔＳｕｇｇｅｓｔ－ａｓｐ页面处理。ｇｅｔＳｕｇｇｅｓｔ．ａｓｐ从保存　

有全部音像信息的ＸＭＬ文档中读取音像名称标签的文本内　

容，并１）２ｈｔｍｌ￣本格式返回。ｇｅｔｍｅｓｓａｇｅｉ￣数接收返回结果，并　

显示在检索词输入框下方。　

也向音像查找模块发出查询请求，并提供结果显示链接。笔　

者应用ＪａｖａＳｃｒｉｐｔ实现了上述功能，代码如下：　

＜ｄｉｖ＞　

＜ｉｎｐｕｔ　ｔｙｐｅ＝“ｃｈｅｃｋｂｏｘ”ｎａｍｅ＝“ｄｉｓｃ　ｓｅａｒｃｈ”ｃｈｅｃｋｅｄ　

“

ｃｈｅｃｋｅｄ”ｏｎｃｌｉｃｋ＝“ｉｆ（ｔｈｉｓ．ｃｈｅｃｋｅｄ）ｆｄｏｃｕｍｅｎｔ．ｓｈｏｗｒｅｓｕｌｔ．ｉｎ—　

程序代码如下：　

ｎｅｒＨＴＭＬ＝　＜ａ　ｈｒｅｆ＝ｈｔｔｐ：＃２０２．１　９２．２４０．１　３９／ｄｉｓｃ／ｄｉｓｃ

—

ｓｅａｒｃｈ？　

＜ｉｎｐｕｔ　ｎａｍｅ＝“ｔｅｘｔ’’ｔｙｐｅ＝“ｔｅｘｔ’’ｉｄ＝“ｔｅｘｔ”ｏｎＫｅｙＵｐ＝“ａ—　

ｄｉｓｃ　ｎｏｔｅ＝ｋｅｙｗｏｒｄ＞音像查找结果＜／ａ＞　’＞　

ｉａｘＦｕｎｃｔｉｏｎ（）”／＞　

＜／ｄｉｖ＞　

＜！—一ｔｅｘｔ是检索词输入框，ｏｎＫｅｙＵｐ是触发ａｊａｘＦｕｎｃｔｉｏｎ　

上述代码中，ｃｈｅｃｋｂｏｘ属性表示在页面中增添一个单选　

函数的事件——＞　框元素，ｏｎｃｌｉｃｋ属性表示当点选单选框时，触发后续代码的　

＜ｓｃｒｉｐｔ　ｔｙｐｅ＝“ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞　

运行。这是整段代码的核心所在，它首先判断单选框是否选　

ｆｕｎｃｔｉｏｎ　ａｊａｘＦｕｎｃｔｉｏｎ（）　

择，如果已选择，则执行后续代码生成指向音像查找结果的　

｛　

超链接。超链接标签＜ａ＞中指定了音像查询接口，用户在　

ｔｈｉｓＬｅｎ＝ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（“ｔｅｘｔ”．ｖａｌｕｅ．１ｅｎｇｔｈ；　

ＯＰＡＣ检索框中输入的检索词将传递至该查询接口。ｄｏｃｕ—　

ｉｆ（ｐｒｅＥｅｎ！＝ｔｈｉｓＬｅｎ），／如果有新的内容输入，则向服务器　

ｍｅｎｔ．ｓｈｏｗｒｅｓｕｈ．ｉｎｎｅｒＨＴＭＬ语句表示在ＩＤ标志为ｓｈｏｗｒｅｓｕｌｔ的　

发出访问请求　

页面元素（一般为＜ｄｉｖ＞元素，它的ＩＤ可任意命名）中显示“音　

｛　

像查找结果”超链接。经过以上处理后，用户在点选音像资源　

ａｊａｘ＝ｎｅｗ　ＡｃｔｉｖｅＸＯｂｊｅｃｔ（“ＭｓＸＭＬ２．ＸＭＬＨＴＹＰ”）；，　０建　

单选框后，系统将执行馆藏资源的检索，同时显示一个“音像　

ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ￣象　

查找结果”链接，实现了音像查询功能在ＯＰＡＣ的集成应用。　

ｔｅｘｔＬｅｎ＝ｄｏｅｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（“ｔｅｘｔ”）．ｖａｌｕｅ．１ｅｎｇｔｈ　

ｉｆ（ｔｅｘｔＬｅｎ＞Ｏ）　

５结语　

｛　

通过笔者的开发实践，深入分析了音像管理系统的设计　

６ａｘ．ｏｎｒｅａｄｙｓｔａｔｅｃｈａｎｇｅ＝ｇｅｔｍｅｓｓａｇｅ；ａｊａｘ．ｏｐｅｎ（“ＧＥＴ”，　

与实现过程。本次实践不只是实现了一个具体的应用系统，　

“

ｇｅｔＳｕｇｇｅｓｔ．ａｓｐ？ｔｅｘｔ＝”＋ｅｓｃａｐｅ（ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（“ｔｅｘｔ”）．　

而是为日后自建数据库搭建了一个系统原型。从这个意义上　

ｖａｌｕｅ）＋“＆ｔｅｘｔｅｅｎ＝＂＋ｔｅｘｔＬｅｎ＋“＆ｎｕｍ＝”＋Ｍａｔｈ．ｒａｎｄｏｍ（），ｔｒｕｅ）；　

讲，本系统是日后深入研究的起点。今后，笔者主要研究从３　

／／向服务器发出请求　

方面改进系统功能，使其能够作为一个通用平台，为图书馆　

ａｊａｘ．ｓｅｎｄ（ｎｕｌ１）；　

自建各类数据库提供有力支撑。①应用Ｌｕｃｅｎｅ全文搜索软件　

｝　

包增强系统的分词、索引和搜索能力。②应用更多的Ｗｅｂ　２．０　

｝　

技术扩展系统功能，改善用户体验。③自建数据库与ＯＰＡＣ无　

ｐｒｅＬｅｎ＝ｔｈｉｓＬｅｎ；　

缝整合的实现技术。　

｝　

ｆｕｎｃｔｉｏｎ　ｇｅｔｍｅｓｓａｇｅ（）　

参考文献：　

｛　

【ｌ】周峰，徐晓军，李德路．ＡＳＰ开发技术原理与实践教程［Ｍ】．　

北京：电子工业出版社，２００７．　

ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（“ｓｈｏｗｉｎｆｏ”）．ｉｎｎｅｒＨＴＭＬ＝ａｊｘａ．ｒｅ—　

【２】陈锋敏．Ａｊａ）【原理与系统开发［Ｍ】．北京：清华大学出版社，　

ｓｐｏｎｓｅＴｅｘｔ；　

２００９．　

｝　

［３１　Ｓｃｅｐｐａ　Ｄ著－ＡＤ０编程技术【Ｍ】．石均等译．北京：清华大学　

＜／ｓｃｒｉｐｔ＞　

出版社，２００１．　

４音像查询功能在ＯＰＡＣ的集成应用　

【４】王海．基于０ＰＡｃ的资源整合创新研究与实践ｌＪＪ．图书馆　

理论与实践，２０１０（１０）：７４—７６．　

当前，关于馆藏资源、网络资源以及第三方资源在ＯＰＡＣ　

黄悦深男，１９８４年生，硕士。　

的集成应用正是研究热点。整合手段除了原有的购买软件商　

（收稿日期：２０１１－０１—０７；责编：王天泥。）