jsp班級網(wǎng)站sqlserver論文

PAGE基于JSP的班級信息網(wǎng)站的設(shè)計基于JSP的班級信息網(wǎng)站的設(shè)計摘要班級信息網(wǎng)站是為了合理利用網(wǎng)絡(luò)資源、提供班級學(xué)習(xí)與交流、有效管理班級事務(wù)的網(wǎng)絡(luò)平臺。本網(wǎng)站基于B/S模式，在MYECLIPSE集成開發(fā)環(huán)境下采用JSP語言開發(fā)完成。本網(wǎng)站由用戶模塊、在線論壇、班級相冊、留言簿模塊與管理模塊等構(gòu)成，其中用戶模塊實現(xiàn)了用戶注冊、登陸與修改個人資料等功能；在線論壇提供交流平臺；班級相冊實現(xiàn)圖片上載和在線瀏覽功能；留言簿模塊實現(xiàn)網(wǎng)上留言功能；管理模塊實現(xiàn)用戶管理、論壇管理、相冊管理與留言簿管理等功能。本網(wǎng)站能促進班級內(nèi)學(xué)生交流學(xué)習(xí)，實現(xiàn)用戶自由訪問，促進學(xué)習(xí)相互了解，增強班級凝聚力。關(guān)鍵字：網(wǎng)站；B/S模式；JSPTheDesignofClass-StyleWebsiteBasedonJSPAbstractThewebsiteofclass-styleisusedtorationalizetheuseofnetworkresources,providelearningandcommunication,andeffectivelymanagetheclasses’affairs.ThiswebsiteiscompletedbasedontheB/Smode,withmyeclipseintegrateddevelopmentenvironmentandJSPlanguage.Thiswebsiteisconsistedoftheusermodule,theonlineforum,album-style,guest-bookmoduleandthemanagementmodule.Theusermoduleisconsistedofuser’sregistration,loginandthepersonalinformation.Theonline-forumisusedforthecommunication.Thealbum-stylecontainspictureup-loadingandonlinebrowsing.Theguest-bookmoduleaccomplishestheonlineleavingmessages.Theusermanagementmodulecanaccomplishtheforummanagement,albummanagementandguest-bookmanagement.Thiswebsiteistopromotethecommunicationduringthestudentsinclasslearningandisachievedfreeaccesstousersforlearningmutually,andincreasesclasscohesion.Keywords:website;B/Smode;JSP

