图书管理系统的JSP网页设计.docx

1、图书管理系统的JSP网页设计武汉理工大学华夏学院课 程 报 告课程名称：网页设计与制作题 目:图书管理系统的JSP网页设计 专 业 信息工程系 班 级 软件2101 学 号 姓 名 成 绩 _指导教师 2012年9月3日至2012年11月30日1 设计目的计算机技术的迅猛发展，特别是随着网络技术的出现标志着信息时候已经来临。信息化浪潮、网络革命在给社会带来冲击的同时，也使图书馆业务受到了强烈的冲击，图书馆传统的管理和服务方式已不能适应读者对日益增长的文献信息的需求，建设图书馆信息网络系统，是图书馆现代化建设的客观要求。建设以计算机为核心的图书馆信息网络，实现图书馆管理和服务的自动化，更好地为科

2、技工作服务,是图书馆发展的必由之路。目前,国内大部分大型的公共图书馆和高校图书馆都实现了网络管理,中小型图书馆（包括企业图书馆），也在朝着这个方向发展。现代企业的迅猛发展,对图书资料的需求量增大，图书资料越来越多，传统手工卡片式的图书借阅管理模式已经不能满足现状,因此有必要采用先进的计算机技术对图书资源进行科学的管理.针对中小型图书管理系统的特点和要求，综合各方面的考虑采用JSP,JDK和JDBC等技术开发本系统。系统中Tomcat作为Web服务器MYSQL作为数据库服务器使用HTML，JAVASCRIPT，JSP进行网络应用程序的开发,利用JDBC访问机制对后台数据库进行访问.2 开发环境1

3、.操作系统：Windows 2000/Windows XP/Windows 20032.数据库：MYSQL3.其它：JDK 5.0以上，tomcat5.0以上3 需求分析图书管理涉及图书信息、管理员信息、读者信息、图书借阅等多种数据管理。从管理的角度可将图书分为两类：图书信息管理、读者数据管理.图书信息管理包括图书征定、借还、查询等操作，读者数据管理包括读者信息管理和个人信息的录入、修改和删除。 图书借阅者的需求是查询图书室所存的图书、个人借阅情况及个人信息的修改；图书馆工作人员对图书借阅者的借阅及还书要求进行操作,同时形成借书或还书报表给借阅者查看确认；图书馆管理人员的功能最为复杂,包括对工

4、作人员、图书借阅者、图书进行管理和维护，及系统状态的查看、维护等。图书借阅者可直接查看图书馆图书情况，如果图书借阅者根据本人借书证号和密码登录系统，还可以进行本人借书情况的查询和维护部分个人信息.一般情况下，图书借阅者只应该查询和维护本人的借书情况和个人信息,若查询和维护其他借阅者的借书情况和个人信息,就要知道其他图书借阅者的借书证号和密码。这些是很难得到的，特别是密码，所以不但满足了图书借阅者的要求，还保护了图书借阅者的个人隐私.图书馆工作人员有修改图书借阅者借书和还书记录的权限，所以需对工作人员登陆本模块进行更多的考虑。在此模块中，图书馆工作人员可以为图书借阅者加入借书记录或是还书记录，并

5、打印生成相应的报表给用户查看和确认。图书馆管理人员功能的信息量大，数据安全性和保密性要求最高。本功能实现对图书信息、借阅者信息、总体借阅情况信息的管理和统计、工作人员和管理人员信息查看及维护。图书馆管理员可以浏览、查询、添加、删除、修改、统计图书的基本信息;浏览、查询、统计、添加、删除和修改图书借阅者的基本信息，浏览、查询、统计图书馆的借阅信息，但不能添加、删除和修改借阅信息，这部分功能应该由图书馆工作人员执行，但是，删除某条图书借阅者基本信息记录时，应实现对该图书借阅者借阅记录的级联删除。并且还应具有生成催还图书报表，并打印输出的功能.4 概要设计4.1 总体设计思想图书论坛管理系统主要分为

6、前台功能和后台功能两大模块，再根据这两大模块逐渐衍生出各个分支模块。先设计好数据库,然后对其设计相应的八张表。根据自己的设计思想对每张JSP页面进行美化和相互关联，后与MYSQL进行连接运行,得到自己想要的效果。4。2 系统功能结构图 图4-1 论坛管理系统结构功能图4。3 数据库设计4.3。1 数据库E-R图1)读者信息 图42 读者信息数据表2）图书信息 图43 图书信息数据表3）图书借阅信息 图4-4 图书借阅信息表4）图书归还信息 图45 图书归还信息表5)图书过期信息 图46 图书过期信息数据表6）图书预约信息 图4-7 图书预约信息数据表7）读者查询信息 图4-8 读者查询信息数据

7、表8）用户管理信息 图49 用户管理信息数据表4.3.2 数据库表结构读者信息表字段名称 数据类型长度读者编号varchar4姓名varchar10性别varchar10班级varchar10院系varchar20表4-1 读者信息表 图书信息表字段名称 数据类型长度图书编号int4图书名称varchar10图书类型varchar10作者varchar10出版社varchar10库存数量int4表42 图书信息表图书借阅信息表字段名称数据类型长度借阅编号int4图书编号int4读者编号int4借阅日期varchar10归还日期varchar10表43 图书借阅信息表图书归还信息表字段名称 数据

8、类型长度归还编号int4图书编号int4读者编号int4借阅日期varchar10归还日期varchar10表44 图书归还信息表图书过期信息表字段名称 数据类型长度过期编号int4图书编号int4读者编号int4应罚金额varchar10实收金额varchar10表45 图书过期信息表图书预约信息表字段名称 数据类型长度预约编号int4图书编号int4读者编号int4预约日期varchar10表4-6 图书预约信息表读者查询信息表字段名称 数据类型长度读者编号int4借阅书名varchar10为归还书名varchar10表4-7 读者查询信息表用户管理信息表字段名称 数据类型长度userna

