圖書管理系統(tǒng)的JSP網(wǎng)頁設(shè)計

武漢理工大學(xué)華夏學(xué)院課程報告課程名稱：網(wǎng)頁設(shè)計與制作Ⅱ題目：圖書管理系統(tǒng)的JSP網(wǎng)頁設(shè)計專業(yè)信息工程系班級軟件2101學(xué)號姓名成績_________________指導(dǎo)教師2023年9月3日至2023年11月30日1設(shè)計目的計算機技術(shù)的迅猛開展，特別是隨著網(wǎng)絡(luò)技術(shù)的出現(xiàn)標志著信息時候已經(jīng)來臨。信息化浪潮、網(wǎng)絡(luò)革命在給社會帶來沖擊的同時，也使圖書館業(yè)務(wù)受到了強烈的沖擊，圖書館傳統(tǒng)的管理和效勞方式已不能適應(yīng)讀者對日益增長的文獻信息的需求，建設(shè)圖書館信息網(wǎng)絡(luò)系統(tǒng)，是圖書館現(xiàn)代化建設(shè)的客觀要求。建設(shè)以計算機為核心的圖書館信息網(wǎng)絡(luò)，實現(xiàn)圖書館管理和效勞的自動化，更好地為科技工作效勞，是圖書館開展的必由之路。目前，國內(nèi)大局部大型的公共圖書館和高校圖書館都實現(xiàn)了網(wǎng)絡(luò)管理，中小型圖書館〔包括企業(yè)圖書館〕，也在朝著這個方向開展?，F(xiàn)代企業(yè)的迅猛開展，對圖書資料的需求量增大，圖書資料越來越多，傳統(tǒng)手工卡片式的圖書借閱管理模式已經(jīng)不能滿足現(xiàn)狀，因此有必要采用先進的計算機技術(shù)對圖書資源進行科學(xué)的管理。針對中小型圖書管理系統(tǒng)的特點和要求，綜合各方面的考慮采用JSP，JDK和JDBC等技術(shù)開發(fā)本系統(tǒng)。系統(tǒng)中Tomcat作為Web效勞器MYSQL作為數(shù)據(jù)庫效勞器使用HTML，JAVASCRIPT，JSP進行網(wǎng)絡(luò)應(yīng)用程序的開發(fā)，利用JDBC訪問機制對后臺數(shù)據(jù)庫進行訪問。2開發(fā)環(huán)境操作系統(tǒng)：Windows2000/WindowsXP/Windows2003數(shù)據(jù)庫：MYSQL其它：JDK5.0以上，tomcat5.0以上3需求分析圖書管理涉及圖書信息、管理員信息、讀者信息、圖書借閱等多種數(shù)據(jù)管理。從管理的角度可將圖書分為兩類：圖書信息管理、讀者數(shù)據(jù)管理。圖書信息管理包括圖書征定、借還、查詢等操作，讀者數(shù)據(jù)管理包括讀者信息管理和個人信息的錄入、修改和刪除。圖書借閱者的需求是查詢圖書室所存的圖書、個人借閱情況及個人信息的修改；圖書館工作人員對圖書借閱者的借閱及還書要求進行操作，同時形成借書或還書報表給借閱者查看確認；圖書館管理人員的功能最為復(fù)雜，包括對工作人員、圖書借閱者、圖書進行管理和維護，及系統(tǒng)狀態(tài)的查看、維護等。圖書借閱者可直接查看圖書館圖書情況，如果圖書借閱者根據(jù)本人借書證號和密碼登錄系統(tǒng)，還可以進行本人借書情況的查詢和維護局部個人信息。一般情況下，圖書借閱者只應(yīng)該查詢和維護本人的借書情況和個人信息，假設(shè)查詢和維護其他借閱者的借書情況和個人信息，就要知道其他圖書借閱者的借書證號和密碼。這些是很難得到的，特別是密碼，所以不但滿足了圖書借閱者的要求，還保護了圖書借閱者的個人隱私。圖書館工作人員有修改圖書借閱者借書和還書記錄的權(quán)限，所以需對工作人員登陸本模塊進行更多的考慮。在此模塊中，圖書館工作人員可以為圖書借閱者參加借書記錄或是還書記錄，并打印生成相應(yīng)的報表給用戶查看和確認。圖書館管理人員功能的信息量大，數(shù)據(jù)平安性和保密性要求最高。本功能實現(xiàn)對圖書信息、借閱者信息、總體借閱情況信息的管理和統(tǒng)計、工作人員和管理人員信息查看及維護。圖書館管理員可以瀏覽、查詢、添加、刪除、修改、統(tǒng)計圖書的根本信息；瀏覽、查詢、統(tǒng)計、添加、刪除和修改圖書借閱者的根本信息，瀏覽、查詢、統(tǒng)計圖書館的借閱信息，但不能添加、刪除和修改借閱信息，這局部功能應(yīng)該由圖書館工作人員執(zhí)行，但是，刪除某條圖書借閱者根本信息記錄時，應(yīng)實現(xiàn)對該圖書借閱者借閱記錄的級聯(lián)刪除。并且還應(yīng)具有生成催還圖書報表，并打印輸出的功能。4概要設(shè)計4.1總體設(shè)計思想圖書論壇管理系統(tǒng)主要分為前臺功能和后臺功能兩大模塊，再根據(jù)這兩大模塊逐漸衍生出各個分支模塊。先設(shè)計好數(shù)據(jù)庫，然后對其設(shè)計相應(yīng)的八張表。根據(jù)自己的設(shè)計思想對每張JSP頁面進行美化和相互關(guān)聯(lián)，后與MYSQL進行連接運行，得到自己想要的效果。4.2系統(tǒng)功能結(jié)構(gòu)圖圖書館管理系統(tǒng)系統(tǒng)圖書館管理系統(tǒng)系統(tǒng)讀者管理圖書管理圖書借還系統(tǒng)設(shè)置讀者信息讀者信息更新讀者查詢圖書信息部門信息更新圖書查詢圖書借閱圖書歸還圖書過期用戶管理圖4-1論壇管理系統(tǒng)結(jié)構(gòu)功能圖4.3數(shù)據(jù)庫設(shè)計4.3.1數(shù)據(jù)庫E-R圖1〕讀者信息讀者編號讀者編號讀者姓名性別院系班級讀者圖4-2讀者信息數(shù)據(jù)表2〕圖書信息圖書編號圖書編號圖書名稱圖書類型庫存數(shù)量作者圖書出版社圖4-3圖書信息數(shù)據(jù)表3〕圖書借閱信息讀者編號讀者編號借閱編號圖書編號歸還日期借閱日期圖書借閱圖4-4圖書借閱信息表4〕圖書歸還信息歸還編號歸還編號圖書編號讀者編號歸還日期借閱日期圖書歸還圖4-5圖書歸還信息表5〕圖書過期信息過期編號過期編號圖書編號讀者編號實收金額應(yīng)罰金額圖書過期圖4-6圖書過期信息數(shù)據(jù)表6〕圖書預(yù)約信息預(yù)約編號預(yù)約編號圖書編號讀者編號預(yù)約日期圖書預(yù)約圖4-7圖書預(yù)約信息數(shù)據(jù)表7〕讀者查詢信息讀者編號讀者編號借閱圖書已歸還圖書為歸還圖書圖書預(yù)約圖4-8讀者查詢信息數(shù)據(jù)表8〕用戶管理信息usernameusernamepassword用戶管理圖4-9用戶管理信息數(shù)據(jù)表4.3.2數(shù)據(jù)庫表結(jié)構(gòu)讀者信息表字段名稱 數(shù)據(jù)類型長度讀者編號varchar4姓名varchar10性別varchar10班級varchar10院系varchar20表4-1讀者信息表圖書信息表字段名稱 數(shù)據(jù)類型長度圖書編號int4圖書名稱varchar10圖書類型varchar10作者varchar10出版社varchar10庫存數(shù)量int4表4-2圖書信息表圖書借閱信息表字段名稱數(shù)據(jù)類型長度借閱編號int4圖書編號int4讀者編號int4借閱日期varchar10歸還日期varchar10表4-3圖書借閱信息表圖書歸還信息表字段名稱 數(shù)據(jù)類型長度歸還編號int4圖書編號int4讀者編號int4借閱日期varchar10歸還日期varchar10表4-4圖書歸還信息表圖書過期信息表字段名稱 數(shù)據(jù)類型長度過期編號int4圖書編號int4讀者編號int4應(yīng)罰金額varchar10實收金額varchar10表4-5圖書過期信息表圖書預(yù)約信息表字段名稱 數(shù)據(jù)類型長度預(yù)約編號int4圖書編號int4讀者編號int4預(yù)約日期varchar10表4-6圖書預(yù)約信息表讀者查詢信息表字段名稱 數(shù)據(jù)類型長度讀者編號int4借閱書名varchar10為歸還書名varchar10表4-7讀者查詢信息表用戶管理信息表字段名稱 數(shù)據(jù)類型長度usernamevarchar10passwordvarchar10表4-8用戶管理信息表5詳細設(shè)計與實現(xiàn)根據(jù)需求分析及系統(tǒng)設(shè)計情況，結(jié)合JSP、MYSQL的特點開發(fā)出了論壇系統(tǒng)網(wǎng)站，在進行編碼測試之后，網(wǎng)站實現(xiàn)了上面分析的根本功能。在滿足運行環(huán)境的條件下，對系統(tǒng)主要功能的實現(xiàn)方法及運行界面介紹如下。5.1管理員登錄模塊圖5-1管理員登錄模塊管理員登錄相關(guān)代碼：<formaction="check.jsp"method="post"><p><center><pclass="STYLE19STYLE15"><strong>歡送進入圖書館管理系統(tǒng)</strong></p></center><center><p><spanclass="STYLE10"><strong>管理員名稱：</strong></span><label><inputname="username"type="text"id="textfield"/></label></p></center><center><p><spanclass="STYLE10"><strong>密碼：</strong></span><label><inputtype="password"name="password"id="textfield2"/></label></p></center><center><pclass="STYLE10"><spanclass="STYLE11"></span><label></label><inputname="提交"type="submit"class="STYLE16"value="提交"/><spanclass="STYLE16"></span></p>      <inputvalue="重填"type="reset">      <inputonclick="window.close();"value="取消"type="button"></center></form>5.2登錄成功后的主界面圖5-2圖書館主界面圖書館界面相關(guān)代碼：<styletype="text/css"><!--.STYLE1{ color:#990033; font-weight:bold;}--></style><style>a{TEXT-DECORATION:none}a:hover{TEXT-DECORATION:underline}.STYLE2{color:#000000}</style></head><body><tablewidth="900"border="0"bordercolor="#FFFFFF"bgcolor="#000000"><tr><tdheight="112"colspan="8"><imgsrc="Images/1.gif"width="895"height="142"/></td></tr><tr><tdwidth="200"height="0"bgcolor="#CCFF00"><divalign="center"><spanclass="STYLE1">圖書館管理系統(tǒng)歡送你！</span></div></td><tdwidth="100"bgcolor="#009933"><divalign="center"><strong><ahref="main.jsp"class="STYLE2">首頁</a></strong></div></td><tdwidth="100"bgcolor="#009933"><divalign="center"><strong><ahref="reader.jsp"class="STYLE2">讀者管理</a></strong></div></td><tdwidth="100"bgcolor="#009933"><divalign="center"><strong><ahref="book.jsp"class="STYLE2">圖書管理</a></strong></div></td><tdwidth="100"bgcolor="#009933"><divalign="center"><strong>圖書借閱</strong></div></td><tdwidth="100"bgcolor="#009933"><divalign="center"><strong>圖書歸還</strong></div></td><tdwidth="100"bgcolor="#009933"><divalign="center"><strong><ahref="xitongguanli.jsp"class="STYLE2">系統(tǒng)管理</a></strong></div></td><tdwidth="100"bgcolor="#009933"><divalign="center"><strong><ahref="login.jsp"class="STYLE2">退出系統(tǒng)</a></strong></div></td></tr></table></body></html>5.3讀者管理檔案模塊圖5-3讀者檔案管理模塊讀者檔案管理模塊相關(guān)代碼：<%Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");Connectioncon=DriverManager.getConnection("jdbc:odbc:zc","sa","111111");Statementstmt=con.createStatement();ResultSetrs;rs=stmt.executeQuery("select*fromreader");%><tdvalign="top"bgcolor="#FFFFFF"><tablewidth="99%"height="510"border="0"align="center"cellpadding="0"cellspacing="0"bgcolor="#FFFFFF"class="tableBorder_gray"><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">當(dāng)前位置：<ahref="main.jsp"class="STYLE2">讀者管理</a>>讀者檔案管理>>></td></tr><tr><tdalign="center"valign="top"><tablewidth="100%"height="30"border="0"cellpadding="0"cellspacing="0"><tr><tdheight="36"align="center"class="STYLE3STYLE4">讀者檔案管理</td></tr></table><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"><tr><tdwidth="75%"> </td><tdwidth="25%"><ahref="reader_add.jsp"class="STYLE3">添加讀者信息</a></td> </tr></table><tablewidth="98%"border="1"cellpadding="0"cellspacing="0"bordercolor="#FFFFFF"bordercolordark="#D2E3E6"bordercolorlight="#FFFFFF"><tralign="center"bgcolor="#e3F4F7"><tdwidth="13%">讀者編號</td><tdwidth="10%">姓名</td><tdwidth="8%">性別</td><tdwidth="12%">班級</td><tdwidth="20%">院系</td></tr><%while(rs.next()){out.println("<tralign=center>");out.println("<td>"+rs.getString(1)+"</td>");out.println("<td>"+rs.getString(2)+"</td>");out.println("<td>"+rs.getString(3)+"</td>");out.println("<td>"+rs.getString(4)+"</td>");out.println("<td>"+rs.getString(5)+"</td>");}%></table></td></tr></table></td></tr></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("<fontcolor=redsize=5><b>");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"><center><spanclass="STYLE1">讀者查詢頁面</span></center><br><center>查詢方式：<label><inputtype="radio"name="selectetype"value="按性別查詢"/>性別查詢</label><label><inputtype="radio"name="selectetype"value="按班級查詢"/>按班級查詢<inputtype="text"name="selecteinfo"/></label><label><inputtype="submit"name="Submit"value="提交"/><tr><tdcolspan=11align=center><ahref="xitongguanli.jsp"class="STYLE2">返回</a></td></tr></label></center></form>核心代碼：<%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())){ %> <tablewidth="98%"border="1"><tr><tdwidth="13%">讀者編號</td><tdwidth="10%">姓名</td><tdwidth="8%">性別</td><tdwidth="12%">班級</td><tdwidth="20%">院系</td> </tr><%while(rs1.next()){ out.print("<tr>"); out.print("<td>"+rs1.getString(1)+"</td>"); out.print("<td>"+rs1.getString(2)+"</td>"); out.print("<td>"+rs1.getString(3)+"</td>"); out.print("<td>"+rs1.getString(4)+"</td>"); out.print("<td>"+rs1.getString(5)+"</td>"); out.print("</tr>");} %> </table> <%} if((username.trim()).equals(selectetype.trim())){ Stringsql2="select*fromreaderwhere班級='"+selecteinfo+"'"; ResultSetrs2=sta.executeQuery(sql2); %><tablewidth="98%"border="1"><tr><tdwidth="13%">讀者編號</td><tdwidth="10%">姓名</td><tdwidth="8%">性別</td><tdwidth="12%">班級</td><tdwidth="20%">院系</td> </tr> <% while(rs2.next()){ out.print("<tr>"); out.print("<td>"+rs2.getString(1)+"</td>"); out.print("<td>"+rs2.getString(2)+"</td>"); out.print("<td>"+rs2.getString(3)+"</td>"); out.print("<td>"+rs2.getString(4)+"</td>"); out.print("<td>"+rs2.getString(5)+"</td>"); out.print("</tr>");} %></table> <%} }%>5.6讀者信息修改圖5-6讀者信息修改讀者信息修改代碼：<formmethod="post"action="readerupdatelist.jsp"><center><spanclass="STYLE2">修改讀者信息</span></center><inputtype="hidden"name="action"value="new"><tableclass="main_w"width="49%"border="1"cellpadding="4"cellspacing="0"bordercolor="#3E8A91"align=center><tr><tdwidth="48%">讀者編號</td><tdwidth="52%"><inputname="id"type="text"></td></tr><tr><td>讀者姓名</td><td><inputname="name"type="text"></td></tr><tr><tdwidth="48%">性別</td><tdwidth="52%"><label><inputtype="radio"name="sex"value="男">男<inputtype="radio"name="sex"value="女">女</label></td></tr><tr><td>班級</td><td><inputname="banji"type="text"></td></tr><tr><tdwidth="48%">院系</td><tdwidth="52%"><inputname="dept"type="text"></td></tr> <tr><tdcolspan=2align=center> <ahref="reader.jsp">返回</a><INPUTclass=Button1type=submitvalue="確定"name=Submit> </td></tr></table></form>核心代碼：<%Stringid=request.getParameter("id"); Stringname=request.getParameter("name"); Stringsex=request.getParameter("sex"); Stringbanji=request.getParameter("banji"); Stringdept=request.getParameter("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){} Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); Connectioncon=DriverManager.getConnection("jdbc:odbc:zc","sa","111111"); Statementsta=con.createStatement(); Stringsql="Updatereaderset姓名='"+name+"',性別='"+sex+"',班級='"+banji+"',院系='"+dept+"'where讀者編號='"+id+"'"; sta.executeUpdate(sql);%>修改成功<ahref="reader.jsp">返回</a>5.7讀者信息刪除圖5-7讀者信息刪除模塊讀者信息刪除代碼：<formaction=""method="get">選擇刪除的方式：<label><inputtype="radio"name="deltype"value="按讀者編號刪除"/>按讀者編號刪除</label><label><inputtype="radio"name="deltype"value="按姓名刪除"/>按姓名刪除</label><label><inputtype="text"name="delinfo"/></label><label><inputtype="submit"name="Submit"value="提交刪除"/></label><tdclass="STYLE3"><divalign="right"><ahref="main.jsp"class="STYLE4STYLE1"><kbd>返回首頁</kbd></a></div></td></form><% Stringdeltype=request.getParameter("deltype"); try{ byted[]=deltype.getBytes("ISO-8859-1"); deltype=newString(d);} catch(Exceptione){} Stringdelinfo=request.getParameter("delinfo"); try{byteb[]=delinfo.getBytes("ISO-8859-1"); delinfo=newString(b);} catch(Exceptione){} if(deltype!=null&&delinfo!=null){ Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); Connectioncon=DriverManager.getConnection("jdbc:odbc:zc","sa","111111"); Statementsta=con.createStatement(); Stringuserid="按讀者編號刪除"; Stringusername="按姓名刪除"; Stringa=userid.trim(); Stringb=deltype.trim(); if((userid.trim()).equals(deltype.trim())){ Stringsql1="deletefromreaderwhere讀者編號='"+delinfo+"'"; inti1=sta.executeUpdate(sql1); out.print("刪除成功！?。?);} if((username.trim()).equals(deltype.trim())){ Stringsql2="deletefromreaderwhere讀者姓名='"+delinfo+"'"; inti2=sta.executeUpdate(sql2); out.print("刪除成功?。?！");}}%>5.8更改口令模塊圖5-8更改口令模塊更改口令代碼：<formaction=""method="get">請輸入管理員名稱：<label><inputtype="text"name="username"/></label><p>輸入新密碼：<label><inputtype="password"name="newpsw"/></label></p><p><label><inputtype="submit"name="Submit"value="提交"/></label><label><ahref="main.jsp">返回主頁</a></label></p></form><% Stringusername=request.getParameter("username"); Stringnewpsw=request.getParameter("newpsw"); if(username!=null&&newpsw!=null){ Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); Connectioncon=DriverManager.getConnection("jdbc:odbc:zc","sa","111111"); Statementsta=con.createStatement(); Stringsql="Updateloginsetpassword='"+newpsw+"'whereusername='"+username+"'"; inti=sta.executeUpdate(sql); Stringsql1="selectpasswordfromloginwhereusernam