web課程設(shè)計(jì)蘇瑩瑩校友錄系統(tǒng)

1、第 1 章 緒論11 引言Internet 已經(jīng)成為人們生活、工作、學(xué)習(xí)越來越離不開的平臺(tái)。Web 技術(shù)已經(jīng)不在局限于單純地提供信息服務(wù)，而是日益成為一個(gè)操作平臺(tái)，為用戶提供強(qiáng)大的服務(wù)功能。例如網(wǎng)上電子商務(wù)、信息數(shù)據(jù)庫等。實(shí)現(xiàn)了通訊，人們能夠通過計(jì)算機(jī)進(jìn)行電子郵件的，召開會(huì)議，網(wǎng)上購物，甚至坐在家里就可以上大學(xué)（網(wǎng)上教育）。有巨大的潛力待我們?nèi)ラ_發(fā)與探索。因此，基于 B/S 體系架構(gòu)創(chuàng)建這個(gè)校友跟行業(yè)發(fā)展，滿足人們生活、學(xué)習(xí)的需要。，緊建立一個(gè)基于 B/S 架構(gòu)的校友錄，實(shí)現(xiàn)信息化。通過較豐富的功能將 Web 的技術(shù)特點(diǎn)體現(xiàn)出來。該系統(tǒng)可供者發(fā)布信息，也可以通過此在校、離校、以及游客登錄使用。

2、登錄者可以信息或與朋友，并且還能夠創(chuàng)建虛擬班級(jí)等功能。系統(tǒng)中班級(jí)管理為必不可少的模塊項(xiàng)，主要是為了安全有效地和管理登錄的用戶的信息，賦予管理員特定的權(quán)限，可以對(duì)用戶進(jìn)行分類，添加，刪除，修改等。方便維護(hù)。整個(gè)系統(tǒng)結(jié)構(gòu)如圖 1-1 所示。的管理與用戶JSP 頁創(chuàng)建班級(jí)添加，刪除， 修改等權(quán)限操作Database 服務(wù)器Web 服務(wù)器圖 1-1 系統(tǒng)結(jié)構(gòu)圖12 背景121 B/S 模型的優(yōu)點(diǎn)幾乎沒有限制的客戶端和極其簡(jiǎn)單化的應(yīng)用程序部署和管理是 B/S 模型的優(yōu)勢(shì)所在。它和 C/S 模型比較優(yōu)點(diǎn)極為突出。兩層技術(shù)模型（Two-Tier Architecture）是指客戶機(jī)直接與服務(wù)器交流，沒有其他

3、服務(wù)介入的技術(shù)模型。對(duì)用戶量在 12100 的局域網(wǎng)環(huán)境中，兩層模型的確是個(gè)不錯(cuò)的方案。由于該模型中，所有的用戶連接都是被保持的，也就是說即使在態(tài)，連接依然。所以，用戶的并發(fā)請(qǐng)求數(shù)量有限的。為了解決這個(gè)限制，使得成千上萬的用戶可以被無顧慮地添們最好選用三層模型。B/S 結(jié)構(gòu)，即 Browser/Server（瀏覽器/服務(wù)器）結(jié)構(gòu)，是隨著 Internet 技術(shù)的興起， 對(duì) C/S 結(jié)構(gòu)的一種變化或者說是改進(jìn)的結(jié)構(gòu)。用戶界面完全通過瀏覽器實(shí)現(xiàn)，一部分事務(wù)邏輯在前端實(shí)現(xiàn)，但是主要事務(wù)邏輯在服務(wù)器端實(shí)現(xiàn)，形成三層結(jié)構(gòu)，是一種全新的系統(tǒng)構(gòu)造技術(shù)。B/S 模型結(jié)構(gòu)圖如下所示：從上圖可見 這種結(jié)構(gòu)的一個(gè)重