目錄1.引言 11.1設(shè)計背景 11.2系統(tǒng)配置 11.3開發(fā)工具與平臺 12.概要設(shè)計 22.1功能需求 22.2系統(tǒng)流程 22.3模塊組織 33.數(shù)據(jù)庫設(shè)計 43.1需求分析 43.2數(shù)據(jù)庫表結(jié)構(gòu) 44.詳細設(shè)計 64.1成員注冊模塊 64.2班級通訊錄模塊 74.3班級相冊模塊 114.4留言簿模塊 174.5管理員模塊 175.系統(tǒng)性能測試 18結(jié)論 22參考文獻 22致謝 23聲明 24第18頁共24頁1.引言1.1設(shè)計背景隨著網(wǎng)絡(luò)技術(shù)不斷發(fā)展，計算機的普及，越來越多的人擁有了自己的電腦，越來越多的學(xué)校和班級通過計算機網(wǎng)絡(luò)來管理其各項事務(wù)。同時，學(xué)生與學(xué)生之間通過網(wǎng)絡(luò)來交流的方式也日趨頻繁。在這種潮流的驅(qū)使之下，應(yīng)該采用什么樣的方式來更好的管理學(xué)生的各項信息，班級的各項日常事務(wù)，以及怎樣使學(xué)生之間能夠更好的交流，成為一個問題。本系統(tǒng)使用JSP技術(shù)的動態(tài)網(wǎng)頁與SQLServer2000數(shù)據(jù)庫結(jié)合設(shè)計建立的一個網(wǎng)絡(luò)班級信息網(wǎng)站。用戶首先通過內(nèi)部網(wǎng)絡(luò)訪問本網(wǎng)站，進行簡單的注冊并經(jīng)管理員審核通過后，即擁有了使用本網(wǎng)站上所提供的除管理模塊外的各功能的權(quán)力。功能模塊包括在線論壇、留言簿、班級相冊等。在線論壇提供用戶之間的主要的交流的平臺，用戶可以發(fā)起自己的帖子，來引起班級其它同學(xué)的對本帖的討論或回復(fù)，同時用戶也可對自己或別人的帖子提出自己的見解，從而很好地促進了班級內(nèi)同學(xué)的交流。留言簿提供網(wǎng)上留言功能。留言可以是班級的老師班長或其它同學(xué)的留言，通過網(wǎng)絡(luò)的迅捷的傳輸速率達到快速了解及處理班級事務(wù)的目的。班級相冊可以將班級內(nèi)同學(xué)的相冊傳到網(wǎng)站上自由瀏覽，增加班級的親和力。以上的幾個功能很好的解決了上面所提出的問題。1.2系統(tǒng)配置運行本系統(tǒng)需要滿足以下的一些配置要求。硬件環(huán)境服務(wù)器端/客戶端：處理器：IntelPentium4內(nèi)存：256硬盤空間：20軟件環(huán)境操作系統(tǒng)：Windows2000/2003/XP網(wǎng)絡(luò)協(xié)議：TCP/IP瀏覽器：InternetExplorer6.0顯示器：VGA或更高分辨率的顯示器1.3開發(fā)工具與平臺（1）JSP技術(shù)JSP(JavaServerPages)是由SunMicrosystems公司倡導(dǎo)、許多公司參與一起建立的一種動態(tài)網(wǎng)頁技術(shù)標準。JSP技術(shù)是用JAVA語言作為腳本語言的，JSP網(wǎng)頁為整個服務(wù)器端的JAVA庫單元提供了一個接口來服務(wù)于HTTP的應(yīng)用程序。JSP技術(shù)有點類似ASP技術(shù)，它是在傳統(tǒng)的網(wǎng)頁HTML文件中插入Java程序段和JSP標記，從而形成JSP網(wǎng)頁。所有程序操作都在服務(wù)器端運行，網(wǎng)絡(luò)上傳送給客戶端的僅是得到的結(jié)果，與客戶端的瀏覽器無關(guān)，因此，JSP稱這Server-sideLanguage。所以被許多人認為是未來最有發(fā)展前途的動態(tài)網(wǎng)站技術(shù)之一。（2）SQLServer數(shù)據(jù)庫SQLServer是一個具備完全Web支持的數(shù)據(jù)庫產(chǎn)品，提供了對可擴展標記語言(XML)的核心支持以及在Internet上和防火墻外進行查詢的能力，提供了以Web標準為基礎(chǔ)的擴展數(shù)據(jù)庫編程功能。同時提供了高效的數(shù)據(jù)庫解決方案，可處理海量數(shù)據(jù)，是個大型的數(shù)據(jù)庫系統(tǒng)。其安全性、穩(wěn)定性、擴展性、存儲數(shù)據(jù)量都遠優(yōu)于access、mysql這些小型數(shù)據(jù)庫。（3）myelcipse開發(fā)環(huán)境本次系統(tǒng)開發(fā)所使用的前臺開發(fā)技術(shù)為Java，所使用的軟件為MyEclipse。Java是一種軟件技術(shù)，是一種由美國SUN計算機公司所研究而成的語言，是一種較為高級的編程語言。利用它可以在數(shù)據(jù)庫和J2EE的開發(fā)、發(fā)布，以及應(yīng)用程序服務(wù)器的整合方面極大的提高工作效率。它是功能豐富的J2EE集成開發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測試和發(fā)布功能，能夠支持HTML，Struts，JSP，CSS，Javascript，SQL，Hibernate。同時，MyEclipse5.6為用戶提供了高效、便捷的操作環(huán)境和友好的可視化操作界面。2.概要設(shè)計2.1功能需求為了滿足班級信息網(wǎng)站的交流的根本目的，根據(jù)班級所固有的特點，本網(wǎng)站應(yīng)包括五大模塊：用戶模塊、在線論壇、班級相冊、留言簿模塊與管理模塊。用戶模塊主要功能就包括角色劃分與用戶注冊，角色主要劃分為一般用戶和管理員，一般用戶可以對自己的信息查詢及修改等，管理員通過管理模塊來管理整個網(wǎng)站；在線論壇，論壇主要實現(xiàn)注冊用戶能在此網(wǎng)站平臺之上交流，一般用戶可以回復(fù)別人的發(fā)言，亦可提出自己的言論，以獲取他人的建議與意見；班級相冊，包括用戶上傳圖片以及圖片的瀏覽功能；留言簿模塊，實現(xiàn)用戶在線留言。最后是管理模塊，主要是管理員對于整個網(wǎng)站的綜合性管理，包括用戶模塊管理、在線論壇管理、相冊管理與留言簿管理。2.2系統(tǒng)流程根據(jù)設(shè)計要求，用戶登陸本網(wǎng)站首頁時，選擇用戶的角色，管理員選擇管理員入口進入管理員登陸頁面，驗證成功后直接進入網(wǎng)站管理模塊，對班級的各模塊進行管理，包括用戶管理、論壇管理、相冊管理與留言簿管理。一般用戶通過普通用戶入口進入一般用戶登陸界面，在此頁面登陸驗證成功后即擁有了訪問網(wǎng)站各項功能的權(quán)力。包括個人信息、論壇、上載圖片、瀏覽圖片、給班級留言等功能。班級信息網(wǎng)站使用流程如圖2-1所示。成功錄失敗錄網(wǎng)站首頁圖2-1網(wǎng)站使用流程圖成功錄失敗錄網(wǎng)站首頁2.3模塊組織整個班級網(wǎng)站主要包括的模塊有：用戶模塊、論壇模塊、管理員模塊、相冊模塊與留言簿模塊。其中管理員模塊可化分為用戶管理模塊、論壇管理模塊、相冊管理模塊與留言簿管理模塊四大塊。模塊組織如圖2-2所示。用戶模塊論壇模塊管理員模塊相冊模塊班級網(wǎng)站用戶管理模塊論壇管理模塊用戶模塊論壇模塊管理員模塊相冊模塊班級網(wǎng)站用戶管理模塊論壇管理模塊相冊管理模塊留言簿模塊留言簿管理模塊3.數(shù)據(jù)庫設(shè)計3.1需求分析作為一個班級信息網(wǎng)站系統(tǒng)，同其他類型的網(wǎng)站一樣，首先應(yīng)該包括用戶表，用戶表用來存儲已注冊用戶的各項信息。在線論壇對應(yīng)于數(shù)據(jù)庫中兩張表：帖子信息表和帖子回復(fù)表。帖子信息表中存儲了論壇中用戶發(fā)的所有帖子。同時每一個帖子都應(yīng)有它的回復(fù)，在數(shù)據(jù)庫的存儲中，將所有的帖子的回復(fù)都放到了帖子回復(fù)表中，通過表中帖子的不同編號來區(qū)分不同的帖子的回復(fù)。網(wǎng)站還包括相冊模塊和留言簿模塊，因此數(shù)據(jù)庫中還應(yīng)包含圖片信息表與留言表用來存儲上載圖片的所有信息和留言的各項信息。3.2數(shù)據(jù)庫表結(jié)構(gòu)根據(jù)需求分析及模塊劃分，設(shè)計數(shù)據(jù)庫表結(jié)構(gòu)如下。（1）用戶信息表用戶信息表中包括有用戶編號，用戶名，用戶密碼，姓名，性別，年齡，住址，聯(lián)系方式，email，QQ等字段，主鍵為用戶編號，具體設(shè)計如表3-1所示。表3-1用戶基本信息表t_user編號字段名稱數(shù)據(jù)類型說明1IDInt用戶ID(主鍵)(自動)2loginnamevarchar(50)用戶登錄名3loginpwvarchar(50)用戶密碼4namevarchar(50)姓名5sexvarchar(50)性別6ageint年齡7addressvarchar(50)住址8telvarchar(50)聯(lián)系方式9emailvarchar(50)郵箱地址10QQvarchar(50)QQ（2）公告信息表公告信息表包括公告編號，標題，公告內(nèi)容，發(fā)布時間共5個字段，主鍵為編號，具體設(shè)計如表3-2所示。表3-2公告信息表t_gonggao編號字段名稱數(shù)據(jù)類型說明1idInt編號(主鍵)2titlevarchar(50)公告標題3contentvarchar(5000)公告內(nèi)容4shijianvarchar(50)發(fā)布時間（3）班級介紹表班級介紹包括ID，內(nèi)容共2個字段。主鍵為ID。具體設(shè)計如表3-3所示。表3-3班級介紹表t_jieshao編號字段名稱數(shù)據(jù)類型說明1MessageIDInt信息ID(主鍵)(自動)2ThreadIDInt帖子編號(外鍵)3SubjectNvarchar(50)回復(fù)信息標題4ContentNtext回復(fù)內(nèi)容5AuthorNvarchar(50)回復(fù)者6PostTimeDatetime回復(fù)時間（4）相冊表相冊表包括相片編號，相片名稱，相片介紹，上載時間，上傳用戶5個字段，主鍵為相片編號，具體設(shè)計如表3-4所示。表3-4相冊表t_zhaopian編號字段名稱數(shù)據(jù)類型說明1idInt照片ID(主鍵)2titlevarchar(50)照片名稱3contentvarchar(50)照片介紹4fujianvarchar(50)附件5shijianvarchar(50)上傳時間6user_idvarchar(50)上傳用戶（5）留言表留言表包括留言編號，留言標題，留言內(nèi)容，留言時間共4個字段，主鍵為留言編號，具體設(shè)計如表3-5所示。表3-5留言表t_liuyan編號字段名稱數(shù)據(jù)類型說明1idInt留言ID(主鍵)(自動)2titlevarchar(50)留言標題3contentvarchar(50)留言內(nèi)容4shijianDatetime留言時間4.詳細設(shè)計4.1成員注冊模塊這個系統(tǒng)對于普通游客來講，基本上沒有什么功能，至于注冊后，管理員審核成功后，才能使用該系統(tǒng)的所有功能，注冊界面如下所示：圖4-1用戶注冊頁面設(shè)計視圖核心代碼如下：publicvoiduserReg(HttpServletRequestreq,HttpServletResponseres) { Stringid=String.valueOf(newDate().getTime()); Stringloginname=req.getParameter("loginname"); Stringloginpw=req.getParameter("loginpw"); Stringname=req.getParameter("name"); Stringsex=req.getParameter("sex"); Stringage=req.getParameter("age"); Stringaddress=""; Stringtel=""; Stringemail=""; Stringqq=""; Stringzhuangtai="a"; Stringdel="no"; Stringsql="insertintot_uservalues(?,?,?,?,?,?,?,?,?,?,?,?)"; Object[]params={id,loginname,loginpw,name,sex,age,address,tel,email,qq,zhuangtai,del}; DBmydb=newDB(); mydb.doPstm(sql,params); mydb.closed(); req.setAttribute("message","注冊成功。等待管理員審核中"); req.setAttribute("path","qiantai/default.jsp"); StringtargetURL="/common/success.jsp"; dispatch(targetURL,req,res); } publicvoiduserLogout(HttpServletRequestreq,HttpServletResponseres) { req.getSession().setAttribute("user",null); StringtargetURL="/qiantai/default.jsp"; dispatch(targetURL,req,res); } publicvoiduserEdit(HttpServletRequestreq,HttpServletResponseres) { Stringid=req.getParameter("id"); Stringloginname=req.getParameter("loginname"); Stringloginpw=req.getParameter("loginpw"); Stringname=req.getParameter("name"); Stringsex=req.getParameter("sex"); Stringage=req.getParameter("age"); Stringaddress=req.getParameter("address"); Stringtel=req.getParameter("tel"); Stringemail=req.getParameter("email"); Stringqq=req.getParameter("qq"); Stringsql="updatet_usersetloginpw=?,name=?,sex=?,age=?,address=?,tel=?,email=?,qq=?whereid=?"; Object[]params={loginpw,name,sex,age,address,tel,email,qq,id}; DBmydb=newDB(); mydb.doPstm(sql,params); mydb.closed(); req.setAttribute("message","修改成功，重新登錄后生效"); req.setAttribute("path","qiantai/default.jsp"); StringtargetURL="/common/success.jsp"; dispatch(targetURL,req,res); }4.2班級通訊錄模塊用戶登陸后點擊“班級通訊錄”，頁面跳轉(zhuǎn)到“班級通訊錄”界面，該頁面主要設(shè)計目的是顯示改班級所有成員的基本信息。頁面設(shè)計如圖4-1班級通訊錄頁面設(shè)計視圖代碼如下所示：publicvoiduserAll(HttpServletRequestreq,HttpServletResponseres)throwsServletException,IOException { ListuserList=newArrayList(); Stringsql="select*fromt_userwheredel='no'orderbyzhuangtai"; Object[]params={}; DBmydb=newDB(); try { mydb.doPstm(sql,params); ResultSetrs=mydb.getRs(); while(rs.next()) { Tuseruser=newTuser(); user.setId(rs.getString("id")); user.setLoginname(rs.getString("loginname")); user.setLoginpw(rs.getString("loginpw")); user.setLoginpw(rs.getString("loginpw")); user.setName(rs.getString("name")); user.setSex(rs.getString("sex")); user.setAge(rs.getString("age")); user.setAddress(rs.getString("address")); user.setTel(rs.getString("tel")); user.setEmail(rs.getString("email")); user.setQq(rs.getString("qq")); user.setZhuangtai(rs.getString("zhuangtai")); userList.add(user); } rs.close(); } catch(Exceptione) { e.printStackTrace(); } mydb.closed(); req.setAttribute("userList",userList); req.getRequestDispatcher("qiantai/user/userAll.jsp").forward(req,res); } publicvoiduserDetailQian(HttpServletRequestreq,HttpServletResponseres)throwsServletException,IOException { req.setAttribute("user",liuService.getUser(req.getParameter("id"))); req.getRequestDispatcher("qiantai/user/userDetailQian.jsp").forward(req,res); } 4.3班級相冊模塊（1）圖片上載圖片上載頁面主要控件由開源的上傳組件jspsmartupload來實現(xiàn)。按鈕Button1首先取得上傳文件的文件名與文件擴展名，然后對文件擴展名進行比較，保證上傳的為bmp，jpeg，jpg，gif四種圖片中的一種，之后用mySmartUpload類的對象調(diào)用類中的方法saveAs()，判斷上傳圖片名在數(shù)據(jù)庫中是否有重名。若無重名，則將圖片寫入到固定的文件夾中，同時將此圖片的文件名定入數(shù)據(jù)庫中設(shè)計視圖如圖4-3所示。圖4-3圖片上傳界面核心代碼如下：StringnewFile1Name=null; SmartUploadmySmartUpload=newSmartUpload(); //初始化上傳 mySmartUpload.initialize(pageContext); //只允許上載此類文件 try { //mySmartUpload.setAllowedFilesList("jpg,Jpg,JPG,GIF,gif,Gif,png"); mySmartUpload.upload(); } catch(Exceptione){ //out.println("<scriptlanguage=javascript>alert('上傳格式錯誤！');history.back(-1);</script>"); //return; } try { com.jspsmart.upload.FilemyFile=mySmartUpload.getFiles().getFile(0); if(myFile.isMissing()) { out.println("<scriptlanguage=javascript>alert('必須選擇圖片！');history.back(-1);</script>"); return; } else { intfile_size=myFile.getSize();//取得文件的大小(單位是b) Stringfile_name=myFile.getFileName(); System.out.println("文件大小："+file_size+"文件名稱："+file_name); //if(file_size>10*1024*1024) //{ //out.println("<scriptlanguage=javascript>alert('上傳圖片大小應(yīng)控制在10K~1M之間！');history.back(-1);</script>"); //return; //}//else//{newFile1Name=newDate().getTime()+file_name.substring(file_name.indexOf(".")); System.out.println("新文件名稱："+newFile1Name); Stringsaveurl=request.getSession().getServletContext().getRealPath("upload"); saveurl=saveurl+"/"+newFile1Name; myFile.saveAs(saveurl,mySmartUpload.SAVE_PHYSICAL); //} } } catch(Exceptione) { e.toString(); }（2）相冊瀏覽模塊班級成員上傳照片后，其他的成品就可以瀏覽到這些照片，頁面設(shè)計如圖4-4所示。4-4相冊瀏覽界面設(shè)計視圖核心源代碼如下：publicvoidzhaopianAdd(HttpServletRequestreq,HttpServletResponseres) { HttpSessionsession=req.getSession(); Tuseruser=(Tuser)session.getAttribute("user"); Stringtitle=req.getParameter("title"); Stringcontent=req.getParameter("content"); Stringfujian=req.getParameter("fujian"); Stringshijian=newDate().toLocaleString(); Stringuser_id=user.getId(); Stringdel="no"; Stringsql="insertintot_zhaopianvalues(?,?,?,?,?,?)"; Object[]params={title,content,fujian,shijian,user_id,del}; DBmydb=newDB(); mydb.doPstm(sql,params); mydb.closed(); req.setAttribute("message","操作成功"); req.setAttribute("path","zhaopian?type=zhaopianAll"); StringtargetURL="/common/success.jsp"; dispatch(targetURL,req,res); } publicvoidzhaopianDel(HttpServletRequestreq,HttpServletResponseres) { Stringid=req.getParameter("id"); Stringsql="updatet_zhaopiansetdel='yes'whereid=?"; Object[]params={id}; DBmydb=newDB(); mydb.doPstm(sql,params); mydb.closed(); req.setAttribute("message","操作成功"); req.setAttribute("path","zhaopian?type=zhaopianMana"); StringtargetURL="/common/success.jsp"; dispatch(targetURL,req,res); } publicvoidzhaopianMana(HttpServletRequestreq,HttpServletResponseres)throwsServletException,IOException { ListzhaopianList=newArrayList(); Stringsql="select*fromt_zhaopianwheredel='no'"; Object[]params={}; DBmydb=newDB(); try { mydb.doPstm(sql,params); ResultSetrs=mydb.getRs(); while(rs.next()) { Tzhaopianzhaopian=newTzhaopian(); zhaopian.setId(rs.getInt("id")); zhaopian.setTitle(rs.getString("title")); zhaopian.setContent(rs.getString("content")); zhaopian.setFujian(rs.getString("fujian")); zhaopian.setShijian(rs.getString("shijian")); zhaopian.setUser_id(rs.getString("user_id")); zhaopian.setDel(rs.getString("del")); zhaopian.setUser(liuService.getUser(rs.getString("user_id"))); zhaopianList.add(zhaopian); } rs.close(); } catch(Exceptione) { e.printStackTrace(); } mydb.closed(); req.setAttribute("zhaopianList",zhaopianList); req.getRequestDispatcher("admin/zhaopian/zhaopianMana.jsp").forward(req,res); }4.4留言簿模塊班級成員登陸系統(tǒng)后，可以互相留言，以此彼此之間交流感情，設(shè)計視圖如圖4-4所示。圖4-4留言簿設(shè)計視圖核心代碼如下:publicvoidliuyanAdd(HttpServletRequestreq,HttpServletResponseres) { Stringid=String.valueOf(newDate().getTime()); Stringtitle=req.getParameter("title"); Stringcontent=req.getParameter("content"); Stringshijian=newDate().toLocaleString(); Stringuser_id="0"; if(req.getSession().getAttribute("user")!=null) { Tuseruser=(Tuser)req.getSession().getAttribute("user"); user_id=user.getId(); } Stringsql="insertintot_liuyanvalues(?,?,?,?,?)"; Object[]params={id,title,content,shijian,user_id}; DBmydb=newDB(); mydb.doPstm(sql,params); mydb.closed(); req.setAttribute("message","操作成功"); req.setAttribute("path","liuyan?type=liuyanAll"); StringtargetURL="/common/success.jsp"; dispatch(targetURL,req,res); } publicvoidliuyanAll(HttpServletRequestreq,HttpServletResponseres)throwsServletException,IOException { ListliuyanList=newArrayList(); Stringsql="select*fromt_liuyan"; Object[]params={}; DBmydb=newDB(); try { mydb.doPstm(sql,params); ResultSetrs=mydb.getRs(); while(rs.next()) { Tliuyanliuyan=newTliuyan(); liuyan.setId(rs.getString("id")); liuyan.setTitle(rs.getString("title")); liuyan.setContent(rs.getString("content")); liuyan.setShijian(rs.getString("shijian")); liuyan.setUse