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

上传人:b****8 文档编号:9819937 上传时间:2023-02-06 格式:DOCX 页数:30 大小:496.45KB
下载 相关 举报
图书管理系统的JSP网页设计.docx_第1页
第1页 / 共30页
图书管理系统的JSP网页设计.docx_第2页
第2页 / 共30页
图书管理系统的JSP网页设计.docx_第3页
第3页 / 共30页
图书管理系统的JSP网页设计.docx_第4页
第4页 / 共30页
图书管理系统的JSP网页设计.docx_第5页
第5页 / 共30页
点击查看更多>>
下载资源
资源描述

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

《图书管理系统的JSP网页设计.docx》由会员分享,可在线阅读,更多相关《图书管理系统的JSP网页设计.docx(30页珍藏版)》请在冰豆网上搜索。

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

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

武汉理工大学华夏学院

课程报告

课程名称:

网页设计与制作Ⅱ

题目:

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

 

专业信息工程系

班级软件2101

学号

姓名

成绩_________________

指导教师

2012年9月3日至2012年11月30日

1设计目的

计算机技术的迅猛发展,特别是随着网络技术的出现标志着信息时候已经来临。

信息化浪潮、网络革命在给社会带来冲击的同时,也使图书馆业务受到了强烈的冲击,图书馆传统的管理和服务方式已不能适应读者对日益增长的文献信息的需求,建设图书馆信息网络系统,是图书馆现代化建设的客观要求。

建设以计算机为核心的图书馆信息网络,实现图书馆管理和服务的自动化,更好地为科技工作服务,是图书馆发展的必由之路。

目前,国内大部分大型的公共图书馆和高校图书馆都实现了网络管理,中小型图书馆(包括企业图书馆),也在朝着这个方向发展。

现代企业的迅猛发展,对图书资料的需求量增大,图书资料越来越多,传统手工卡片式的图书借阅管理模式已经不能满足现状,因此有必要采用先进的计算机技术对图书资源进行科学的管理.针对中小型图书管理系统的特点和要求,综合各方面的考虑采用JSP,JDK和JDBC等技术开发本系统。

系统中Tomcat作为Web服务器MYSQL作为数据库服务器使用HTML,JAVASCRIPT,JSP进行网络应用程序的开发,利用JDBC访问机制对后台数据库进行访问.

2开发环境

1.操作系统:

Windows2000/WindowsXP/Windows2003

2.数据库:

MYSQL

3.其它:

JDK5.0以上,tomcat5.0以上

3需求分析

图书管理涉及图书信息、管理员信息、读者信息、图书借阅等多种数据管理。

从管理的角度可将图书分为两类:

图书信息管理、读者数据管理.图书信息管理包括图书征定、借还、查询等操作,读者数据管理包括读者信息管理和个人信息的录入、修改和删除。

图书借阅者的需求是查询图书室所存的图书、个人借阅情况及个人信息的修改;图书馆工作人员对图书借阅者的借阅及还书要求进行操作,同时形成借书或还书报表给借阅者查看确认;图书馆管理人员的功能最为复杂,包括对工作人员、图书借阅者、图书进行管理和维护,及系统状态的查看、维护等。

图书借阅者可直接查看图书馆图书情况,如果图书借阅者根据本人借书证号和密码登录系统,还可以进行本人借书情况的查询和维护部分个人信息.一般情况下,图书借阅者只应该查询和维护本人的借书情况和个人信息,若查询和维护其他借阅者的借书情况和个人信息,就要知道其他图书借阅者的借书证号和密码。

这些是很难得到的,特别是密码,所以不但满足了图书借阅者的要求,还保护了图书借阅者的个人隐私.图书馆工作人员有修改图书借阅者借书和还书记录的权限,所以需对工作人员登陆本模块进行更多的考虑。

在此模块中,图书馆工作人员可以为图书借阅者加入借书记录或是还书记录,并打印生成相应的报表给用户查看和确认。

图书馆管理人员功能的信息量大,数据安全性和保密性要求最高。

本功能实现对图书信息、借阅者信息、总体借阅情况信息的管理和统计、工作人员和管理人员信息查看及维护。

图书馆管理员可以浏览、查询、添加、删除、修改、统计图书的基本信息;浏览、查询、统计、添加、删除和修改图书借阅者的基本信息,浏览、查询、统计图书馆的借阅信息,但不能添加、删除和修改借阅信息,这部分功能应该由图书馆工作人员执行,但是,删除某条图书借阅者基本信息记录时,应实现对该图书借阅者借阅记录的级联删除。

并且还应具有生成催还图书报表,并打印输出的功能.

4概要设计

4.1总体设计思想

图书论坛管理系统主要分为前台功能和后台功能两大模块,再根据这两大模块逐渐衍生出各个分支模块。

先设计好数据库,然后对其设计相应的八张表。