4、要的特點(diǎn)是，用戶可以完全不需要安裝客戶端，當(dāng)然也不需要擔(dān)心任何升級(jí)和不任何客戶端所遇到的。相比之下，B/S 模型的優(yōu)點(diǎn)顯而易見，更適合這個(gè)的構(gòu)建，有利于的維護(hù)和擴(kuò)充。第 2 章 系統(tǒng)需求分析21 任務(wù)描述系統(tǒng)模塊的設(shè)計(jì)應(yīng)該遵循整個(gè)系統(tǒng)總體設(shè)計(jì)思路。即基于 B/S 模型構(gòu)建校友錄。系統(tǒng)的總體設(shè)計(jì)應(yīng)該是提供給上網(wǎng)瀏覽者一個(gè)效率高，能容豐富的空間。用戶可以在線聊天，上傳圖片，等種種功能。其中校友錄中必不可少的主體模塊之一就是網(wǎng)上虛擬班級(jí)的創(chuàng)建，它將提供的是一個(gè)互動(dòng)的虛擬空間。班級(jí)作為一個(gè)整體包含了許多的，用戶作為班級(jí)的可以在班級(jí)范圍能有護(hù)者這個(gè)的行為。與其相關(guān)涉及到班級(jí)的長期維護(hù)和管理等功能。班級(jí)管

5、理員充當(dāng)維，他可以將班級(jí)成員組織在一起，而且擁有班級(jí)管理功能的使用權(quán)。22 用戶特點(diǎn)系統(tǒng)應(yīng)該日常工作。著用戶特點(diǎn)設(shè)計(jì)。管理員將普通班級(jí)成員升級(jí)為班級(jí)管理員，協(xié)調(diào)將班級(jí)管理員降級(jí)為普通班級(jí)成員，將用戶協(xié)議的，對(duì)班級(jí)造成不良影響的普通班級(jí)成員從本班級(jí)中除名。將班級(jí)的名稱進(jìn)行合理更改，使其更容易。有義務(wù)定期維護(hù)班級(jí)校友錄，發(fā)展班級(jí)成員，使舊時(shí)的班級(jí)重新成為一個(gè)整體。以便參加為校友們不定期舉辦的豐富多彩的活動(dòng)，發(fā)布班級(jí)通知等。遵守用戶協(xié)議，管理班級(jí)成員不任何的、性的、穢等信息資料。有義務(wù)作為班級(jí)成員與網(wǎng)站之間的位班級(jí)成員。紐帶，及時(shí)將雙方所需的信息?？梢詫⒌乃平唤o另一23 條件與限制此系統(tǒng)模塊的設(shè)

6、計(jì)主要突出班級(jí)管理員的功能和特點(diǎn)，它與普通的用戶有很大的區(qū)別。系統(tǒng)雖然對(duì)所有用戶開放，但部分資料和功能只班級(jí)管理員開放；新增用戶需要通過申請(qǐng)、法的、等方式獲得希望得到的權(quán)限和信息；如果用戶協(xié)議，或任何非穢等信息資料，將立即取消用戶服務(wù)帳號(hào)，并視情節(jié)的嚴(yán)重性付諸于法律。數(shù)據(jù)庫中要以班級(jí)名稱和用戶名為主鍵，這就要求用戶創(chuàng)建初始信息是必須填寫這兩項(xiàng)。為了確保用戶輸入數(shù)據(jù)的有效性并與數(shù)據(jù)庫字段設(shè)計(jì)相符，所以對(duì)用戶輸入的表單項(xiàng)也要做相應(yīng)的約束。第 3 章 系統(tǒng)設(shè)計(jì)31 功能模塊劃分此系統(tǒng)模塊主要的功能是創(chuàng)建班級(jí)和班級(jí)管理員操作權(quán)限的實(shí)現(xiàn)，著這個(gè)目標(biāo)把系統(tǒng)制作劃分為登錄子模塊、查找班級(jí)子模塊、班級(jí)子模塊和

7、數(shù)據(jù)庫模塊。如圖 3-1所示。首頁可以作為其它功能項(xiàng)的一個(gè)向?qū)?，起連接的作用。登陸子模塊劃分為修改，用戶，和登陸碼功能塊。而班級(jí)子模塊又被細(xì)分添加留言，上傳，管理班級(jí)功能塊，另外在班級(jí)共享中可以上傳文件，也可以保存其他成員上傳的文件。如果該成員是班級(jí)創(chuàng)始人則是班級(jí)最高權(quán)限管理員可對(duì)班級(jí)的留言，相冊(cè)以及共享文件進(jìn)行刪除管理，校友錄v查找班級(jí)用戶登陸與注冊(cè)我的班級(jí)找回密碼查看修改個(gè)人信息班級(jí)成員創(chuàng)建學(xué)校班級(jí)留言加入班級(jí)修改班級(jí)信息待審成員上傳圖片查看圖片解散班級(jí)按省市查找創(chuàng)建班級(jí)圖 3-1 系統(tǒng)總體功能結(jié)構(gòu)圖3.2 本組具體明細(xì)分工：登陸，找回，查看，修改個(gè)人詳細(xì)信息分為一個(gè)人，進(jìn)行 MD5 加密

