1、基于 Ajax 的图书馆投稿系统设计与实现黄 辉(广东农工商职业技术学院，广东 广州 510507)*基金项目：本文系广东农工商职业技术学院基金项目学报在线投稿系统的研发 （项目编号：xyyb0910） ，作者系项目主持人。摘 要：随着 AJAX 技术的发展，越来越多网络服务使用 AJAX 来实现，作者通过详细描述一个使用层结构，基于 Ajax 技术的图书馆网络投稿系统的设计、开发和实现过程，引导读者如何设计基于 Ajax 技术的网络系统。关键词：Ajax;图书馆;投稿系统中图分类号:G255.75The design and implementation of an online manus
2、cript submission system based on Ajax for library science (Guangdong AIB Polytechnic college, Guangzhou 510507,China)Abstract: With the development of Ajax, more and more Web-based services are designed by using Ajax. The author discusses very detailed about the design, development and implementatio
3、n of a online manuscript submission system for library science using Ajax to show people how to design web system base on Ajax.Keywords: Ajax;library; Web-based manuscript submission system附:联系电话,020-85233691 18928833313、AJAX 简介AJAX 是 Asynchronous JavaScript and XML 的缩写。它并不是一门新的语言或技术,它实际上是几项技术按一定的方式
4、组合在一起，共同协作的结果。而每一种技术在 AJAX 提出之前都被成熟应用多年。因此，AJAX 是“老树发新花”！它使用的技术包括 1： XHTML 和 CSS。 使用文档对象模型（DOM）做动态显示和交互。 使用 XML 和 XLST 做数据交互和操作。 使用 XMLHttpRequest 就行异步数据接收。 使用 JavaScript 将它们绑定在一起。传统的 WEB 交互方式中，对于每次请求，即使页面只有一个很小的改动，服务器总是响应一个新的页面给客户，这就大大影响了交互的速度，使用户大部分时间面对一个空白的浏览器。 2在 AJAX 交互模式下，对于每次请求，服务器只发回页面需要改动部分
5、的数据，并不需要将整个页面重新载入，这就大大降低了数据流量，很大程度的提高了响应速度。、系统分析与设计.设计思路本系统采用层结构。N 层架构指一个应用程序至少有 2 个逻辑层或者部分是分开的，每层仅与它下面的那一层进行交互，而且每层都有特定的功能。一个 N 层的应用程序通常有三层：表现层、业务层和数据层。如图所示：使用层的优点在于每一层都可以在仅仅更改很少量的代码后，就能放到物理上不同的服务器上使用，因此结构灵活而且性能更佳。此外，每层做些什么其它层是完全看不到的，因此更改、更新某层，都不再需要重新编译或者更改全部的层了。 3这是个很强大的功能。例如，如果把数据访问代码与业务逻辑层分离，当数据
6、库服务器更改后，你只需要更改数据访问的代码，因为业务逻辑层是不变的，因此不需要更改或者重新编译业务逻辑层。.功能设计本系统分为注册模块、作者投稿、编辑审稿、专家审稿和后台管理等模块。出于篇幅考虑，本文简单介绍其中两个模块。.作者投稿首先作者要进行注册登录，在填写了必需的注册信息后，作者就可以登录系统，登录后就可以上传稿件到服务器。图 1.作者查询对于曾经投过稿件的作者，可以查询以往的纪录，比如什么时候曾经投稿，得到什么样的回复，是否被录用等。作者可以使用模糊查询及精确查询，可以查询近期是否有别的作者投过跟自己类似的主题稿件。主要技术JavaScript如名字所示 JavaScript 是 AJ
7、AX 的概念中最重要而最被忽视的 , JavaScript 是一种编程语言。JavaScript 使 AJAX 应用的各部分集成在一起。在 AJAX 中 JavaScript 主要被用来传递用户界面上的数据到服务端并返回结果。并使用 XMLHttpRequest 对象用来响应通过 HTTP 传递的数据，一旦数据返回到客户端就可以立刻使用 DOM 将数据放到页面上。 4CSS 提供了从内容中分离应用样式和设计的机制。虽然 CSS 在 AJAX 应用中扮演至关重要的角色，但也是构建创建跨浏览器应用的一大阻碍，因为不同的浏览器厂商支持各种不同的 CSS 级别。 5Document Object Mo
8、del (DOM) 是一种用于 XML 文档的对象模型，可用于直接访问 XML 文档的各个部分。在 DOM 中，文档被模拟为树状，其中 XML 语法的每个组成部分（例如元素或文本内容）都被表示为一个节点。作为一种 API，DOM 允许你遍历文档树，从父节点移动到子节点和兄弟节点等，并利用某种节点类型特有的属性（元素具有属性，而文本节点具有文本数据） 。DOM 被设计为与语言无关。 6、系统实现本系统使用 VISUL STUDIO 2008 SP1 作为开发平台，采用 AJAX 技术和语言 编写应用程序，后台数据库使用 MICROSOFT SQL 2005，同时使用 Photoshop 等图形设
9、计软件做表示层的页面元素美工设计。系统采用 B/S 结构，读者在使用的时候无需安装任何软件，只要使用浏览器即可实现在线投稿功能。数据层实现数据层由最基本的数据组成，数据存在数据表中，一个数据库由多个数据表组成，同时为了提高访问性能，一般将常用的操作，比如对某个数据表数据的查询、更新、插入、删除等操作，使用存储过程来访问，这样可以提高访问速度及安全性。由于存储过程是被编译过的，所以每次载入的时候都不需要编译而直接使用，比起新构建的 SQL 命令，执行速度非常快，而且节省了服务器资源消耗。本系统所有数据访问都使用存储过程。以下是本系统使用的投稿存储过程：ALTER PROCEDURE Proc_i
10、nsertArticle(article_class int, title nvarchar(50), author nvarchar(50),publish_place nvarchar(50), publish_company nvarchar(50),publish_date nvarchar(50), isbn nvarchar(50),class_num nvarchar(50), content_summary ntext,insert_date nvarchar(50) )ASINSERT INTO article(article_class, title, author, pu
11、blish_place, publish_company, publish_date, isbn, class_num, content_summary,insert_date) VALUES (article_class,title,author,publish_place,publish_company,publish_date,isbn,class_num,content_summary,insert_date)业务层逻辑实现逻辑层负责与数据层交互，每当需要访问及存取数据时，就调用相关的存储过程，然后由存储过程进行数据库操作，为了提高性能，本系统将常用的数据库连接串及连接对象缓存到数据存
12、取类中，这样数据层就不用频繁的建立连接对象，大大减少了内存开销，提高了访问速度。其次，使用特有的异步访问技术，使用 JAVASCRIPT 进行客户端和服务器的异步交互，大大降低了服务器的资源损耗，也减少了客户端的等待时间。例如，通过使用下列代码，实现了一个检索，当用户在文本框里面输入图书馆的时候，页面上的JAVASCRIPT 函数自动检索数据表，将类似的数据列出来，如图书馆服务、学校图书馆等，就跟我们平时使用谷歌搜索时同样的效果。部分代码：function autoComplete() /如果按下 向上, 向下 或 回车if (event.keyCode = 38 | event.keyCod
13、e = 40 | event.keyCode = 13) selItemByKey();else /向服务器发送请求 if (txtInput.value = “) divContent.style.display=none; return;3 表示层实现实现后的系统界面如图所示：图4 数据安全性为了防止重要数据在网络传送带的时候被恶意截获，本系统使用哈希（HASH）函数对密码等重要数据进行了加密，并用密文保存到数据表里面，就算黑客攻进了，在数据库里面看到的也都是加密过的数据，将一无所获。以下是 md5 加密函数代码：/ 获取指定字符串的 MD5值public static string md
14、5(string pSeed)return System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(pSeed, “MD5“).ToLower();.5 网站压力测试通过将使用 AJAX 核心的本系统与 ASP.NET 2.0 系统进行压力测试比较，测试使用Microsoft Web Application Stress Tool 进行，测试时间小时，得到的结果如图：根据测试的结果可以看出不同技术对服务器使用率的明显影响，使用率从降到了 。不 同 模 式 下 服 务 器 CPU使 用 率AJAX, 1
15、2%.NET, 37%0%5%10%15%20%25%30%35%40%AJAX模 式 .NET模 式图、结语本系统采用技术和 SQL2005 数据库设计开发的图书馆在线投稿系统,系统的功能较全面,在读者投稿、专家审稿和系统安全等方面做了大量工作。目前本系统已完全实现并应用。参考文献：1 陈阳。基于_NETAJAX 的中小型机关单位 OA 系统的解决方案研究 。电脑知识与技术，2010(09):261-262。2 张恒升。基于_net 和 Ajax 的在线编译器网络平台开发 。价值工程，2010(05):152-153。3 蒋维。基于_net 和 Ajax 的在线编译器网络平台开发 J。计算机应用与软件，2010(03):144-145。4 吴亚峰。用 Ajax 开发 GoogleMap 行车路线查询应用 。电脑编程技巧与维护，2010（05）：75-88。5 杨方燕。基于 AJAX 构建新型 Web 应用 。兵工自动化，2010(03):88-91。6 任红霞。基于 Ajax 技术的远程教育系统研究 。通信技术，2010(03) ：131-133。作者简介：黄辉（）馆员，硕士研究生，主要从事网络信息建设，软件开发，图书馆网络业务开发，发表论文多篇。