根据自己的设计思想对每张JSP页面进行美化和相互关联,后与MYSQL进行连接运行,得到自己想要的效果。

4。

2系统功能结构图

图4-1论坛管理系统结构功能图

4。

3数据库设计

4.3。

1数据库E-R图

1)读者信息

 

图4—2读者信息数据表

2)图书信息

 

图4—3图书信息数据表

3)图书借阅信息

 

 

图4-4图书借阅信息表

4)图书归还信息

 

图4—5图书归还信息表

5)图书过期信息

 

图4—6图书过期信息数据表

6)图书预约信息

 

图4-7图书预约信息数据表

7)读者查询信息

 

图4-8读者查询信息数据表

8)用户管理信息

 

图4—9用户管理信息数据表

4.3.2数据库表结构

读者信息表

字段名称

数据类型

长度

读者编号

varchar

4

姓名

varchar

10

性别

varchar

10

班级

varchar

10

院系

varchar

20

表4-1读者信息表

图书信息表

字段名称

数据类型

长度

图书编号

int

4

图书名称

varchar

10

图书类型

varchar

10

作者

varchar

10

出版社

varchar

10

库存数量

int

4

表4—2图书信息表

图书借阅信息表

字段名称

数据类型

长度

借阅编号

int

4

图书编号

int

4

读者编号

int

4

借阅日期

varchar

10

归还日期

varchar

10

表4—3图书借阅信息表

图书归还信息表

字段名称

数据类型

长度

归还编号

int

4

图书编号

int

4

读者编号

int

4

借阅日期

varchar

10

归还日期

varchar

10

表4—4图书归还信息表

图书过期信息表

字段名称

数据类型

长度

过期编号

int

4

图书编号

int

4

读者编号

int

4

应罚金额

varchar

10

实收金额

varchar

10

表4—5图书过期信息表

图书预约信息表

字段名称

数据类型

长度

预约编号

int

4

图书编号

int

4

读者编号

int

4

预约日期

varchar

10

表4-6图书预约信息表

读者查询信息表

字段名称

数据类型

长度

读者编号

int

4

借阅书名

varchar

10

为归还书名

varchar

10

表4-7读者查询信息表

用户管理信息表

字段名称

数据类型

长度

username

varchar

10

password

varchar

10

表4-8用户管理信息表

 

5详细设计与实现

根据需求分析及系统设计情况,结合JSP、MYSQL的特点开发出了论坛系统网站,在进行编码测试之后,网站实现了上面分析的基本功能。

在满足运行环境的条件下,对系统主要功能的实现方法及运行界面介绍如下。

5。

1管理员登录模块

图5—1管理员登录模块

管理员登录相关代码:

jsp”method=”post”>

〈p>

〈center>

欢迎进入图书馆管理系统〈/p〉

〈center>

〈p>〈strong>管理员名称:

〈/strong〉〈/span>

〈label>

〈/p>

〈/center>

〈p>密码:

〈/span>

〈/center>

〈center〉〈pclass="STYLE10">〈spanclass="STYLE11”>

〈label〉

〈spanclass="STYLE16"〉〈/p>

 ;   ;

   ; ;

〈inputonclick="window。

close();"value=”取消"type=”button”〉

〈/center>

〈/form〉

5.2登录成功后的主界面

图5-2图书馆主界面

图书馆界面相关代码:

〈!

——

.STYLE1{

color:

#990033;

font—weight:

bold;

}

—-〉

〈style〉

a{TEXT-DECORATION:

none}a:

hover{TEXT—DECORATION:

underline}。

