AJAX结课论文.doc

Ajax结课论文Ajax结课论文题 目：图书馆管理系统设 计 者：王璐专业班级：计应1502班学 号：411520010208 2016年 12月2日河南理工大学计算机学院目录第1章 引言1.1选题背景.31.2 系统的开发环境.3 1.2.1硬件环境.3 1.2.2软件环境.31.3系统需求分析 .3 1.3.1需求分析.3 1.3.2系统目标.4 1.3.3可行性分析.4第二章相关技术介绍2.1Ajax相关技术.52.2Ajax的特征.62.3jQuery简介.62.4理解jQuery的设计.72.5获取jQuery对象.82.6SQLServer2000.8第3章总体设计3.1功能模块设计.83.1.1业务流程图.83.1.2系统功能结构.83.2数据库设计.9 3.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图书馆信息表结构设计.133.2.10书架信息表结构设计.13第4章详细设计4.1登录模块实现.144.2图书馆主界面模块的实现.194.3读者资料维护功能模块的实现.20第5章参考文献第一章引言1.1选题背景 本课题设计并实现了基于Web的图书馆管理系统，该系统采用现今比较 流行的Ajax（XHTML和CSS、jQuery/ExtJS/Prototype/DWR）结合ASP.NET语言，结合SQLServer数据库，实现了图书的借阅、查询、管理等基本功能。系统不仅维护方便，节省了图书馆的资源，方便图书馆进行图书管理，同时，用户也能够更容易更直观的查询书籍、管理藏书，使借书、还书、查书的过程大大简化，更加的方便和容易。结课论文做的系统就是对图书馆的书籍进行管理，主要工作是实现了图书信息功能，图书借还功能等。图书信息功能是实现了图书的数字管理，能方便管理员快速查看图书信息；借书功能，用户可以通过此功能选择是否借出检索的书籍；还书功能，读者可以查看自己所借书籍信息；管理员可以查看借书还书历史和违规书籍信息；查看书籍具体信息，管理员可以查看书籍的具体信息以及在图书馆的存储状态。本论文内容主要是运用软件工程的知识，先进行系统需求分析，之后是系统概要设计，详细设计，并且详细介绍了ASP.NET图书馆管理系统的操作代码和排序的代码编写和测试。1.2 系统的开发环境 1.2.1硬件环境 能够运行Windows系统的高档PC台式机，笔记本电脑。 1.2.2软件环境 （1）中文WindowsXP操作系统。 （2）MicrosoftVisualStudio2005集成开发环境。 （3）IIS5.1服务器。 （4）MicrosoftSQLServer2000数据库服务器。1.3系统需求分析1.3.1 需求分析长期以来，人们使用传统的人工方式管理图书馆的日常业务，其操作流程比较繁琐。在借书时，读者首先将要借的书和借阅证交给工作人员，工作人员然后将每本书的信息卡片和读者的借阅证放在一个小格栏里，最后在借阅证和每本书贴的借阅条上填写借阅信息。在还书时，读者首先将要还的书交给工作人员，工作人员然后根据图书信息找到相应的书卡和借阅证，并填写相应的还书信息。传统的手工流程存在种种不足。首先处理借书、还书业务流程的效率很低；其次处理能力比较低，一段时间内，所能服务的读者人数是很有限的。为此，图书信息管理系统需要为企业解决上述问题，提供快速的图书信息检索功能及快捷的图书借阅、归还流程。1.3.2 系统目标（1） 设计界面友好、美观、数据存储安全、可靠。（2） 基本信息设置保证图书信息和读者信息的分类管理。（3） 强大的查询功能，保证数据查询的灵活性。（4） 实现对图书借阅、续借、归还过程的全程数据信息跟踪。（5） 设置读者借阅和图书借阅排行榜，为图书管理提供真实的数据信息。（6） 提供借阅到期提醒，使管理者可以及时了解到期的图书借阅信息。（7） 提供管理员修改自己密码的功能，保证系统的安全性。（8） 提供灵活、方便的权限设置功能，使整个系统的管理分工明确。（9） 采用人机对话的操作方式，方便管理员的日常操作。（10）系统最大限度地实现了易维护性和易操作性。1.3.3可行性分析技术可行性根据系统的功能、性能及实现系统的各项约束条件。现有的技术及硬件软件都能够满足。经济可行性本系统建立在ASP.NET开发的基础上，项目开发成本非常小。只需要有一台能够运行Windows系统的高档PC台式机即可，并不需要什么高的成本。运行可行性系统采用完全的图形化界面，易于管理，方便管理者查询设备信息，能够满足使用者的要求。该系统应该提供简单的操作界面，能够快速的实现查书、借书、还书功能。第二章相关技术介绍2.1 Ajax相关技术（1）Ajax核心技术：XMLHttpRequest。XMLHttpRequest是Ajax技术的灵魂。没有XMLHttpRequest就没有Ajax。XMLHttpRequest用于发送异步请求。（2）Ajax的编程脚本：JavaScript。JavaScript是Ajax技术的黏合剂。JavaScript主要工作：n创建XMLHttpRequest对象n通过XMLHttpRequest向服务器发送请求n创建回调函数，监视服务器响应状态，在服务器响应完成后，启动回调函数n回调函数通过DOM动态更新HTML页面l（3）动态改变HTML页面内容的方法：DOM。nDOM可将HTML页面视为一组包含父子关系的节点的集合nDOM是JavaScript获取页面数据的方式nJavaScript可以通过DOM访问每个节点，修改节点内容及其属性，新增节点，删除节点（4） 让页面表现更友好的技术：CSS。在Web页面采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。（5） 数据交换格式：JSON，而不是XMLnAjax技术提出时，XML主要作为通信双方的数据交换载体，但后来被JSON取代。n JSON的全称是”JavaScriptObjectNotation”，意思是JavaScript对象表示法，它是一种基于文本，独立于语言的轻量级数据交换格式。n JSON语法规则u 数据在名称/值对中u 数据由逗号分隔u 花括号保存对象u 方括号保存数组nJSON数据的书写格式是：名称/值对。名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值：firstName:Johnn JSON值u 数字（整数或浮点数）u 字符串（在双引号中）u 逻辑值（true或false）u 数组（在方括号中）u 对象（在花括号中）u nullJSON对象在花括号中书写firstName:John,lastName:DoeJSON数组在方括号中书写： 2.2 Ajax的特征 （1）异步发送请求 （2）服务器响应是数据，而不是页面内容l （3）浏览器中的是应用，不是简单视图n 在传统Web应用中，浏览器只是简单视图，不包含任何逻辑功能n 对于Ajax应用，浏览器不仅可以包含简单逻辑，甚至可以保存用户会话状态 Ajax应用初始化时，需要加载大量的JavaScript代码。这些JavaScript代码中已经包含了部分业务逻辑，将在后台默默工作，负责处理部分逻辑，异步提交请求，以及读取服务器响应数据，动态更新页面。2.3 jQuery简介 jQuery库是非常优秀的JavaScript库，也是一个纯粹的JavaScript代码库，可以在任何Web应用中使用。ljQuery可以做到跨浏览器运行，开发者只要面向jQuery编程，JavaScript脚本即可在不同浏览器之间自由切换。l优雅的解决方案：使用jQuery库之后，开发者操作的对象不再是原始的DOM元素，而是jQuery对象。通过这种方式就使开发者无须理会不同浏览器处理DOM对象时存在的差异，而是直接以jQuery对象所支持的属性和方法操作DOM对象。l对Ajax提供了良好的支持：使用jQuery，无须手动创建XMLHttpRequest对象，只需指定发送请求的URL和处理响应的回调函数即可，jQuery负责完成剩下的工作l 提供了工具方法以简化数组、字符串的操作。2.4 理解jQuery的设计 （1）使用jQuery动态更新HTML页面的两个步骤n 获取jQuery对象。jQuery对象通常是对DOM对象的包装n 调用jQuery对象的方法来改变自身。当jQuery对象被改变时， jQuery包装的DOM对象随之改变 HTML页面的内容也就随之改变了 （2）jQuery很多改变自身属性的方法的返回值，就是该对象本身。因此可以连续 调用改变自身属性的方法。l （3）学习jQuery，只需掌握2点n 获取jQuery对象 njQuery对象有哪些可用的方法 2.5 获取jQuery对象获取jQuery对象的两种方式n使用$()函数或用jQuery对象提供的，利用父子关系来返回的jQuery对象n jQuery对象的调用方法改变自身后返回的jQuery对象2.6 SQLServer2000 SQLServer是一个关系数据库管理系统，它最初是由MicrosoftSybase和Ashton-Tate三家公司共同开发的，于1988年推出了第一个OS/2版本，在WindowsNT推出后Microsoft与Sybase在SQLServer的开发上就分道扬镳了7。Microsoft将SQLServer移植到WindowsNT系统上，专注于开发推广SQLServer的WindowsNT版本，Sybase则较专注于SQLServer在UNIX操作系统上的应用。在本书中介绍的是MicrosoftSQLServer以后简称为SQLServer或MSSQLServer。SQLServer2000是Microsoft公司推出的SQLServer数据库管理系统的较新版本，该版本继承了SQLServer7.0版本的优点同时又比它增加了许多更先进的功能，具有使用方便可伸缩性好与相关软件集成程度高等优点，可跨越从运行MicrosoftWindows2000的膝上型电脑到运行MicrosoftWindows2000的大型多处理器的服务器等多种平台使用8。第3章 总体设计3.1功能模块设计 3.1.1业务流程图 3.1.2系统功能结构 根据图书馆管理系统的特点，可以将其分为系统设置、读者管理、图书管理、图书借还、系统查询等5个部分，具体功能模块如图所示。3.2数据库设计3.2.1数据总体结构设计整个系统所包括的所有信息包含图书信息、读者信息、图书借阅信息、图书归还信息、管理员信息、读者类型信息、图书类型信息。可将信息抽象为下列系统所需要的数据项和数据结构：(1)图书信息（图书编号，图书名称，图书类型，作者，译者， ISBN号，价格，出版社，所在书架，入库时间，操作员）(2)图书类型（图书编号，名称，可借阅天数）(3)读者信息（编号，姓名，性别，借阅证编号，读者类型，出生年月，有效 证件，证件号码，登记日期，电话，邮箱，操作员）(4) 读者类型（名称，可借阅图书本数）(5) 图书借阅信息（图书编号，读者ID，借出时间，应还时间，是否归还，操 作员）(6)图书归还信息（图书编号，读者ID，归还时间，操作员）(7)管理员信息（名称，密码）；图书馆书架信息（名称）；出版社信息；权限 信息）(8) 图书馆信息（编号，名称，馆长，电话，地址，邮箱，创建日期，简介） 在这里使用E-R图描述了图书馆管理系统的数据模型。下图标识涉及的实体及关系。3.2.2图书信息表结构设计 图书馆馆藏中图书的信息主要在图书信息表中反映出来，在一本书入库时，就会由操作员添加它们的相关信息。系统借助本表来完成图书信息的查询。比如出版社则为出版该书出版社，图书入库时间显示图书进入图书馆的时间表的具体结果如下：3.2.3图书类型信息表结构设计图书总是分为很多类型，比如社科，比如文学，该表的主要内容就是为图书进行分类，可借阅天数反映了该种类型图书的可借阅天数。表的具体结构设计如下：3.2.4读者信息表结构设计 该表设计了就是为了读者进行分类，而且不同类型的读者可借阅图书的数据是不同的。在此表中，还可以对各种类型读者的可借阅图书数据进行修改。表的具体结构设计如下:3.2.5读者类型信息表结构设计不同类型的读者拥有不同的权限，而可借阅图书数据也由其权限规定。本表就是对不同类型读者进行分类的表。表的结构设计如下:3.2.6图书借阅信息表结构设计当一本书入库了之后，也就有了其相关的信息，比如入借阅时间，归还时间。本表记录的就是这些信息。记录了图书的状态，是被借出还是被归还。表的结构设计如下:3.2.7图书归还信息表结构设计该表的主要作用就是记录图书应该被归还的时间，除此之外，把图书与借阅者联系起来应该也是它的一个功能。表的结构设计如下表:3.2.8管理员信息表结构设计用于记录信息，包含ID和登陆密码表的具体结构设计见下表:3.2.9图书馆信息表结构设计包含图书馆的诸多信息，方便读者对图书馆的了解。表的具体设计如下:3.2.10书架信息表结构设计该表存储的为书架信息，表的具体设计如下:第4章 详细设计4.1登录模块实现登录模块主要功能是实现用户的登陆，一般是从系统首页登陆然后进入系统。具体操作为，打开浏览器，然后在地址栏中输入:8080/Library_Sys/，即能看到系统首页了。根据提示输入用户名及其密码，再按确定，即可立即进入系统了。struts.xmlapplicationContext.xmlorg.hibernate.dialect.MySQLDialectcom/mybbs/vo/Question.hbm.xmlcom/mybbs/vo/Admin.hbm.xmlcom/mybbs/vo/Answer.hbm.xmlcom/mybbs/vo/User.hbm.xmlUserAction.java(Action)(只有一个userManager的set方法没有get方法。写在spring注入是会同时提供get和set方法，若使用json执行action后返回json数据，此时就会出现上面的异常错误。解决办法是，去掉get方法。packagecom.mybbs.action;importcom.mybbs.manager.UserManager;importcom.mybbs.vo.User;importcom.opensymphony.xwork2.ActionSupport;publicclassUserActionextendsActionSupportUserManageruserManager;Useruser;publicStringinfo;publicUsergetUsery()returnusery;publicvoidsetUsery(Userusery)this.usery=usery;publicStringcheck()throwsExceptionSystem.out.println(username);Useruser1=userManager.check(user.getUsername();ll)info=恭喜你可以使用;elseinfo=用户已经存在;System.out.println(info);returnSUCCESS;publicvoidsetUserManager(UserManageruserManager)this.userManager=userManager;-publicUsergetUser()returnuser;publicvoidsetUser(Useruser)this.user=user;publicvoidsetInfo(Stringinfo)=info;publicStringgetInfo()returninfo;index.jspbasehref=MyJSPregister.jspstartingpagescripttype=text/javascriptsrc=/js/jquery-11.2.6.pack.js$(document).ready(function()$(#check).blur(function()varparams=$(#check).serialize();$.ajax(url:check.action,type:post,dataType:json,data:params,success:update_page););)functionupdate_page(info)varjson