JavaWeb课程设计——图书馆管理系统.doc

JavaWeb课程设计
实验报告

班级:
计算机09-2
实验内容：
图书馆管理系统
成员：
赵伯涛 44号(组长)
张宝红 42号
黄海清 22号
实验时间：
从 2011年12月3日
至 2011年12月9日
指导老师：
李启锐

一、实验目的.
1、在实践中巩固本学习所学的JavaWeb技术。
2、在实践中初步使用设计模式（GoF），体验设计模式带来的好处.
3、配合数据库的使用,实现一个功能完善的小型系统。

二、实验内容。
开发一个图书管理系统，实现图书馆的各种管理操作。如图书入库、作废，借书证提供、挂失处理，图书的借出、归还、续借、丢失以及超期处理.s
三、业务逻辑。

四、数据库设计。
根据业务逻辑设计出数据库。表结构及关系如下图：

数据库导入文本保存在DataBaseSQL。txt文档中，数据库数据保存在Data。txt文档中。
五、框架结构.

采用了类似与MVC框架的框架结构,页面端使用了ExtJS技术(包含AJAX），增加了业务层和，数据库操作层.控制器层调用业务层，业务层调用数据库操作层。将控制，业务，数据库操作分别分层。

六、技术性代码。
（本实验的代码在Library。zip中）
1、tomcat数据库连接池技术.在tomcat中的配置文件server。xml文件中配置项目Context标签，再加入Resource标签：
。〈Context path="LibraryOA”
。。 。。docBase="/home/sea /MyEclipse/LibraryOA/WebRoot"
。 .。debug=”0”>
<Resource
name="jdbc/webdb”
auth=”Container"
type=”javax。sql.DataSource"
driverClassName=”org。gjt。mm.mysql.Driver"
url="jdbc：mysql：//localhost：3306/LibraryOA"
username="root”
password=”root"
maxActive="50”
maxIdle="20"
maxWait=”10000” />
〈/Context>
以上代码配置了数据库驱动，数据库地址，数据库用户名、密码,默认提供的连接数,最大提供的连接数,最长等待时间等参数.

2、Java中从连接池获取连接的类,使用了单例模式（来自GoF提出的设计模式)：
// DataBaseConnectionPond。java
package library.util；
import java。sql.Connection；
import javax。sql。DataSource；

//作者：赵伯涛
public class DataBaseConnectionPond {

private static DataBaseConnectionPond dbcp = null；
private DataSource ds = null；

private DataBaseConnectionPond(） throws Exception ｛
javax。naming。Context ctx = new javax。naming.InitialContext（);
ds = (DataSource) ctx。lookup(”java:/comp/env/jdbc/webdb”）;
}

public Connection GetConnettion(） throws Exception {
return ds。getConnection（）;
｝

public static Connection getConnection() throws Exception {
Connection conn = null;
if （dbcp == null） {
Thread。sleep(（long) (Math。random() ＊ 200))；
synchronized （DataBaseConnectionPond.class) ｛
if (dbcp == null) ｛
dbcp = new DataBaseConnectionPond(）；
}
｝
}
try {
conn = dbcp。GetConnettion（);
} catch (Exception e) ｛
}
return conn；
}
}
该类在整个项目部署的过程中只实例化了一个对象，故称单例.可以通过该类的static函数getConnection()获取连接。

3、Dao(Data Access Object）的模板化实现，使用了模板方法模式（来自GoF提出的设计模式)：
//SqlExecute。java
package library.execute；
import java。sql.Connection;
import library.util。＊；