STYLE2{color:

#000000}

〈/style〉

〈body>

〈tablewidth="900"border=”0”bordercolor=”#FFFFFF"bgcolor="#000000"〉

〈/tr>

〈tr〉

图书馆管理系统欢迎你!

〈/span〉

jsp”class=”STYLE2">首页〈/strong〉

〈ahref=”reader。

jsp”class="STYLE2”>读者管理〈/a〉

〈tdwidth=”100"bgcolor="#009933”>〈divalign=”center”〉〈strong>〈/strong>〈/div>〈/td>

〈tdwidth="100”bgcolor=”#009933”>图书借阅〈/div>

〈tdwidth=”100"bgcolor=”#009933”>

〈divalign="center”>〈strong>系统管理〈/a>〈/strong>

〈/td>

退出系统〈/strong>

〈/td〉

〈/html〉

5.3读者管理档案模块

图5—3读者档案管理模块

读者档案管理模块相关代码:

<%

Class。

forName(”sun。

jdbc.odbc.JdbcOdbcDriver");

Connectioncon=DriverManager.getConnection(”jdbc:

odbc:

zc",”sa","111111");

Statementstmt=con。

createStatement();

ResultSetrs;

rs=stmt。

executeQuery(”select*fromreader");

%>

〈tr〉

〈tdheight="510”valign=”top"style=”padding:

5px;">〈tablewidth=”98%"height=”487"border=”0"cellpadding=”0"cellspacing="0">

〈tr〉

〈tdheight="22"valign="top"class=”word_orange”>当前位置:

读者管理

〈tr〉

〈tdalign=”center”valign="top"〉

读者档案管理

〈tablewidth=”100%"border=”0”cellspacing="0"cellpadding="0”〉

〈tr〉

&nbsp;

〈tdwidth=”25%">

〈ahref=”reader_add.jsp”class="STYLE3">添加读者信息

〈/tr〉

〈tablewidth="98%”border="1"cellpadding="0"cellspacing="0"bordercolor=”#FFFFFF"bordercolordark="#D2E3E6”bordercolorlight=”#FFFFFF">

读者编号〈/td>

姓名

〈tdwidth="8%">性别〈/td>

〈tdwidth="12%"〉班级〈/td>

〈tdwidth=”20%">院系〈/td>

〈/tr>

〈%

while(rs.next()){

out.println(”

out。

println("

(1)+”");

out.println("

getString

(2)+”〈/td>");

out.println("”+rs.getString(3)+"”);

out.println(””+rs。

getString(4)+”〈/td>”);

out.println("”+rs。

getString(5)+"

}

%〉

〈/table〉

〈/td>

5。

4读者添加模块

图5-4读者添加模块

读者添加模块核心代码:

〈%

Class。

forName("sun.jdbc。

odbc。

JdbcOdbcDriver");

Connectioncon=DriverManager.getConnection(”jdbc:

odbc:

zc”,”sa”,”111111");

Statementstmt=con。

createStatement();

ResultSetrs;

rs=stmt.executeQuery("select*fromreader”);

%〉

<%

try{

Stringid=request.getParameter("id”);

if(id==null)

{id="";}

Stringname=request.getParameter("name”);

if(name==null)

{name="";}

Stringsex=request.getParameter("sex");

if(sex==null)

{sex=””;}

Stringbanji=request。

getParameter(”banji");

if(banji==null)

{banji=”";}

Stringdept=request。

getParameter(”dept”);

if(dept==null)

{dept="”;}

try{bytea[]=name。

getBytes(”ISO—8859—1”);

name=newString(a,”gb2312”);

byteb[]=sex.getBytes("ISO—8859-1");

sex=newString(b,"gb2312”);

bytec[]=dept.getBytes(”ISO-8859-1");

dept=newString(c,”gb2312");}

catch(Exceptione){}

if(id!

=null&&name!

=null&&sex!

=null&&banji!

=null&&dept!

=null){

Stringstr1=

”INSERTINTOreaderValues"+”(”+"'”+id+"’,’”+name+"','"+sex+”',’"+banji+"','"+dept+"')";

stmt.executeUpdate(str1);}

rs。

close();

stmt.close();

con。

close();}

catch(Exceptione){

out.println(”

out。

println(””);

out。

println(”〈/b>〈/font>”);

}%〉

〈%

Class.forName(”sun.jdbc.odbc。

JdbcOdbcDriver");

rs=stmt.executeQuery("select*fromreader");

%>

5。

5读者信息查询模块

图5-5读者信息查询模块

读者信息查询代码:

〈formaction="chaxunjieguo。

jsp”method="get”〉

〈spanclass="STYLE1">读者查询页面

〈br〉

〈inputtype=”radio”name="selectetype”value=”按性别查询"/>性别查询

〈/label>

〈label>

〈inputtype=”radio”name=”selectetype"value="按班级查询"/>按班级查询

〈inputtype="text”name=”selecteinfo"/〉

〈/label>

〈ahref="xitongguanli。

jsp"class="STYLE2”>返回〈/a>

〈/label>

核心代码:

〈%Stringselectetype=request.getParameter(”selectetype”);

Stringselecteinfo=request.getParameter("selecteinfo”);

if(selectetype!

=null&&selecteinfo!

=null){

Class.forName("sun。

jdbc.odbc.JdbcOdbcDriver”);

Connectioncon=DriverManager.getConnection(”jdbc:

odbc:

zc”,"sa”,”111111");

Statementsta=con。

createStatement();

Stringsql1="select*fromreaderwhere性别=’”+selecteinfo+”’";

ResultSetrs1=sta.executeQuery(sql1);

Stringuserid=”按性别查询”;

Stringusername=”按班级查询";

if((userid.trim()).equals(selectetype.trim())){

%>

〈tdwidth=”10%"〉姓名〈/td>

〈tdwidth="8%”〉性别〈/td〉

〈tdwidth=”12%”>班级

院系

<%while(rs1.next()){

out.print("

out。

print("〈td>”+rs1。

getString

(1)+”〈/td>”);

out。

print("

(2)+”

out.print("〈td>"+rs1。

getSt

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 求职职场 > 简历

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1