1、實(shí)驗(yàn)報(bào)告 題目：簡(jiǎn)單圖書管理系統(tǒng)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)學(xué)號(hào)：姓名：李傳高 班級(jí)：計(jì)算機(jī)1003住址：三舍B區(qū)手機(jī)： 日期：2013年5月10日 目 錄1.需求分析11.1簡(jiǎn)單圖書管理系統(tǒng)網(wǎng)站設(shè)計(jì)的目的和意義11.2網(wǎng)站設(shè)計(jì)內(nèi)容12.簡(jiǎn)單圖書管理系統(tǒng)網(wǎng)站的設(shè)計(jì)12.1功能設(shè)計(jì)12.2數(shù)據(jù)庫(kù)設(shè)計(jì)13.簡(jiǎn)單圖書管理系統(tǒng)網(wǎng)站的實(shí)現(xiàn)23.1開發(fā)工具及環(huán)境配置23.1.1開發(fā)環(huán)境23.1.2環(huán)境配置23.2數(shù)據(jù)庫(kù)實(shí)現(xiàn)23.3模塊設(shè)計(jì)23.3.1模塊描述23.3.2數(shù)據(jù)庫(kù)連接模塊設(shè)計(jì)33.3.3首頁(yè)設(shè)計(jì)33.3.4簡(jiǎn)單圖書管理系統(tǒng)頁(yè)面設(shè)計(jì)34.系統(tǒng)發(fā)布與運(yùn)行35.總結(jié)36.參考文獻(xiàn)1. 需求分析1.1 教學(xué)管系統(tǒng)

2、網(wǎng)站設(shè)計(jì)的目的和意義目的：實(shí)現(xiàn)簡(jiǎn)單的圖書管理，同時(shí)通過此系統(tǒng)的設(shè)計(jì)，加強(qiáng)對(duì)網(wǎng)站開發(fā)的了解。1.2 網(wǎng)站設(shè)計(jì)內(nèi)容與圖書館管理系統(tǒng)不同，本系統(tǒng)網(wǎng)站是圖書管理系統(tǒng)，其設(shè)計(jì)目標(biāo)是，建立一個(gè)管理形式的網(wǎng)站，用于個(gè)人對(duì)所擁有的圖書進(jìn)行管理，具有管理員登錄以及圖書的增刪改查功能。2. 教學(xué)管系統(tǒng)網(wǎng)站的設(shè)計(jì)2.1 功能設(shè)計(jì)圖書管理系統(tǒng)網(wǎng)站的主要目的是方便于個(gè)人對(duì)自己所擁有的圖書進(jìn)行管理，具有管理員登陸模塊，以及圖書的增刪改查模塊等功能結(jié)構(gòu)途如圖1. 登陸界面 圖書管理面板 刪除圖書編輯圖書添加圖書圖1 教學(xué)管理系統(tǒng)網(wǎng)站功能結(jié)構(gòu)圖各功能模塊的描述如下：管理員模塊：管理員登陸。圖書管理模塊：1、圖書管理面板 2、

3、添加圖書信息 2、刪除圖書信息 4、編輯（修改）圖書信息 2.2 數(shù)據(jù)庫(kù)設(shè)計(jì)根據(jù)系統(tǒng)分析，設(shè)計(jì)圖書信息管理系統(tǒng)網(wǎng)站的數(shù)據(jù)庫(kù)的表有：管理員信息表（表1）、圖書信息表。表結(jié)構(gòu)如下表1：管理員信息表字段說明類型長(zhǎng)度主鍵備注id用戶idint11 yesusername用戶名varchar50 nopassword密碼varchar30 no表2：圖書信息表字段說明類型長(zhǎng)度主鍵備注id圖書idint11yesname書名varchar50no publish出版社varchar50noprice圖書價(jià)格int11no3. 圖書管理系統(tǒng)網(wǎng)站的實(shí)現(xiàn)3.1 開發(fā)工具及環(huán)境配置3.1.1 開發(fā)環(huán)境操作系統(tǒng)：W

4、indows XP （Windows 7）數(shù)據(jù)庫(kù)服務(wù)器：SQL server 5.0Web服務(wù)器：Tomcat開發(fā)工具：Myeclipse 10.03.1.2 環(huán)境配置JDK安裝路徑：D:Javajdk1.7.0_01Tomcat服務(wù)器安裝路徑：D:MyEclipseApache Tomcat v7.0環(huán)境變量設(shè)置JAVA_HOME=D:Javajdk1.7.0_01 CLASSPATH=%JavaHome%libPATH變量添加的部分：%JAVA_HOME%bin;D:MySQLMySQL Server 5.0bin3.2 數(shù)據(jù)庫(kù)實(shí)現(xiàn)數(shù)據(jù)庫(kù)：MySQL server 5.0數(shù)據(jù)庫(kù)文件URL：

