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