//作者:赵伯涛
public abstract class SqlExecute {
public Connection conn;
public Object result;

public abstract void setExecute() throws Exception；

public Object execute(） {
try {
conn = DataBaseConnectionPond。getConnection();
conn。setAutoCommit（false）;
setExecute（）;
mit(）;
｝ catch （Exception e） ｛
try ｛
conn。rollback（）；
｝ catch （Exception ee） ｛
｝
e。printStackTrace(）;
｝ finally {
try {
conn。close()；
} catch （Exception e） ｛
｝
}
return result；
}
}
该类是一个抽象类，必须通过继承该类来实现具体的功能，其中的execute()函数是一个模板方法,将try—catch-finaly、获取connection及connection的事务处理提取出来，具体Dao的功能应该写在setExecute（)函数中，在具体实现Dao的功能的时候可以不用重复这些代码，方便程序员编码，也方便程序员维护程序。下面举例使用这个模板类:
//ReaderChangePasswordDao.java
package library。dao;

import java.sql.PreparedStatement;

import library.execute。SqlExecute;
import library。model.ReaderModel；

//作者：赵伯涛
public class ReaderChangePasswordDao extends SqlExecute {

private ReaderModel rm；

// 传入 readerID， password, password2（旧密码）
// 返回 影响行数
public ReaderChangePasswordDao(ReaderModel rm) {
this。rm = rm；
}

＠Override
public void setExecute（） throws Exception ｛
String sql = ”update Readers set password = ？ where readerID = ？ and password = ?";

PreparedStatement ps = conn。prepareStatement（sql）;

ps。setString(1, rm.getPassword（））;
ps.setInt(2, rm。getReaderID（));
ps。setString(3, rm.getPassword2()）；

this.result = ps.executeUpdate(）;
｝
｝
上面的类继承了SqlExecute类，重写了它的setExecute()函数,通过构造函数传入操作时需要的参数，在写代码的时候可以更加专注于数据库的操作，因为其它操作由模板类做好了。这对写一个数据库操作或许没什么大不了的，但是一个项目里边数据库操作肯定是几十个，几百个，甚至几千个，使用模板类减少的编码量是非常客观的.下面举例使用ReaderChangePasswordDao类:
//来自UserCommonService。java的部分代码
// 读者修改密码
public boolean readerChangePassword（int readerID, String newPassword，
String oldPassword) {
ReaderModel rm = new ReaderModel（）；
rm.setReaderID（readerID）;
rm。setPassword(newPassword）；
rm。setPassword2(oldPassword）；
ReaderChangePasswordDao rcpd = new ReaderChangePasswordDao（rm)；
int count = （Integer) rcpd.execute（)；
if (count 〉 0） ｛
return true;
} else ｛
return false;
｝
｝
注意：使用Dao的时候调用的应该是它的execute()方法（在抽象类中).

4、时间显示
var cTime=new Date(）;//初始化日期

var myYear=cTime.getFullYear(）;//年
var myMonth=cTime.getMonth(）+1；//月
var myDate=cTime.getDate();//日

//获得时分秒
var myHour=cTime。getHours(）;//时
var myMinute=cTime。getMinutes();//分
var mySecond=cTime。getSeconds();//秒
if(myHour < 10){//判断如果时钟小于10就显示两位，前一位用0代替
myHour = '0’ + myHour;
｝
if（myMinute 〈 10)｛//判断如果分钟小于10就显示两位，前一位用0代替
myMinute = '0' + myMinute；
}
if（mySecond 〈 10){//判断如果分秒钟小于10就显示两位，前一位用0代替
mySecond = ’0’ + mySecond；
｝
var time=time= myYear+’/’+myMonth+'/’+myDate+’ ’+myHour+'：'+myMinute+’：'+mySecond;//格式化时间
var timer = setInterval(function() ｛//定义一个时钟，周期为1秒
var cTime=new Date（);

var myYear=cTime.getFullYear（)；//支持火狐
var myMonth=cTime.getMonth（）+1;//外国都是以0开头为一月
var myDate=cTime。getDate（）；

//获得时分秒
var myHour=cTime。getHours（)；
var myMinute=cTime.getMinutes()；
var mySecond=cTime.getSeconds()；
if(myHour < 10）{
myHour = '0’ + myHour;
｝
if（myMinute 〈 10）{
myMinute = ’0’ + myMinute;
}
if(mySecond 〈 10)｛
mySecond = '0' + mySecond；
｝
var cmp = Ext。getCmp("timer"）；
time= myYear+'/’+myMonth+'/’+myDate+’ '+myHour+’:’+myMinute+'：'+mySecond；
cmp.setValue(time)；

｝， 1000);

5、登录控制
//登录界面

Ext。onReady(function（）{
Ext.QuickTips.init（）；
var form = new Ext。Panel(｛ //登录验证的form
autoTabs：true,
activeTab:0，
deferredRender:false，
border：false，
bodyStyle : "background—color:RGB（193，223，232）；padding：0px 0px 0px 0px；"，
items：[{
xtype:'box’，
width:385，
height:80，
autoEl:｛
tag：’img’,
src：'icons/borrowbooks.jpg’
}
｝,｛
xtype：'panel’，
bodyStyle：'background-color：RGB(193，223，232）；’,
layout:’hbox’,
items:［{
xtype：'panel'，
bodyStyle:'background—color:RGB（193，223,232）;'，
border:false,
width：120，
height：150，
items：[｛
xtype:’panel’,
layout：'hbox’，
border:false，
bodyStyle:’background-color：RGB（193，223，232);padding: 10px 0px 0px 10px’,
items:[{
xtype：'box',
width:’30',
height:'30'，
autoEl:{
tag:'img',
src:’icons/0。png’
｝
},｛
xtype:’panel'，
border:false,
bodyStyle：'background—color:RGB(193，223,232)；padding： 5px 0px 0px 0px'，
items：［{
xtype:'displayfield’,
value:"〈a href='javascript：;' onclick=viewWindow（'”+l。names[0］+"'）><font size=2〉查阅书目</font〉〈/a>”
｝]
｝］
｝,{
xtype：'panel’,
layout:'hbox’,
border：false，
bodyStyle:’background-color：RGB（193,223,232);padding: 10px 0px 0px 10px’，
items：［｛
xtype：’box'，
width：’30’，
height：’30’，
autoEl:{
tag：’img’，
src:'icons/6。png'
}
},{
xtype：'panel',
border：false,
bodyStyle:’background—color：RGB（193,223,232）;padding： 5px 0px 0px 0px’,
items：［｛
xtype：'displayfield'，
value："〈a href=’javascript:；' onclick=viewWindow（’"+"找回密码”+"')〉<font size=2>找回密码〈/font>〈/a〉"
｝］
｝］
｝］
｝,｛
xtype：’panel’,
border：false，
width：320,
height：150,
bodyStyle:'background—color：RGB（193,223，232);’，
items：[｛
xtype:'panel',
layout:’form'，
border：false，
items：［{
xtype:'form’，
layout:’form’，
id：’loginno',
labelWidth:30,
bodyStyle:'background—color：RGB(193，223,232）;padding: 15px 0px 0px 0px’,
border：false,
defaults:{
width:200
},
items：［｛
xtype:'textfield’，
fieldLabel:'编号’,
allowBlank:false
｝］
｝,｛
xtype：'form'，
layout：'form',
id：’loginpassword’，
labelWidth：30，
bodyStyle：'background-color：RGB（193,223,232）；padding: 10px 0px 0px 0px',
border:false，
defaults：｛
width：200
｝,
items:［{
xtype：'textfield’,
fieldLabel：’密码’，
inputType:'password',
allowBlank:false
}］
｝]
}］
｝]
｝]
｝)；
function login（）{ //登录验证函数
var formNo = Ext.getCmp(”loginno");
var formPassword = Ext。getCmp（"loginpassword”）;
var username = formNo.items。items[0]；
var password = formPassword.items。items[0];
if（username.getValue（）.trim(） ！= "”＆＆ password.getValue（)。trim（) != ”"）｛
Ext.Ajax。request（｛
url：’servlet/LoginServlet'，
success: function(response)｛
var result = Ext。decode(response.responseText)；
if（result.success)｛
location。href = "index。html”；
loginWindow.close（);
｝else｛
Ext.Msg。alert（'提示’,result。msg，function（）{
formPassword。getForm（）.reset()；
｝）；
};
｝，
params: {
cmd:’login'，
username：username.getValue（)。trim（)，
password：password。getValue（).trim（)
｝，
scope:this
}）；
｝else {
Ext.Msg。alert(’提示'，’编号和密码都不能为空!’）;
}
}
var loginWindow = new Ext。Window（{//登录窗口
title:'用户登录’,
layout:'fit’，
width：400，
height:240,
shadow ： true，
shadowOffset : 5，
plain： true，
maximizable:false,
draggable： false，
closable： false,
resizable：false,
animateTarget:document.body,
items：[form],
keys:[｛//给登录按钮添加事件
key：Ext.EventObject。ENTER，
fn:function（）{
login（）；
｝,
scope:this
｝］ ,
buttons： ［｛
icon: ’icons/accept。png’，
text：'登录',
handler: function(）｛
login(）;
｝
｝,｛
icon：’icons/rss_go.png’，
text:’重置',
handler：function（){
var formNo = Ext.getCmp（"loginno”);
var formPassword = Ext.getCmp("loginpassword"）;
formNo.getForm(）。reset（）；
formPassword。getForm(）.reset（）；
}
}]
｝);
loginWindow。show（)；//显示登录窗口
｝);

七、效果截图。

八、实验心得.
通过本次实验，我们不单单巩固了我们的Jsp技术，同时业务逻辑能力得到了提高,能通过业务逻辑设计一个数据库,并且在实现业务逻辑的过程中初步使用了GoF提出的设计模式，同时也体验到它带来的好处.在共同合作开发的过程中，学会如何分工及沟通.
33 / 33