5、D:MySQLMySQL Server 5.0databkODBC數(shù)據(jù)源：JDBC-ODBC3.3 模塊設(shè)計(jì)3.3.1 模塊描述網(wǎng)站根目錄：D:WorkspacesMyEclipse 10本網(wǎng)站設(shè)計(jì)共有如下程序模塊：模塊說明所在文件夾login.jsp登陸頁(yè)面D:WorkspacesMyEclipse 10bookmanagerWebRootvalid.jsp登錄驗(yàn)證D:WorkspacesMyEclipse 10bookmanagerWebRootbookList.jsp圖書管理面板D:WorkspacesMyEclipse 10bookmanagerWebRootbookAdd.jsp添加

6、圖書D:WorkspacesMyEclipse 10bookmanagerWebRootbookSaveAdd.jsp保存添加的圖書D:WorkspacesMyEclipse 10bookmanagerWebRootbookEdit.jsp編輯（修改）圖書信息D:WorkspacesMyEclipse 10bookmanagerWebRootbookSaveEdit.jsp保存修改D:WorkspacesMyEclipse 10bookmanagerWebRootbookDel.jsp刪除圖書D:WorkspacesMyEclipse 10bookmanagerWebRootWeb.xmlD:

7、WorkspacesMyEclipse 10bookmanagerWebRootWEB-INF3.3.2 數(shù)據(jù)庫(kù)連接模塊設(shè)計(jì)數(shù)據(jù)庫(kù)連接DBbean文件：DBbean.class:package dbbean;import java.sql.*;public class DBbean private String driverStr = com.mysql.jdbc.Driver;private String connStr = jdbc:mysql:/localhost:3306/bk;private String user = root;private String password = ;

8、private Connection conn = null;private Statement stmt = null;public DBbean() try Class.forName(driverStr); catch (ClassNotFoundException e) / TODO Auto-generated catch blocke.printStackTrace();public void setDriverStr(String dstr)driverStr=dstr;public void setConnStr(String cstr)connStr=cstr;public