8、，驗(yàn)證碼實(shí)現(xiàn)與碼的，修改班級(jí)信息，解散班級(jí)分為一個(gè)人，按省查找班級(jí)，按市查找班級(jí)，創(chuàng)建班級(jí)，創(chuàng)建學(xué)校分為一個(gè)人，用戶留言，用戶上傳圖片，查看班級(jí)圖片，審核班級(jí)分為一個(gè)人。其中我實(shí)現(xiàn)的是：進(jìn)行 MD5 加密，碼實(shí)現(xiàn)與碼的驗(yàn)證，修改班級(jí)信息，解散班級(jí)3.3 系統(tǒng)流程圖：管理員中間的數(shù)據(jù)庫的連接加入班級(jí)普通用戶班級(jí)成員會(huì)員用戶圖 3-1 系統(tǒng)業(yè)務(wù)流程圖上傳、留言、上傳文件學(xué)校班級(jí)信息瀏覽班級(jí)相冊(cè)等的管理改變班級(jí)成員權(quán)限批準(zhǔn)班級(jí)成員加入3.4 數(shù)據(jù)流程分析以及數(shù)據(jù)流程圖數(shù)據(jù)是信息的載體，是要處理的主要對(duì)象。因此必須對(duì)系統(tǒng)中所收集的數(shù)據(jù)以及統(tǒng)計(jì)和處理數(shù)據(jù)的過程進(jìn)行分析和整理。如果有沒弄清楚的，應(yīng)立刻返回

9、去弄清楚它。如果發(fā)現(xiàn)有數(shù)據(jù)不全，過程不合理，處理過程不暢，數(shù)據(jù)分析不深入等問題，分析過程中研究解決。數(shù)據(jù)與數(shù)據(jù)流程分析是今后建立數(shù)據(jù)庫系統(tǒng)和設(shè)計(jì)功能模塊處理過程的基礎(chǔ)。其具體的做法是：按業(yè)務(wù)流程圖理出的業(yè)務(wù)流程順序，將相應(yīng)過程中所掌握的數(shù)據(jù)處理過程，繪制成一套完整的數(shù)據(jù)流圖。根據(jù)結(jié)構(gòu)流圖畫出初步數(shù)據(jù)流程如圖 3-2 所示。121221231會(huì)員用用戶所在所在所在息 5相冊(cè)、留言、共享 222 232 創(chuàng)建創(chuàng)學(xué)建校息息息 4批準(zhǔn)班級(jí)成員 3加入管理員戶 6更改用戶 7留言上傳圖 3-2系統(tǒng)初步數(shù)據(jù)流程圖班 級(jí) 成注冊(cè)信息用D1用戶信D2學(xué)校信D4城市信D3班級(jí)信3.5 用例圖查找班級(jí)審核成員班級(jí)

10、用戶留言創(chuàng)建班級(jí)班級(jí)成員用戶查看班級(jí)成員上傳圖片解散班級(jí)36 設(shè)計(jì)模式模塊 1：用戶設(shè)計(jì)。用戶進(jìn)入該系統(tǒng)，首先需要進(jìn)行，采取，的是 MD5，并實(shí)現(xiàn)碼登陸，防止套用他人。如果通過了則為合法用戶，同時(shí)其帳號(hào)和權(quán)限等資料將會(huì)保的信息是局部的，隨用戶不同而不同的。當(dāng)用戶Session 對(duì)象，Session 對(duì)象儲(chǔ)存系統(tǒng)的各個(gè)子系統(tǒng)時(shí)，系統(tǒng)自動(dòng)從 Session 對(duì)象中獲取用戶的資料，而無須將用戶的資料作為請(qǐng)求、參數(shù)名、參。數(shù)值追加到 URL 中。這樣可以避免用戶修改 URL 中的值來Session 對(duì)象中的變量設(shè)置：Session“UserID” 用戶帳號(hào)Session“Roles” 用戶權(quán)限模塊設(shè)計(jì)

