浙江工商大學(xué)計(jì)算機(jī)與信息工程學(xué)浙江工商大學(xué)計(jì)算機(jī)與信息工程學(xué)院院WEBWEB 技術(shù)技術(shù)課程設(shè)計(jì)報(bào)告課程設(shè)計(jì)報(bào)告課程名稱(chēng)：課程名稱(chēng)： 項(xiàng)目名稱(chēng)：項(xiàng)目名稱(chēng)： 班班 級(jí)：級(jí)： 學(xué)學(xué) 號(hào)：號(hào)： 姓姓 名：名： 20112011 年年 1 1 月月WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)1課程設(shè)計(jì)任務(wù)書(shū)課程設(shè)計(jì)任務(wù)書(shū)課程設(shè)計(jì)項(xiàng)目課程設(shè)計(jì)項(xiàng)目設(shè)計(jì)起訖時(shí)間： 2011 年 1 月 10 日 2011 年 1 月 14 日 設(shè)計(jì)目的和要求：設(shè)計(jì)目的和要求：設(shè)計(jì)目的和要求：本小組要完成的任務(wù)由四人共同開(kāi)放完成一個(gè)留言板。系統(tǒng)具有以下功能：前臺(tái)：寫(xiě)入留言、留言列表、查看留言后臺(tái)：管理員登錄/注銷(xiāo)、查看留言、搜索留言、刪除留言、回復(fù)留言設(shè)計(jì)主要內(nèi)容（含使用的工具語(yǔ)言、環(huán)境要求等）：設(shè)計(jì)主要內(nèi)容（含使用的工具語(yǔ)言、環(huán)境要求等）：1、jdk1.5.0_09：Java2 的軟件開(kāi)發(fā)工具，是 Java 應(yīng)用程序的基礎(chǔ)。JSP 是基于 Java技術(shù)的，所以配置 JSP 環(huán)境之前必須要安裝 J2SDK。 2、 Apache 服務(wù)器：Apache 組織開(kāi)發(fā)的一種常用 Web 服務(wù)器，提供 Web 服務(wù)。 3、apache-tomcat-5.5.20：Apache 組織開(kāi)發(fā)的一種 JSP 引擎，本身具有 Web 服務(wù)器的功能，可以作為獨(dú)立的 Web 服務(wù)器來(lái)使用。但是，在作為 Web 服務(wù)器方面， Tomcat本身就是 Apache 的一個(gè)子項(xiàng)目，所以 Tomcat 對(duì) Apache 提供了強(qiáng)有力的支持。4：Dreamweaver: JSP 和 html 編寫(xiě)工具。通過(guò)“控制面板”中的“管理工具”中的“數(shù)據(jù)源（ODBC） ” ，配置 Microsoft Office Access 的數(shù)據(jù)源 WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)2 2011 年 1 月14日WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)3目錄目錄1 功能分析功能分析.22 數(shù)據(jù)庫(kù)表設(shè)計(jì)數(shù)據(jù)庫(kù)表設(shè)計(jì).23 功能實(shí)現(xiàn)功能實(shí)現(xiàn).24 個(gè)人總結(jié)個(gè)人總結(jié).2WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)41 功能分析功能分析留言簿留言簿前臺(tái)：進(jìn)去歡迎頁(yè)，前臺(tái)：進(jìn)去歡迎頁(yè)，發(fā)表留言、人員注冊(cè)登記發(fā)表留言、人員注冊(cè)登記留言列表、查看留言留言列表、查看留言QQ 在線在線/離線狀態(tài)交流離線狀態(tài)交流退出留言板退出留言板后臺(tái)：后臺(tái)： 管理員登錄管理員登錄/注銷(xiāo)注銷(xiāo)刪除留言、回復(fù)留言刪除留言、回復(fù)留言根據(jù)名字搜索留言根據(jù)名字搜索留言程序部完成功能及截圖如下：以下模塊為 XXX 設(shè)計(jì)編寫(xiě)：前臺(tái)前臺(tái) 1，進(jìn)去歡迎頁(yè)：2，寫(xiě)入留言 注冊(cè)登記：WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)53，留言列表 模塊：4，QQ 在線/離線狀態(tài)： 5，退出留言薄、再見(jiàn)頁(yè)面:WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)6后臺(tái)后臺(tái)：1，管理員登錄2，管理員刪除留言、回復(fù)留言3，根據(jù)姓名搜索留言WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)72 數(shù)據(jù)庫(kù)表設(shè)計(jì)數(shù)據(jù)庫(kù)表設(shè)計(jì)數(shù)據(jù)庫(kù)名稱(chēng)：message數(shù)據(jù)源名稱(chēng)：messageUID=root數(shù)據(jù)表 1：admin含義：numb:管理員編號(hào)Name:管理員名稱(chēng)Pass：管理員密碼主鍵（name,pass）數(shù)據(jù)包 2：user含義：numb:用戶(hù)編號(hào) username:用戶(hù)名稱(chēng) mail：用戶(hù) email 地址WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)8 qq:用戶(hù) qq 號(hào)碼 web：用戶(hù)個(gè)人主頁(yè) mdn：用戶(hù)留言rem：管理員回復(fù)images：用戶(hù)頭像主鍵：（numb） 3 功能實(shí)現(xiàn)功能實(shí)現(xiàn)（介紹部分關(guān)鍵代碼介紹如何實(shí)現(xiàn)相應(yīng)的功能點(diǎn)）3.1 寫(xiě)入留言代碼 add.jspfunction check()if (document.form.username.value=|document.form.contents.value=)alert(用戶(hù)名或留言沒(méi)有正確填寫(xiě)！);return false;function openit()window.open(face.jsp, 圖片列表, height=300,width=500,toolbar=no,scrollbars=yes);     查看留言 發(fā)表留言(有*號(hào)的必填) 你的姓名：  WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)10  * Email 地址：    QQ 號(hào)碼：    選擇頭像：  WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)11  %for (int i=1;i option value=image.gifimage *   點(diǎn)擊查看圖片列表  留言?xún)?nèi)容：    * WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)12 圖 1其中主要的功能是設(shè)置一些 text 等對(duì)話框。而其中的每一個(gè)選框（空白部分的內(nèi)容） ，都有一定的屬性要求，而其中每一個(gè)的要求都是一個(gè)判斷，要求每一個(gè)內(nèi)容滿足后臺(tái)的要求實(shí)現(xiàn)。3.2留言列表 、查看留言 index.jsp% /設(shè)置上下翻頁(yè);int allcount; /所有的記錄數(shù);int showpage; /顯示第幾頁(yè)數(shù);int beginpage=1; /開(kāi)始的頁(yè)數(shù);int allpage; /總共的頁(yè)數(shù);int showrow=6; /每頁(yè)顯示記錄數(shù);int temp=1;/取得記錄總數(shù);rs.last();allcount=rs.getRow();WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)13/得到 url 參數(shù)String row=null; row=request.getParameter(id);if(row!=null)beginpage=Integer.parseInt(row);showpage=beginpage;/計(jì)算頁(yè)數(shù)allpage=allcount/showrow+1;if (allcount%showrow=0)allpage=allpage-1;/判斷合法性;if(beginpageallpage)beginpage=1;/開(kāi)始頁(yè)數(shù);if (beginpage!=1)beginpage=(beginpage-1)*showrow+1;rs.absolute(beginpage); %    姓名:  img src=images/    a href=del.jsp?id=刪除|a href=reply.jsp?id=回復(fù)   a href=http:/ WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)15  a href=mailto:   回復(fù)：  WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)16  發(fā)表時(shí)間： %while(rs.next()&temp 共有留言頁(yè) 條每頁(yè)顯示條 1) % 首頁(yè) a href=index.jsp?id=上一頁(yè) 首頁(yè) 上一頁(yè) 下一頁(yè) 尾頁(yè) a href=index.jsp?id=下一頁(yè) a href=index.jsp?id=尾頁(yè) WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)17留言板列表其中的表現(xiàn)主要重點(diǎn)和難點(diǎn)主要是在實(shí)現(xiàn)把數(shù)據(jù)庫(kù)中的一些內(nèi)容等什么東西，反映到網(wǎng)頁(yè)中，而對(duì)與頁(yè)面的大小，數(shù)據(jù)量，數(shù)據(jù)的規(guī)格等。每一個(gè)有顯示幾個(gè)記錄；所有的記錄數(shù)，頁(yè)碼數(shù)等等都需要對(duì)數(shù)據(jù)庫(kù)里面是數(shù)據(jù)進(jìn)行計(jì)算，才反映到頁(yè)面當(dāng)中。其中的瀏覽列表中的 QQ 狀態(tài)等是事實(shí)體現(xiàn)，其中的每一個(gè)的信息和游客直接相關(guān)。3.3管理員登錄和注銷(xiāo) admin.jsp 管理員登陸  管理員名稱(chēng)：    管理員密碼：   WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)18 管理員登錄和注銷(xiāo)主要是后臺(tái)的數(shù)據(jù)庫(kù)的作用比較大，需要對(duì)數(shù)據(jù)庫(kù)信息進(jìn)行比較，在進(jìn)行反映到網(wǎng)頁(yè)當(dāng)中。3.4 搜索留言 search .jspalert(查無(wú)此人！);self.location=index.jsp; 留言簿 WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)20  | 我要留言 | 管理員入口 |  退出管理 | 查看留言 姓名：   | 退出留言簿 | % /設(shè)置上下翻頁(yè);int allcount; /所有的記錄數(shù);int showpage; /顯示第幾頁(yè)數(shù);int beginpage=1; /開(kāi)始的頁(yè)數(shù);int allpage; /總共的頁(yè)數(shù);int showrow=6; /每頁(yè)顯示記錄數(shù);int temp=1;/取得記錄總數(shù);rs.last();WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)21allcount=rs.getRow();/得到 url 參數(shù)String row=null; row=request.getParameter(id);if(row!=null)beginpage=Integer.parseInt(row);showpage=beginpage;/計(jì)算頁(yè)數(shù)allpage=allcount/showrow+1;if (allcount%showrow=0)allpage=allpage-1;/判斷合法性;if(beginpageallpage)beginpage=1;/開(kāi)始頁(yè)數(shù);if (beginpage!=1)beginpage=(beginpage-1)*showrow+1;rs.absolute(beginpage);%    姓名:  img src=images/    a href=del.jsp?id=刪除|a href=reply.jsp?id=回復(fù)  WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)23 a href=http:/  a href=http:/ href=mailto:   回復(fù)：  WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)24  發(fā)表時(shí)間： %while(rs.next()&temp 共有留言頁(yè) 條每頁(yè)顯示條 1) % 首頁(yè) a href=index.jsp?id=上一頁(yè) 首頁(yè) 上一頁(yè) 下一頁(yè) 尾頁(yè)WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)25 a href=index.jsp?id=下一頁(yè) a href=index.jsp?id=尾頁(yè) 搜索頁(yè)面的主要實(shí)現(xiàn)在與對(duì)原有的數(shù)據(jù)庫(kù)和先輸入的信息進(jìn)行比較，最后作出反應(yīng)。在返回到原有的顯示頁(yè)面當(dāng)中，進(jìn)一步用原有的頁(yè)面中，數(shù)據(jù)傳遞過(guò)去之后顯示頁(yè)面。3.5 刪除留言 del.jspWEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)26alert(刪除成功！);window.location=index.jsp;刪除功能，主要是用頁(yè)面的按鍵來(lái)實(shí)現(xiàn)一個(gè)數(shù)據(jù)庫(kù)中的數(shù)據(jù)。3.6 回復(fù)留言 reply.jsp管理員回復(fù)function check()if(document.form.reply.value=)alert(用戶(hù)名或留言沒(méi)有正確填寫(xiě)！);return false;   回復(fù)留言主要的主要實(shí)現(xiàn)其中主要是回復(fù)是管理員的一個(gè)特定是功能。只有管理員對(duì)留言板中的信息進(jìn)行回復(fù)。4 個(gè)人總結(jié)個(gè)人總結(jié)（本次課程設(shè)計(jì)的小結(jié)，如自己的一些感想、團(tuán)隊(duì)合作的感受、遇到的開(kāi)發(fā)難點(diǎn)及解決辦法、功能有何缺陷及如何去進(jìn)一步完善的途徑等）這次 web 編程技術(shù)做留言板，是我對(duì)前面學(xué)的知識(shí)的回顧與總結(jié)，同時(shí)讓我學(xué)習(xí) web 編程WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專(zhuān)業(yè)28的思想。在設(shè)計(jì)中也出現(xiàn)了許多的問(wèn)題，比如向數(shù)據(jù)庫(kù)提交數(shù)據(jù)時(shí)，顯示錯(cuò)誤或者異常(The ResultSet is closed ，還有插入的數(shù)據(jù)與數(shù)據(jù)庫(kù)表中的字段不符等，其中的編程部分也出現(xiàn)了語(yǔ)法，算法等方面的錯(cuò)誤)，通過(guò)同組同學(xué)們的努力，再加上自己查詢(xún)資料都將那些問(wèn)題給予解決，自己真是非常高興。更重要的是讓我知道自己在那方面的不足，為自己的今后學(xué)習(xí)指明了方向，希望以后能有更多這樣的機(jī)會(huì)。