《《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é)院 WEB 技術(shù)課程設(shè)計(jì)報(bào)告 課程名稱： 項(xiàng)目名稱： 班 級(jí)： 學(xué) 號(hào)： 姓 名： 2011 年 1 月 WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專業(yè) 1 課程設(shè)計(jì)任務(wù)書 課程設(shè)計(jì)項(xiàng)目 設(shè)計(jì)起訖時(shí)間： 2011 年 1 月 10 日 2011 年 1 月 14 日 設(shè)計(jì)目的和要求： 設(shè)計(jì)目的和要求： 本小組要完成的任務(wù)由 四人共同開放完成一個(gè)留言板。系統(tǒng)具有以下功能： 前臺(tái)：寫入留言、留言列表、查看留言 后臺(tái)：管理員登錄/注銷、查看留言、搜索留言、刪除留言、回復(fù)留言 設(shè)計(jì)主要內(nèi)容（含使用的工具語言、環(huán)境要求等）： 1、jdk1.5.0_09：Java2 的軟件開發(fā)工具，
2、是 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 本身就是 Apache 的一個(gè)子項(xiàng)目，所以 Tomcat 對(duì) Apache 提供了強(qiáng)有力的支持。 4：Dreamweaver: JSP 和 html 編寫工具。 通過“控
3、制面板”中的“管理工具”中的“數(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 功能分析 .2 2 數(shù)據(jù)庫表設(shè)計(jì) .2 3 功能實(shí)現(xiàn) .2 4 個(gè)人總結(jié) .2 WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專業(yè) 4 1 功能分析 留言簿 前臺(tái)：進(jìn)去歡迎頁， 發(fā)表留言、人員注冊(cè)登記 留言列表、查看留言 QQ 在線/離線狀態(tài)交流 退出留言板 后臺(tái)： 管理員登錄/注銷 刪除留言、回復(fù)留言 根據(jù)名字搜索留言 程序部完成功能及截圖如下： 以下模塊為 XX
4、X 設(shè)計(jì)編寫： 前臺(tái) 1，進(jìn)去歡迎頁： 2，寫入留言 注冊(cè)登記： WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專業(yè) 5 3，留言列表 模塊： 4，QQ 在線/離線狀態(tài)： 5，退出留言薄、再見頁面: WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專業(yè) 6 后臺(tái)： 1，管理員登錄 2，管理員刪除留言、回復(fù)留言 3，根據(jù)姓名搜索留言 WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專業(yè) 7 2 數(shù)據(jù)庫表設(shè)計(jì) 數(shù)據(jù)庫名稱：message 數(shù)據(jù)源名稱：message UID=root 數(shù)據(jù)表 1：admin 含義：numb:管理員編號(hào) Name:管理員名稱 Pass：管理員密碼 主鍵（name,pass） 數(shù)據(jù)包 2：user 含義：nu
5、mb:用戶編號(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) （介紹部分關(guān)鍵代碼介紹如何實(shí)現(xiàn)相應(yīng)的功能點(diǎn)） 3.1 寫入留言代碼 add.jsp function check() if (document.form.username.value=|document.form.contents.value=) alert(用戶名或留言沒有正確填寫！); return false; ; functi
6、on 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 地址： 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ì)話框。而其中
7、的每一個(gè)選框（空白部分的 內(nèi)容） ，都有一定的屬性要求，而其中每一個(gè)的要求都是一個(gè)判斷，要求每一個(gè) 內(nèi)容滿足后臺(tái)的要求實(shí)現(xiàn)。 3.2 留言列表 、查看留言 index.jsp % /設(shè)置上下翻頁; 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
8、 參數(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=(beginpage-1)*showrow+1; rs.
9、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ù)專業(yè) 15 a href=mailto: 回復(fù)： WEB 技術(shù)課程設(shè)計(jì)報(bào)告 電子商務(wù)專業(yè) 16 發(fā)表時(shí)間： %while(rs.next()管理員名稱： 管理員密碼： 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 .jsp ale
10、rt(查無此人！); self.location=index.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)告 電子商務(wù)專業(yè) 21 allcount=rs.getRo
11、w(); /得到 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=(beginpage-1)*sh
12、owrow+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() window.location=index.jsp; 刪除功能，主要是用頁面的按鍵來實(shí)現(xiàn)一個(gè)數(shù)據(jù)庫中的數(shù)據(jù)。 3.6 回復(fù)留言 reply.jsp 管理員回復(fù) functio
13、n check() if(document.form.reply.value=) alert(用戶名或留言沒有正確填寫！); return false; ; 回復(fù)留言主要的主要實(shí)現(xiàn)其中主要是回復(fù)是管理員的一個(gè)特定是功能。只有管 理員對(duì)留言板中的信息進(jìn)行回復(fù)。 4 個(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 的思想。在設(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ì)。
《WEB技術(shù)》課程設(shè)計(jì)報(bào)告留言板