11、流程如圖 3-2 所示。開 始輸入是否合法？是進(jìn)入系統(tǒng)主頁報(bào)錯(cuò)信息結(jié) 束圖 3-2 登錄流程圖模塊 2：創(chuàng)建班級(jí)功能的設(shè)計(jì)。通過了后的用戶才可以創(chuàng)建新班。用戶創(chuàng)建時(shí)必須輸入合法的班級(jí)名稱和基本信息，此模塊的設(shè)計(jì)流程如圖 3-3 所示。開始填寫班級(jí)信息：（所屬省份、城市、地區(qū)、學(xué)校； 班級(jí)名稱、年級(jí)；）是否有效？是否是否有效？否是圖 3-3創(chuàng)建班級(jí)流程圖退 出信息填寫個(gè)人信息： 姓名、生日、方式報(bào)錯(cuò)信息（班級(jí)已）信息（注冊(cè)）是輸入用戶名、，碼模塊 3：功能設(shè)計(jì)。提供給用戶功能，方便使用者查找親友同學(xué)所屬哪個(gè)班級(jí)，還可以統(tǒng)計(jì)出目前班級(jí)擁有多少成員。此項(xiàng)功能是根據(jù)使用者輸入的關(guān)鍵字遍歷數(shù)據(jù)庫，查找有

12、無匹配的。如果將輸出到用戶瀏覽端，否則返回一條用戶信息。例如，姓名為李四的人。模塊設(shè)計(jì)流程如圖 3-4 所示。開 始查詢類型接口（否）接口（是）是否有匹配的？顯示沒有顯示詳細(xì)信息結(jié)束圖 3-4功能流程圖成員名班級(jí)名輸入關(guān)鍵字4.數(shù)據(jù)庫設(shè)計(jì)4.1. 數(shù)據(jù)庫安全及設(shè)計(jì)描述數(shù)據(jù)庫設(shè)計(jì)無疑是以上功能實(shí)現(xiàn)的基礎(chǔ)。制作數(shù)據(jù)庫表首先要確定實(shí)體的屬性和實(shí)體間的。數(shù)據(jù)庫要所有的班級(jí)信息和用戶信息，這些信息是班級(jí)的屬性和用戶的屬性。一個(gè)班級(jí)可以有若干的成員，也可以有一個(gè)以上的管理員。一個(gè)管理員只屬于一個(gè)班級(jí)。實(shí)體間如圖 3-6 所示。年級(jí)班級(jí)名姓 名班 級(jí)1系 名班 級(jí)n班成級(jí)員1n班級(jí)名管理工作IDn管理員ID

13、圖 4-1 E-R 圖4.2 數(shù)據(jù)庫圖圖 4-2 數(shù)據(jù)庫圖4.3 數(shù)據(jù)庫表格設(shè)計(jì)city 表包含城市 ID（city_id），城市名字(city_name)，城市省份(city_provinceid)這幾個(gè)字段圖 4-3city 表Class 表其中包含班級(jí) ID（class_id），班級(jí)名字（class_name），班級(jí)所在學(xué)校（class_school） 班級(jí)成員名字 (class_menbername), 班級(jí)入學(xué)年份 (class_year) ， 班級(jí)畢業(yè)年份(class_gyear),創(chuàng)建班級(jí)日期(class_data)圖 4-4 class 表留言表留言人 ID（ly_id）,留言

14、人名字(ly_menbername),留言人班級(jí)(ly_classid),留方式（ly_nr）,留言日期（ly_data）言人圖 4-5 留言表成員表成 員 名 字 （ member_username ） , 成 員(mwmber_passwd), 成 員 電 子 郵 件（member_）,成員 QQ（member_qq）,成員(member_weixin),成員號(hào)碼(member_idcard), 成員（menber_addrss）,成員（ member_name ） , 成員（member_phone）,成員（ member_sex ） , 成員地址 日期(mwmber_data)圖 4-

