1、Ajax 结课论文题 目：图书馆管理系统设 计 者 ：王璐专业班级：计应 1502 班学 号：4115200102082016 年 12 月 2 日河南理工大学计算机学院Ajax 结课论文1目录第 1 章 引言1.1 选题背景.31.2 系统的开发环境31.2.1 硬件环境31.2.2 软件环境31.3 系统需求分析 31.3.1 需求分析31.3.2 系统目标41.3.3 可行性分析4第二章 相关技术介绍2.1 Ajax 相关技术52.2 Ajax 的特征62.3 jQuery 简介62.4 理解 jQuery 的设计.72.5 获取 jQuery 对象.82.6 SQL Server 20
2、00.8第 3 章 总体设计3.1 功能模块设计.83.1.1 业务流程图.83.1.2 系统功能结构.83.2 数据库设计.93.2.1 数据总体结构设计 .93.2.2 图书信息表结构设计 103.2.3 图书类型信息表结构设计113.2.4 读者信息表结构设计113.2.5 读者类型信息表结构设计123.2.6 图书借阅信息表结构设计 123.2.7 图书归还信息表结构设计 133.2.8 管理员信息表结构设计 133.2.9 图书馆信息表结构设计13Ajax 结课论文23.2.10 书架信息表结构设计.13第 4 章 详细设计4.1 登录模块实现 144.2 图书馆主界面模块的实现19
3、4.3 读者资料维护功能模块的实现20第 5 章 参考文献Ajax 结课论文3第一章 引言1.1 选题背景本课题设计并实现了基于 Web 的图书馆管理系统，该系统采用现今比较 流行的 Ajax（XHTML 和 CSS 、jQuery/Ext JS/Prototype/DWR）结合 ASP.NET 语言，结合 SQL Server 数据库，实现了图书的借阅、查询、管理等基本功能。系统不仅维护方便，节省了图书馆的资源，方便图书馆进行图书管理，同时，用户也能够更容易更直观的查询书籍、管理藏书，使借书、还书、查书的过程大大简化，更加的方便和容易。 结课论文做的系统就是对图书馆的书籍进行管理，主要工作是
4、实现了图书信息功能，图书借还功能等。图书信息功能是实现了图书的数字管理，能方便管理员快速查看图书信息；借书功能，用户可以通过此功能选择是否借出检索的书籍；还书功能，读者可以查看自己所借书籍信息；管理员可以查看借书还书历史和违规书籍信息；查看书籍具体信息，管理员可以查看书籍的具体信息以及在图书馆的存储状态。 本论文内容主要是运用软件工程的知识，先进行系统需求分析，之后是系统概要设计，详细设计，并且详细介绍了 ASP.NET 图书馆管理系统的操作代码和排序的代码编写和测试。1.2 系统的开发环境1.2.1 硬件环境 能够运行 Windows 系统的高档 PC 台式机，笔记本电脑。1.2.2 软件环
5、境（1）中文 Windows XP 操作系统。 （2）Microsoft Visual Studio 2005 集成开发环境。（3）IIS5.1 服务器。 （4）Microsoft SQL Server 2000 数据库服务器。1.3 系统需求分析1.3.1 需求分析Ajax 结课论文4长期以来，人们使用传统的人工方式管理图书馆的日常业务，其操作流程比较繁琐。在借书时，读者首先将要借的书和借阅证交给工作人员，工作人员然后将每本书的信息卡片和读者的借阅证放在一个小格栏里，最后在借阅证和每本书贴的借阅条上填写借阅信息。在还书时，读者首先将要还的书交给工作人员，工作人员然后根据图书信息找到相应的书卡
6、和借阅证，并填写相应的还书信息。传统的手工流程存在种种不足。首先处理借书、还书业务流程的效率很低；其次处理能力比较低，一段时间内，所能服务的读者人数是很有限的。为此，图书信息管理系统需要为企业解决上述问题，提供快速的图书信息检索功能及快捷的图书借阅、归还流程。1.3.2 系统目标（1）设计界面友好、美观、数据存储安全、可靠。 （2）基本信息设置保证图书信息和读者信息的分类管理。（3）强大的查询功能，保证数据查询的灵活性。（4）实现对图书借阅、续借、归还过程的全程数据信息跟踪。（5）设置读者借阅和图书借阅排行榜，为图书管理提供真实的数据信息。 （6）提供借阅到期提醒，使管理者可以及时了解到期的图
7、书借阅信息。 （7）提供管理员修改自己密码的功能，保证系统的安全性。 （8）提供灵活、方便的权限设置功能，使整个系统的管理分工明确。 （9）采用人机对话的操作方式，方便管理员的日常操作。（10）系统最大限度地实现了易维护性和易操作性。1.3.3 可行性分析技术可行性 根据系统的功能、性能及实现系统的各项约束条件。现有的技术及硬件软件都能够满足。 经济可行性 本系统建立在 ASP.NET 开发的基础上，项目开发成本非常小。只需要有一台能够运行 Windows 系统的高档 PC 台式机即可，并不需要什么高的成本。 运行可行性 系统采用完全的图形化界面，易于管理，方便管理者查询设备信息，能够满足Aj
8、ax 结课论文5使用者的要求。该系统应该提供简单的操作界面，能够快速的实现查书、借书、还书功能。第二章 相关技术介绍2.1 Ajax 相关技术（1）Ajax 核心技术：XMLHttpRequest。XMLHttpRequest 是 Ajax 技术的灵魂。没有 XMLHttpRequest 就没有 Ajax。XMLHttpRequest 用于发送异步请求。 （2）Ajax 的编程脚本：JavaScript。JavaScript 是 Ajax 技术的黏合剂。JavaScript 主要工作： 创建 XMLHttpRequest 对象 通过 XMLHttpRequest 向服务器发送请求 创建回调函数
9、，监视服务器响应状态，在服务器响应完成后，启动回调函数 回调函数通过 DOM 动态更新 HTML 页面 （3）动态改变 HTML 页面内容的方法：DOM。 DOM 可将 HTML 页面视为一组包含父子关系的节点的集合 DOM 是 JavaScript 获取页面数据的方式 JavaScript 可以通过 DOM 访问每个节点，修改节点内容及其属性，新增节点，删除节点（4）让页面表现更友好的技术：CSS。在 Web 页面采用 CSS 技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。（5）数据交换格式：JSON，而不是 XML Ajax 技术提出时，XML 主要作为通信双
10、方的数据交换载体，但后来被 JSON取代。 JSON 的全称是”JavaScript Object Notation”，意思是 JavaScript 对象表示法，它是一种基于文本，独立于语言的轻量级数据交换格式。 JSON 语法规则 数据在名称/值对中 数据由逗号分隔 花括号保存对象 Ajax 结课论文6方括号保存数组 JSON 数据的书写格式是：名称/值对。名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值：“firstName“ : “John“ JSON 值 数字（整数或浮点数） 字符串（在双引号中） 逻辑值（true 或 false） 数组（在方括号中） 对象（在花括号中）
11、 null JSON 对象在花括号中书写“firstName“:“John“,“lastName“:“Doe“ JSON 数组在方括号中书写：2.2 Ajax 的特征（1）异步发送请求 （2）服务器响应是数据，而不是页面内容 （3）浏览器中的是应用，不是简单视图 在传统 Web 应用中，浏览器只是简单视图，不包含任何逻辑功能 对于 Ajax 应用，浏览器不仅可以包含简单逻辑，甚至可以保存用户会话状态Ajax 应用初始化时，需要加载大量的 JavaScript 代码。这些JavaScript 代码中已经包含了部分业务逻辑，将在后台默默工作，负责处理部分逻辑，异步提交请求，以及读取服务器响应数据，
12、动态更新页面。2.3 jQuery 简介Ajax 结课论文7jQuery 库是非常优秀的 JavaScript 库，也是一个纯粹的 JavaScript 代码库，可以在任何 Web 应用中使用。 jQuery 可以做到跨浏览器运行，开发者只要面向 jQuery 编程，JavaScript脚本即可在不同浏览器之间自由切换。 优雅的解决方案：使用 jQuery 库之后，开发者操作的对象不再是原始的DOM 元素，而是 jQuery 对象。通过这种方式就使开发者无须理会不同浏览器处理 DOM 对象时存在的差异，而是直接以 jQuery 对象所支持的属性和方法操作DOM 对象。 对 Ajax 提供了良好
13、的支持：使用 jQuery，无须手动创建 XMLHttpRequest对象，只需指定发送请求的 URL 和处理响应的回调函数即可，jQuery 负责完成剩下的工作 提供了工具方法以简化数组、字符串的操作。2.4 理解 jQuery 的设计（1）使用 jQuery 动态更新 HTML 页面的两个步骤 获取 jQuery 对象。jQuery 对象通常是对 DOM 对象的包装 调用 jQuery 对象的方法来改变自身。当 jQuery 对象被改变时， jQuery 包装的 DOM 对象随之改变 HTML 页面的内容也就随之改变了（2）jQuery 很多改变自身属性的方法的返回值，就是该对象本身。因此
14、可以连续 调用改变自身属性的方法。 （3）学习 jQuery，只需掌握 2 点 获取 jQuery 对象 Ajax 结课论文8 jQuery 对象有哪些可用的方法 2.5 获取 jQuery 对象获取 jQuery 对象的两种方式 使用$()函数或用 jQuery 对象提供的，利用父子关系来返回的 jQuery 对象 jQuery 对象的调用方法改变自身后返回的 jQuery 对象 2.6 SQL Server 2000SQL Server 是一个关系数据库管理系统，它最初是由 Microsoft Sybase和 Ashton-Tate 三家公司共同开发的，于 1988 年推出了第一个 OS/
15、2 版本，在Windows NT 推出后 Microsoft 与 Sybase 在 SQL Server 的开发上就分道扬镳了7。Microsoft 将 SQL Server 移植到 Windows NT 系统上，专注于开发推广SQL Server 的 Windows NT 版本，Sybase 则较专注于 SQL Server 在 UNIX 操作系统上的应用。在本书中介绍的是 Microsoft SQL Server 以后简称为SQL Server 或 MS SQL Server。SQL Server 2000 是 Microsoft 公司推出的SQL Server 数据库管理系统的较新版本，
16、该版本继承了 SQL Server 7.0 版本的优点同时又比它增加了许多更先进的功能，具有使用方便可伸缩性好与相关软件集成程度高等优点，可跨越从运行 Microsoft Windows 2000 的膝上型电脑到运行 Microsoft Windows 2000 的大型多处理器的服务器等多种平台使用8。第 3 章 总体设计3.1 功能模块设计3.1.1 业务流程图Ajax 结课论文93.1.2 系统功能结构根据图书馆管理系统的特点，可以将其分为系统设置、读者管理、图书管理、图书借还、系统查询等 5 个部分，具体功能模块如图所示。3.2 数据库设计3.2.1 数据总体结构设计 Ajax 结课论文
17、10整个系统所包括的所有信息包含图书信息、读者信息、图书借阅信息、图书归还信息、管理员信息、读者类型信息、图书类型信息。可将信息抽象为下列系统所需要的数据项和数据结构：(1) 图书信息（图书编号，图书名称，图书类型，作者，译者，ISBN 号，价格，出版社，所在书架，入库时间，操作员） (2) 图书类型（图书编号，名称，可借阅天数） (3) 读者信息（编号，姓名，性别，借阅证编号，读者类型，出生年月，有效 证件，证件号码，登记日期，电话，邮箱，操作员）(4) 读者类型（名称，可借阅图书本数） (5) 图书借阅信息（图书编号，读者 ID，借出时间，应还时间，是否归还，操 作员）(6) 图书归还信息
18、（图书编号，读者 ID，归还时间，操作员） (7) 管理员信息（名称，密码）；图书馆书架信息（名称）；出版社信息；权限信息）(8) 图书馆信息（编号，名称，馆长，电话，地址，邮箱，创建日期，简介）在这里使用 E-R 图描述了图书馆管理系统的数据模型。下图标识涉及的实体及关系。3.2.2 图书信息表结构设计 图书馆馆藏中图书的信息主要在图书信息表中反映出来，在一本书入库时，Ajax 结课论文11就会由操作员添加它们的相关信息。系统借助本表来完成图书信息的查询。比如出版社则为出版该书出版社，图书入库时间显示图书进入图书馆的时间表的具体结果如下：3.2.3 图书类型信息表结构设计图书总是分为很多类型
19、，比如社科，比如文学，该表的主要内容就是为图书进行分类，可借阅天数反映了该种类型图书的可借阅天数。表的具体结构设计如下：3.2.4 读者信息表结构设计该表设计了就是为了读者进行分类，而且不同类型的读者可借阅图书的数据是不同的。在此表中，还可以对各种类型读者的可借阅图书数据进行修改。表的具体结构设计如下:Ajax 结课论文123.2.5 读者类型信息表结构设计不同类型的读者拥有不同的权限，而可借阅图书数据也由其权限规定。本表就是对不同类型读者进行分类的表。表的结构设计如下:3.2.6 图书借阅信息表结构设计 当一本书入库了之后，也就有了其相关的信息，比如入借阅时间，归还时间。本表记录的就是这些信
20、息。记录了图书的状态，是被借出还是被归还。表的结构设计如下: Ajax 结课论文133.2.7 图书归还信息表结构设计 该表的主要作用就是记录图书应该被归还的时间，除此之外，把图书与借阅者联系起来应该也是它的一个功能。表的结构设计如下表:3.2.8 管理员信息表结构设计 用于记录信息，包含 ID 和登陆密码表的具体结构设计见下表: 3.2.9 图书馆信息表结构设计 包含图书馆的诸多信息，方便读者对图书馆的了解。表的具体设计如下:3.2.10 书架信息表结构设计该表存储的为书架信息，表的具体设计如下:Ajax 结课论文14第 4 章 详细设计4.1 登录模块实现 登录模块主要功能是实现用户的登陆
21、，一般是从系统首页登陆然后进入系统。具体操作为，打开浏览器，然后在地址栏中输入http:/127.0.0.1:8080/Library_Sys/，即能看到系统首页了。根据提示输入用户名及其密码，再按确定，即可立即进入系统了。struts.xml applicationContext.xml Ajax 结课论文16org.hibernate.dialect.MySQLDialect com/mybbs/vo/Question.hbm.xml com/mybbs/vo/Admin.hbm.xml com/mybbs/vo/Answer.hbm.xml com/mybbs/vo/User.hbm.x
22、ml Ajax 结课论文17UserAction.java(Action) ( 只有一个 userManager 的 set 方法没有 get 方法。写在 spring 注入是会同时提供 get 和 set 方法，若使用 json 执行 action 后返回 json 数据，此时就会出现上面的异常错误。解决办法是，去掉 get 方法。package com.mybbs.action; import com.mybbs.manager.UserManager; import com.mybbs.vo.User; import com.opensymphony.xwork2.ActionSuppo
23、rt; public class UserAction extends ActionSupport UserManager userManager; User user; public String info; public User getUsery() return usery; public void setUsery(User usery) this.usery = usery; public String check() throws Exception System.out.println(username); User user1=userManager.check(user.g
24、etUsername(); ll) info=“恭喜你可以使用“; else info=“用户已经存在“; System.out.println(info); return SUCCESS; Ajax 结课论文18public void setUserManager(UserManager userManager) this.userManager = userManager; -public User getUser() return user; public void setUser(User user) this.user = user; public void setInfo(Stri
25、ng info) this.info = info; public String getInfo() return info; index.jsp “ My JSP register.jsp starting page /js/jquery-11.2.6.pack.js“ $(document).ready( function()$(“#check“).blur(function() var params=$(“#check“).serialize(); $.ajax( url:“check.action“, type:“post“, dataType:“json“, data:params,
26、 success:update_page ); ); ) function update_page(info) var json=eval(info); var str=json.info; $(“#information“).html(str); Ajax 结课论文19用户名：密码：年龄：查看所有用户4.2 图书馆主界面模块的实现 在该图书馆管理系统主界面中有首页、日常工作（下拉表中有借阅处理、还书处理、图书续借）、读者资料维护（读者类型管理、读者档案管理）、图书资料维护（图书类型设置、图书档案管理）、查询（图书资料查询、借阅历史记录查询、借阅到期提醒）、系统管理（图书馆信息、管理员管理、书
27、架设置）、更改口令、退出系统。 左端显示今日日期时间，中间显示当前登录用户名，右上端显示两个链接“刷新页面” 、“关闭系统”。 系统首页主要显示了图书借阅排行榜。利于查看借阅情况，读者对哪些图书感兴趣，便于管理图书。4.3 读者资料维护功能模块的实现 读者资料维护有两个功能模块，分明为读 者类型管理和读者信息管理。读者类型管理设置不同类型能够借阅图书的最大数量不一样，读者信息管理则是记录下读者相关的信息，并且可以对这些信息进行添加、删除、修改等功能。点击界面上的“添加读者类型信息”，可以增加类型名称和其对应的借书数目；Ajax 结课论文20点击“修改”，可以修改学生类型名称和其对应的借书数目。点击“删除”，实现删除读者类型。设置读者信息的时候需要输入读者全面的信息，比如姓名，姓名，借阅证编号，选择读者类别，有效证件，证件号码，电话，e-mail 等信息。而且证件的号码是必填的。 除此，可以添加读者信息，显示添加成功图标及成功界面；还可以修改读者信息；点击读者姓名（注：显现灰色即为可连接标识），可以查询查看读者详细资料，比如点击读者姓名唐大治，查看她的详细资料5 参考文献 1. 疯狂 Ajax 讲义，电子工业出版社，李刚编著 2 吴其庆.JSP 编程思想与实践. 北京:冶金工业出版社,2003.10.3 JSP 程序设计实例教程 刘志成 著 2009 人民邮电出版社