9、mevarchar10passwordvarchar10表4-8 用户管理信息表5 详细设计与实现根据需求分析及系统设计情况,结合JSP、MYSQL的特点开发出了论坛系统网站，在进行编码测试之后，网站实现了上面分析的基本功能。在满足运行环境的条件下，对系统主要功能的实现方法及运行界面介绍如下。5。1 管理员登录模块 图51 管理员登录模块管理员登录相关代码：pcenter 欢迎进入图书馆管理系统/p pstrong管理员名称：/strong/span label /p /center p密码：/spanlabel /center centerp class=STYLE10span class=

10、STYLE11”/span label input name=提交 type=submit class=”STYLE16 value=提交 / span class=STYLE16 /p  ；nbsp；nbsp； ； nbsp；  ； ； input onclick=window。close()； value=”取 消 type=”button” /center/form5.2 登录成功后的主界面 图5-2 图书馆主界面图书馆界面相关代码：style type=text/css”!.STYLE1 color： #990033； fontweight：

11、bold；-/stylestyleaTEXT-DECORATION:nonea：hoverTEXTDECORATION：underline。STYLE2 color: #000000/styletable width=900 border=”0” bordercolor=”FFFFFF bgcolor=#000000 img src=Images/1.gif width=”895 height=”142” / tr td width=200 height=0” bgcolor=CCFF00div align=center”图书馆管理系统欢迎你！/span 首页/strong td width=

12、”100” bgcolor=”#009933a href=”reader。jsp” class=STYLE2”读者管理/a/div td width=”100 bgcolor=009933”div align=”center”stronga href=book.jsp class=STYLE2图书管理/strong/div/td td width=100” bgcolor=”#009933”图书借阅/div td width=”100 bgcolor=”#009933”strong图书归还/strong/div/td div align=center”strong系统管理/a/strong/t

13、d 退出系统/strong/td /tr/table/html5.3 读者管理档案模块 图53 读者档案管理模块读者档案管理模块相关代码：td valign=top” bgcolor=FFFFFF” tr td height=510” valign=”top style=”padding：5px;table width=”98% height=”487 border=”0 cellpadding=”0 cellspacing=0 tr td height=22 valign=top class=”word_orange”当前位置：读者管理/a > 读者档案管理 >；gt;>； t

14、r td align=”center” valign=toptable width=100%” height=30” border=”0” cellpadding=”0 cellspacing=0 tr 读者档案管理/td /tr /table table width=”100 border=”0” cellspacing=0 cellpadding=0” tr nbsp; a href=”reader_add.jsp” class=STYLE3添加读者信息/a /tr table width=98” border=1 cellpadding=0 cellspacing=0 bordercol

15、or=”#FFFFFF bordercolordark=D2E3E6” bordercolorlight=”FFFFFF tr align=”center bgcolor=e3F4F7 读者编号/td 姓名 td width=8%性别/td td width=12%班级/td td width=”20%院系/td /tr while(rs.next（)） out.println（”tr align=center）； out。println(td+rs.getString（1)+”)； out.println（）; out.println(”+rs.getString（3）+”); out.pr

16、intln(”+rs。getString（4)+”/td”); out.println（”+rs。getString（5)+/td”）； % /table/td 5。4 读者添加模块 图5-4 读者添加模块读者添加模块核心代码：Class。forName（sun.jdbc。odbc。JdbcOdbcDriver）；Connection con = DriverManager.getConnection（”jdbc：odbc：zc”，”sa”,”111111);Statement stmt = con。createStatement（);ResultSet rs;rs=stmt.executeQ

17、uery(select from reader”）;% %tryString id=request.getParameter（id”)；if（id=null）id=;String name=request.getParameter(name”）；if(name=null)name=;String sex=request.getParameter(sex）；if（sex=null）sex=”；String banji=request。getParameter(”banji）;if(banji=null)banji=”;String dept=request。getParameter(”dept”

18、);if（dept=null)dept=”;trybyte a=name。getBytes（”ISO88591”）; name=new String(a，”gb2312”）； byte b=sex.getBytes(ISO8859-1）; sex=new String(b，gb2312”）; byte c=dept.getBytes（”ISO-8859-1); dept=new String(c,”gb2312）; catch(Exception e）if（id!=null & name!=null & sex！=null & banji!=null & dept！=null)String s

19、tr1=”INSERT INTO reader Values +”（”+”+id+,”+name+，+sex+”，+banji+,+dept+)；stmt.executeUpdate（str1）； rs。close(）;stmt.close（);con。close(）;catch (Exception e)out.println(”/font”）；% %Class.forName（”sun.jdbc.odbc。JdbcOdbcDriver);rs=stmt.executeQuery（select from reader）;5。5 读者信息查询模块 图5-5 读者信息查询模块读者信息查询代码：f

20、orm action=chaxunjieguo。jsp” method=get”读者查询页面/span/centerbr center 查询方式： input type=”radio” name=selectetype” value=”按性别查询 /性别查询 /label label input type=”radio” name=”selectetype value=按班级查询 /按班级查询 input type=text” name=”selecteinfo / /label label input type=submit” name=”Submit” value=提交” / a href=xitongguanli。jsp class=STYLE2”返回/a/td /center table width=”98 border=1 td width=”10姓名/td td width=8%”性别/td td width=”12%”班级/td 院系 /tr while（rs1.next(） out.print(”+rs1。getString(1）+”/td”）; out。print（td+rs1.getString（2）+”+rs1。getSt