9、void setUser(String user)this.user = user;public void setPassword(String password)this.password = password;public ResultSet executeQuery(String sql) ResultSet rs = null;try conn = DriverManager.getConnection(connStr,user,password);stmt = conn.createStatement();rs = stmt.executeQuery(sql); catch(SQLE

10、xception ex) System.out.println(ex.getMessage();return rs;public int executeUpdate(String sql)int result=0;tryconn = DriverManager.getConnection(connStr,user,password);stmt = conn.createStatement();result = stmt.executeUpdate(sql);catch(SQLException ex)System.out.println(ex.getMessage();return resul

11、t;public void close()trystmt.close();conn.close();catch(SQLException ex)System.out.println(ex.getMessage();3.3.3 首頁(yè)設(shè)計(jì)login.jsp:登錄圖書管理系統(tǒng) 登陸圖書管理系統(tǒng)         用戶名：         密碼： 3.3.4 頁(yè)面設(shè)計(jì)1、 圖書管理面板界面：bookList.jsp:圖書管理面板 圖書管理面板 全選 編號(hào) 書名 出版

12、社 價(jià)格 操作 % String strPage=request.getParameter(page); int curPage=1;/當(dāng)前顯示的頁(yè)數(shù) if(strPage!=null) curPage=Integer.parseInt(strPage); Class.forName(com.mysql.jdbc.Driver);Connection con = DriverManager.getConnection(jdbc:mysql:/localhost:3306/bk,root,123);PreparedStatement ps = con.prepareStatement(selec

13、t * from t_book);ResultSet rs = ps.executeQuery();/每頁(yè)顯示3條,得到總頁(yè)數(shù)rs.last();/游標(biāo)指針滾動(dòng)到最后一行int row = rs.getRow();/得到當(dāng)前記錄行數(shù)int pages = row%3!=0?row/3+1:row/3;/計(jì)算出總頁(yè)數(shù)rs.beforeFirst();/還原到首行之前/定位器int position = (curPage-1)*3;if(position!=0)rs.absolute(position);int count=0;/計(jì)數(shù)器while(rs.next()&count input typ

14、e=checkbox name=ids value= a href=bookEdit.jsp?id=編輯 首頁(yè) a href=bookList.jsp?page=上一頁(yè) a href=bookList.jsp?page=下一頁(yè) a href=bookList.jsp?page=尾頁(yè) 1、添加圖書信息界面：bookAdd.jsp:添加圖書信息 添加圖書信息    書名：    出版社：    價(jià)格： 2、 編輯修改圖書界面：bookEdit.jsp:編輯圖書信息input type=hidden name=id value= 編輯圖書信

15、息 書名： input name=name type=text id=name value= 出版社： input name=publish type=text id=publish value= 價(jià)格： input name=price type=text id=price value= 4. 系統(tǒng)發(fā)布與運(yùn)行處理靜態(tài)WEB是由Web瀏覽器向Web發(fā)送靜態(tài)頁(yè)面， Web服務(wù)器直接對(duì)發(fā)送的靜態(tài)網(wǎng)頁(yè)進(jìn)行處理。處理動(dòng)態(tài)WEB數(shù)據(jù)庫(kù)查詢的過程是：當(dāng)Web瀏覽器向Web服務(wù)器發(fā)送請(qǐng)求時(shí)，動(dòng)態(tài)網(wǎng)頁(yè)的處理流程是，屏蔽掉HTML語(yǔ)言，只輸入動(dòng)態(tài)網(wǎng)頁(yè)文件，由Web服務(wù)器向數(shù)據(jù)庫(kù)中傳遞信息，經(jīng)過數(shù)據(jù)庫(kù)的處理返回?cái)?shù)

16、據(jù)集，Web應(yīng)用服務(wù)器再把含有程序代碼的動(dòng)態(tài)網(wǎng)頁(yè)轉(zhuǎn)換為靜態(tài)網(wǎng)頁(yè)返還給Web瀏覽器。這就是用動(dòng)態(tài)網(wǎng)頁(yè)對(duì)數(shù)據(jù)庫(kù)進(jìn)行查詢并將數(shù)據(jù)返還給瀏覽器處理的全過程，具體見下圖所示。數(shù)據(jù)庫(kù)查詢示意圖首先安裝JDK，需要配置一些環(huán)境變量，再通過一個(gè)簡(jiǎn)單的java程序來測(cè)試JDK已安裝成功。然后下載tomcat v7.0，因?yàn)樗恍枰O(shè)置太多的系統(tǒng)變量，右擊“我的電腦”，選擇“屬性”-“高級(jí)”-“環(huán)境變量”-“系統(tǒng)變量”，新建一個(gè)TOMCAT_HOME，值設(shè)置成tomcat所在的路徑，tomcat在安裝之前會(huì)自動(dòng)找到JDK的安裝路徑，一路點(diǎn)擊下一步，經(jīng)過一段時(shí)間的文件復(fù)制，最后close，完成tomcat的安裝。系

17、統(tǒng)運(yùn)行如上（界面設(shè)計(jì)模塊截圖顯示）。系統(tǒng)運(yùn)行實(shí)現(xiàn):登陸頁(yè)面login.jsp:登錄圖書管理系統(tǒng) 登陸圖書管理系統(tǒng)         用戶名：         密碼： 圖書管理面板界面：bookList.jsp:圖書管理面板 圖書管理面板 全選 編號(hào) 書名 出版社 價(jià)格 操作 % String strPage=request.getParameter(page); int curPage=1;/當(dāng)前顯示的頁(yè)數(shù) if(strPage!=null) curPage

18、=Integer.parseInt(strPage); Class.forName(com.mysql.jdbc.Driver);Connection con = DriverManager.getConnection(jdbc:mysql:/localhost:3306/bk,root,123);PreparedStatement ps = con.prepareStatement(select * from t_book);ResultSet rs = ps.executeQuery();/每頁(yè)顯示3條,得到總頁(yè)數(shù)rs.last();/游標(biāo)指針滾動(dòng)到最后一行int row = rs.get

19、Row();/得到當(dāng)前記錄行數(shù)int pages = row%3!=0?row/3+1:row/3;/計(jì)算出總頁(yè)數(shù)rs.beforeFirst();/還原到首行之前/定位器int position = (curPage-1)*3;if(position!=0)rs.absolute(position);int count=0;/計(jì)數(shù)器while(rs.next()&count input type=checkbox name=ids value= a href=bookEdit.jsp?id=編輯 首頁(yè) a href=bookList.jsp?page=上一頁(yè) a href=bookList.jsp?page=下一頁(yè) a href=bookList.jsp?page=尾頁(yè) 添加圖書信息界面：bookAdd.jsp:添加圖書信息 添加圖書信息    書名：    出版社：