15、6 成員表班級(jí)班級(jí) id （ myclass_id ） ,班級(jí) id （ myclass_classid ） , 班級(jí)成員姓名（myclass_memberusername），班級(jí)成員狀態(tài)(myclass_stata)圖 4-7班級(jí)學(xué)校學(xué)校 ID（school_id）,類型（school_type）字（school_name）,學(xué)校城市 id(school_cityid),學(xué)校圖 4-8 學(xué)校表表id（id），息（photo_desc）地址(photo_addr).上傳日期（photo_sdtime）備注信圖 4-9表第 5 章 系統(tǒng)實(shí)現(xiàn)5.1 登陸碼功能模塊的實(shí)現(xiàn)：本次課程設(shè)計(jì)，我主要負(fù)責(zé)的

16、是進(jìn)行 MD5 加密，碼實(shí)現(xiàn)與碼的，修改班級(jí)信息，解散班級(jí)這幾個(gè)功能模塊，主要技術(shù)環(huán)節(jié)是如何有效地與數(shù)據(jù)庫連接，并通過使用 SQL 語句對(duì)數(shù)據(jù)庫進(jìn)行操作。5.2MD5 與隨機(jī)碼技術(shù)要點(diǎn)1）MD5 加密這就是 tanajiya.tar.gz 文件的數(shù)字簽名。MD5 將整個(gè)文件當(dāng)作一個(gè)大文本信息，通過其不可逆的字符串變換算法，產(chǎn)生了這個(gè)唯一的 MD5 信息摘要。為了讓讀者朋友對(duì) MD5 的應(yīng)用有個(gè)直觀的認(rèn)識(shí)，筆者以一個(gè)比方和一個(gè)實(shí)例來簡(jiǎn)要描述一下其工作過程：大家都知道，地球上任何人都有獨(dú)一無二的，這常常成為機(jī)關(guān)鑒別罪犯最值得信賴的；與之類似，MD5 就可以為任何文件（不管其大小、格式、數(shù)量）產(chǎn)生一

17、個(gè)同樣獨(dú)一無二的“數(shù)字”，如果任何人對(duì)文件名做了任何改動(dòng)，其 MD5 值也就是對(duì)應(yīng)的“數(shù)字”都發(fā)生變化。5.3 用戶 MD5 登陸加密的具體實(shí)現(xiàn)MD5 的典型應(yīng)用是對(duì)一段信息（Message）產(chǎn)生信息摘要（Message-Digest），以防止被篡改。比如，在 UNIX 下有很多在的時(shí)候都有一個(gè)文件名相同，文件擴(kuò)展名為.md5的文件，在這個(gè)文件中通常只有一行文本，大致結(jié)構(gòu)如：MD5 (tanajiya.tar.gz) = 0ca175b9c0f726a831d895e269332461取出數(shù)據(jù)庫 MD5 值和已經(jīng)加密值進(jìn)行比較加密輸入框值取得輸入值加密模塊圖 5-1留言信息管理模塊具體實(shí)現(xiàn)：網(wǎng)

