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