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