18、頁提交表單檢查源代碼 if(isNull(login.passwd.value)alert(請(qǐng)輸入return false;得到提交表單后！);的值代碼，并返回 32 位加密后的值public void doPost(HttpServletRequest request, HttpServletResponse throws ServletException, IOException String user_password=request.getParameter(passwd););對(duì)得到表單的值進(jìn)行加密：public String md5s(String str1) try Messag

19、eDigest md = MessageDigest.getInstance(MD5); md.update(str1.getBytes();byte b = md.digest();int i;、response)StringBuffer buf = new StringBuffer();/字符緩沖區(qū)for (int offset = 0; offset b.length; offset+) i = boffset;/對(duì)進(jìn)行 32 位 MD5 加密ifi if(i+=(i 0)256; 16)buf.append(0); buf.append(Integer.toHexString(i);s

20、tr = buf.toString();/把緩沖區(qū)的值送給 STR 字符串 catch (NoSuchAlgorithmException e) / TODO Auto-generated catch block e.printStackTrace();return str;/返回加密夠的值對(duì)輸入框的值進(jìn)行加密后，再去數(shù)據(jù)庫比較查找有沒有用戶名，如果有，則進(jìn)入系統(tǒng)主頁String str=select * from member where member_username=+member_username+ and member_passwd=+member_passwd+;/rs=DBBea

21、n.select(str); if(code.equalsIgnoreCase(rand)try System.out.println(member_username+用戶名);if(rs.next()/如果正確session.setAttribute(memberusername, member_username);out.print(alert( +member_username+！);window.location=index.jsp;);DBBean.close();MD5 加密最終實(shí)現(xiàn)效果：數(shù)據(jù)庫保存為 32 為 MD5 加密數(shù)值， 會(huì) 員5.4 用戶登陸隨機(jī)碼的實(shí)現(xiàn)：將獲得的碼圖片

22、信息到與 session 值對(duì)應(yīng)的數(shù)據(jù)庫中，獲取輸入框中輸入碼字符串等于原碼值的值；將結(jié)果集輸出到客戶端。碼字符表，碼的 4 為字符將從這字符表中產(chǎn)生char CHARS = 0,a,n,A,N,1,b,o,B,O,2,c,p,C,P,3,d,q,D,Q,4,e,r,E,R,5,f,s,F,S,6,g,t,G,T,7,h,u,H,U,8,i,v,I,V,9,j,w,J,W,k,x,K,X,l,y,L,Y,m,z,M, Z;產(chǎn)生四位隨機(jī)碼，并把碼加入字符緩沖區(qū)生成圖片for (int i=0;i最終實(shí)現(xiàn)效果圖：5.5 修改班級(jí)信息功能實(shí)現(xiàn)修改班級(jí)信息主要是對(duì)已經(jīng)創(chuàng)建的班級(jí)進(jìn)行修改，可以修改班級(jí)名

23、稱，入學(xué)年份和畢業(yè)年份。主要代碼的實(shí)現(xiàn)：Collection coll=new ArrayList(); ResultSet rs=null;rs=DBBean.select(select*fromclass,member,schoolwhereandclass_schoolid=school_id class_id=+classid+);andclass_memberusername=member_usernamecoll=DBCBean.getClassList(rs); request.setAttribute(classlistcoll, coll);當(dāng)用戶修改后，點(diǎn)擊提交按鈕，將對(duì)數(shù)

24、據(jù)庫保存的原來班級(jí)信息值進(jìn)行修改，如何返回修改與否最終實(shí)現(xiàn)效果展示5.6,解散班級(jí)只有創(chuàng)建者可以解散的數(shù)據(jù)庫操作代碼為：創(chuàng)建的班級(jí)，普通班級(jí)成員并可以解散，主要實(shí)現(xiàn)解散班級(jí)/獲取表單傳值String classid=request.getParameter(classid); DBBean.update(delete from ly where ly_classid=+classid);DBBean.update(delete from myclass where myclass_classid=+classid); DBBean.update(delete from class where

25、class_id=+classid);第 6 章.系統(tǒng)測(cè)試6.1.隨機(jī)碼和 MD5加密功能測(cè)試：留言添加，添加一條今天是：2015 年 7 月 3 日 11:53:41 信息點(diǎn)擊提交后6.2 修改班級(jí)信息測(cè)試：首先打開班級(jí)，如何點(diǎn)擊修改班級(jí)信息點(diǎn)擊修改后總結(jié)本次課程設(shè)計(jì)開發(fā)的是校友錄管理系統(tǒng)。主要是建立一個(gè)通暢的同學(xué)平臺(tái)，方便地實(shí)現(xiàn)同學(xué)與母校、同學(xué)與同學(xué)之間的。系統(tǒng)切合實(shí)際，根據(jù)實(shí)際需要進(jìn)行開發(fā)，通用性能好，實(shí)用性強(qiáng)，用戶界面友好，安全性、可靠性高。本設(shè)計(jì)的目的是利用 ASP.NET程序設(shè)計(jì)語言來開發(fā)一個(gè)功能完善的同學(xué)錄系統(tǒng)，它前和系統(tǒng)。整個(gè)系統(tǒng)是以用戶為中心的人性化設(shè)計(jì)，總體來看，系統(tǒng)可以看作是用戶模塊和管理模塊兩大模塊的協(xié)調(diào)班級(jí)相冊(cè)，且可以對(duì)。作為一個(gè)普通用戶，可以瀏覽班級(jí)留言信息，留言，可以瀏覽進(jìn)行評(píng)論，可以瀏覽班