1、中北大學(xué)2013屆畢業(yè)設(shè)計說明書PAGE 第頁 共頁基于JSP的班級網(wǎng)站管理系統(tǒng)的設(shè)計 第頁 共頁基于JSP的班級網(wǎng)站管理系統(tǒng)的設(shè)計摘要班級網(wǎng)站是為了合理利用網(wǎng)絡(luò)資源、提供班級學(xué)習(xí)與交流、有效管理班級事務(wù)的網(wǎng)絡(luò)平臺。本網(wǎng)站基于B/S模式，在MYECLIPSE集成開發(fā)環(huán)境下采用JSP語言開發(fā)完成。本網(wǎng)站由用戶模塊、在線論壇、班級相冊、留言簿模塊與管理模塊等構(gòu)成，其中用戶模塊實現(xiàn)了用戶注冊、登陸與修改個人資料等功能；在線論壇提供交流平臺；班級相冊實現(xiàn)圖片上載和在線瀏覽功能；留言簿模塊實現(xiàn)網(wǎng)上留言功能；管理模塊實現(xiàn)用戶管理、論壇管理、相冊管理與留言簿管理等功能。本網(wǎng)站能促進(jìn)班級內(nèi)學(xué)生交流學(xué)習(xí)，實現(xiàn)用

2、戶自由訪問，促進(jìn)學(xué)習(xí)相互了解，增強(qiáng)班級凝聚力。關(guān)鍵字：網(wǎng)站；B/S模式；JSP第頁 共頁The Design of Class-Style Website Based on JSPAbstractThe website of class-style is used to rationalize the use of network resources, provide learning and communication, and effectively manage the classes affairs. This website is completed based on the B/S

3、 mode, with myeclipse integrated development environment and JSP language. This website is consisted of the user module, the online forum, album-style, guest-book module and the management module. The user module is consisted of users registration, login and the personal information. The online-foru

4、m is used for the communication. The album-style contains picture up-loading and online browsing. The guest-book module accomplishes the online leaving messages. The user management module can accomplish the forum management, album management and guest-book management. This website is to promote the

5、 communication during the students in class learning and is achieved free access to users for learning mutually, and increases class cohesion. Key words: website; B/S mode; JSP第 I 頁 共 II 頁目 錄 TOC o 1-3 h z u HYPERLINK l _Toc10433 1. 引言 PAGEREF _Toc10433 1 HYPERLINK l _Toc9163 1.1 設(shè)計背景 PAGEREF _Toc91

6、63 1 HYPERLINK l _Toc25088 1.2 系統(tǒng)配置 PAGEREF _Toc25088 1 HYPERLINK l _Toc24979 1.3 開發(fā)工具與平臺 PAGEREF _Toc24979 2 HYPERLINK l _Toc7089 1.3.1 JSP技術(shù) PAGEREF _Toc7089 2 HYPERLINK l _Toc19588 1.3.2 SQL Server 數(shù)據(jù)庫 PAGEREF _Toc19588 2 HYPERLINK l _Toc16246 1.3.3 myelcipse 開發(fā)環(huán)境 PAGEREF _Toc16246 2 HYPERLINK l

7、_Toc11661 1.3.4 Tomcat應(yīng)用服務(wù)器 PAGEREF _Toc11661 2 HYPERLINK l _Toc18677 1.3.5 MVC設(shè)計模式 PAGEREF _Toc18677 3 HYPERLINK l _Toc22119 2. 概要設(shè)計 PAGEREF _Toc22119 5 HYPERLINK l _Toc7424 2.1功能需求 PAGEREF _Toc7424 5 HYPERLINK l _Toc4759 2.2 系統(tǒng)流程 PAGEREF _Toc4759 5 HYPERLINK l _Toc19548 2.3 模塊組織 PAGEREF _Toc19548

8、6 HYPERLINK l _Toc29645 3. 數(shù)據(jù)庫設(shè)計 PAGEREF _Toc29645 7 HYPERLINK l _Toc1063 3.1數(shù)據(jù)庫的概念 PAGEREF _Toc1063 7 HYPERLINK l _Toc2455 3.2數(shù)據(jù)庫的理論基礎(chǔ) PAGEREF _Toc2455 7 HYPERLINK l _Toc10556 3.3數(shù)據(jù)庫管理系統(tǒng) PAGEREF _Toc10556 8 HYPERLINK l _Toc29 3.4需求分析 PAGEREF _Toc29 9 HYPERLINK l _Toc18686 3.5 數(shù)據(jù)庫表結(jié)構(gòu) PAGEREF _Toc186

9、86 9 HYPERLINK l _Toc30977 4.詳細(xì)設(shè)計 PAGEREF _Toc30977 12 HYPERLINK l _Toc12148 4.1 成員注冊模塊 PAGEREF _Toc12148 12 HYPERLINK l _Toc17752 4.2 班級通訊錄模塊 PAGEREF _Toc17752 15 HYPERLINK l _Toc29156 4.3 班級相冊模塊 PAGEREF _Toc29156 17 HYPERLINK l _Toc5068 4.4 留言簿模塊 PAGEREF _Toc5068 23 HYPERLINK l _Toc8417 4.5 管理員模塊

10、PAGEREF _Toc8417 26第 II頁 共 II頁 HYPERLINK l _Toc9450 5. 關(guān)鍵技術(shù)解決 頁 共 32 頁1. 引言1.1 設(shè)計背景隨著網(wǎng)絡(luò)技術(shù)不斷發(fā)展，計算機(jī)的普及，越來越多的人擁有了自己的電腦，越來越多的學(xué)校和班級通過計算機(jī)網(wǎng)絡(luò)來管理其各項事務(wù)。同時，學(xué)生與學(xué)生之間通過網(wǎng)絡(luò)來交流的方式也日趨頻繁。在這種潮流的驅(qū)使之下，應(yīng)該采用什么樣的方式來更好的管理學(xué)生的各項信息，班級的各項日常事務(wù)，以及怎樣使學(xué)生之間能夠更好的交流，成為一個問題。本系統(tǒng)使用JSP技術(shù)的動態(tài)網(wǎng)頁與SQL Server2000數(shù)據(jù)庫結(jié)合設(shè)計建立的一個網(wǎng)絡(luò)班級信息網(wǎng)站。用戶首先通過內(nèi)部網(wǎng)絡(luò)訪問

11、本網(wǎng)站，進(jìn)行簡單的注冊并經(jīng)管理員審核通過后，即擁有了使用本網(wǎng)站上所提供的除管理模塊外的各功能的權(quán)力。功能模塊包括在線論壇、留言簿、班級相冊等。在線論壇提供用戶之間的主要的交流的平臺，用戶可以發(fā)起自己的帖子，來引起班級其它同學(xué)的對本帖的討論或回復(fù)，同時用戶也可對自己或別人的帖子提出自己的見解，從而很好地促進(jìn)了班級內(nèi)同學(xué)的交流。留言簿提供網(wǎng)上留言功能。留言可以是班級的老師班長或其它同學(xué)的留言，通過網(wǎng)絡(luò)的迅捷的傳輸速率達(dá)到快速了解及處理班級事務(wù)的目的。班級相冊可以將班級內(nèi)同學(xué)的相冊傳到網(wǎng)站上自由瀏覽，增加班級的親和力。以上的幾個功能很好的解決了上面所提出的問題。1.2 系統(tǒng)配置運行本系統(tǒng)需要滿足以下

12、的一些配置要求。硬件環(huán)境服務(wù)器端/客戶端：處理器：Intel Pentium 4內(nèi)存：256M硬盤空間：20G軟件環(huán)境操作系統(tǒng)：Windows 2000/2003/XP網(wǎng)絡(luò)協(xié)議：TCP/IP瀏覽器：Internet Explorer 6.0顯示器：VGA或更高分辨率的顯示器1.3 開發(fā)工具與平臺1.3.1 JSP技術(shù)JSP(Java Server Pages)是由Sun Microsystems公司倡導(dǎo)、許多公司參與一起建立的一種動態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)。 JSP技術(shù)是用JAVA語言作為腳本語言的，JSP網(wǎng)頁為整個服務(wù)器端的JAVA庫單元提供了一個接口來服務(wù)于HTTP的應(yīng)用程序。JSP技術(shù)有點類似AS

13、P技術(shù)，它是在傳統(tǒng)的網(wǎng)頁HTML文件中插入Java程序段和JSP標(biāo)記，從而形成JSP網(wǎng)頁。所有程序操作都在服務(wù)器端運行，網(wǎng)絡(luò)上傳送給客戶端的僅是得到的結(jié)果，與客戶端的瀏覽器無關(guān)，因此，JSP稱這Server-side Language。所以被許多人認(rèn)為是未來最有發(fā)展前途的動態(tài)網(wǎng)站技術(shù)之一。1.3.2 SQL Server 數(shù)據(jù)庫SQL Server是一個具備完全Web支持的數(shù)據(jù)庫產(chǎn)品，提供了對可擴(kuò)展標(biāo)記語言(XML)的核心支持以及在Internet上和防火墻外進(jìn)行查詢的能力，提供了以 Web標(biāo)準(zhǔn)為基礎(chǔ)的擴(kuò)展數(shù)據(jù)庫編程功能。同時提供了高效的數(shù)據(jù)庫解決方案，可處理海量數(shù)據(jù)，是個大型的數(shù)據(jù)庫系統(tǒng)。其

14、安全性、穩(wěn)定性、擴(kuò)展性、存儲數(shù)據(jù)量都遠(yuǎn)優(yōu)于access、mysql這些小型數(shù)據(jù)庫。1.3.3 myelcipse 開發(fā)環(huán)境本次系統(tǒng)開發(fā)所使用的前臺開發(fā)技術(shù)為Java，所使用的軟件為MyEclipse。Java是一種軟件技術(shù)，是一種由美國SUN計算機(jī)公司所研究而成的語言，是一種較為高級的編程語言。利用它可以在數(shù)據(jù)庫和J2EE的開發(fā)、發(fā)布，以及應(yīng)用程序服務(wù)器的整合方面極大的提高工作效率。它是功能豐富的J2EE集成開發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測試和發(fā)布功能，能夠支持HTML，Struts，JSP，CSS，Javascript，SQL，Hibernate。同時，MyEclipse5.6為用戶提供

15、了高效、便捷的操作環(huán)境和友好的可視化操作界面。1.3.4 Tomcat應(yīng)用服務(wù)器目前支持JSP的應(yīng)用服務(wù)器是較多的，Tomcat是其中較為流行的一個Web服務(wù)器，被JavaWorld雜志的編輯選為2001年度最具創(chuàng)新的java產(chǎn)品，可見其在業(yè)界的地位。 Tomcat是一個免費的開源的Serlvet容器，在Tomcat中，應(yīng)用程序的部署很簡單，你只需將你的WAR放到Tomcat的webapp目錄下，Tomcat會自動檢測到這個文件，并將其解壓。你在瀏覽器中訪問這個應(yīng)用的Jsp時，通常第一次會很慢，因為Tomcat要將Jsp轉(zhuǎn)化為Servlet文件，然后編譯。編譯以后，訪問將會很快。另外Tomca

16、t也提供了一個應(yīng)用：manager，訪問這個應(yīng)用需要用戶名和密碼，用戶名和密碼存儲在一個xml文件中。通過這個應(yīng)用，輔助于Ftp，你可以在遠(yuǎn)程通過Web部署和撤銷應(yīng)用。當(dāng)然本地也可以。 Tomcat也具有傳統(tǒng)的Web服務(wù)器的功能：處理Html頁面。但是與Apache相比，它的處理靜態(tài)Html的能力就不如Apache。我們可以將Tomcat和Apache集成到一塊，讓Apache處理靜態(tài)Html，而Tomcat處理Jsp和Servlet。這種集成只需要修改一下Apache和Tomcat的配置文件即可。Tomcat是一個很好的工具，不僅僅因為其免費，功能強(qiáng)大，更因為其開放性，越來越收到人們的重視。

17、1.3.5 MVC設(shè)計模式MVC是Model（模型）View（視圖）Controller（控制器）的縮寫，它適用于大型可擴(kuò)展的Web應(yīng)用的開發(fā)，它強(qiáng)制性地將應(yīng)用程序的輸入、處理和輸出分開，將其劃分為模型、視圖和控制器三個核心部分，使它們各司其職，各自完成不同的任務(wù)，其中任何一部分的修改都不會影響其它兩部分。在MVC模式中，模型封裝了應(yīng)用問題的核心數(shù)據(jù)、邏輯關(guān)系和業(yè)務(wù)規(guī)則，提供了業(yè)務(wù)邏輯的處理過程。模型一方面被控制器調(diào)用，完成問題處理的操作過程，另一方面為視圖獲取顯示數(shù)據(jù)提供了訪問數(shù)據(jù)的操作。因為模型是與數(shù)據(jù)格式無關(guān)的，因此一個模型可以為多個視圖提供數(shù)據(jù)，這樣一個模型一次編寫可以被多個視圖重用，

18、從而避免了代碼的重復(fù)編寫。視圖是MVC模式下用戶看到的并與之交互的界面。視圖從模型處獲得數(shù)據(jù)，視圖的更新由控制器控制。視圖不包含任何業(yè)務(wù)邏輯的處理，它只是作為一種輸出數(shù)據(jù)的方式。MVC模式中，控制器主要起導(dǎo)航的作用，它根據(jù)用戶的輸入調(diào)用相應(yīng)的模型和視圖去完成用戶的請求?？刂破鞅旧聿惠敵鋈魏螙|西，它接受用戶請求并決定調(diào)用哪個模型構(gòu)件去處理，以及由哪個視圖來顯示模型處理之后返回的數(shù)據(jù)。MVC的處理過程是這樣的：對于每一個用戶輸入的請求，首先被控制器接收，并決定由哪個模型來進(jìn)行處理，然后模型通過業(yè)務(wù)處理邏輯處理用戶的請求并返回數(shù)據(jù)，最后控制器用相應(yīng)的視圖格式化模型返回的數(shù)據(jù)，并通過顯示頁面呈現(xiàn)給用戶

19、。2. 概要設(shè)計2.1功能需求為了滿足班級信息網(wǎng)站的交流的根本目的，根據(jù)班級所固有的特點，本網(wǎng)站應(yīng)包括五大模塊：用戶模塊、在線論壇、班級相冊、留言簿模塊與管理模塊。用戶模塊主要功能就包括角色劃分與用戶注冊，角色主要劃分為一般用戶和管理員，一般用戶可以對自己的信息查詢及修改等，管理員通過管理模塊來管理整個網(wǎng)站；在線論壇，論壇主要實現(xiàn)注冊用戶能在此網(wǎng)站平臺之上交流，一般用戶可以回復(fù)別人的發(fā)言，亦可提出自己的言論，以獲取他人的建議與意見；班級相冊，包括用戶上傳圖片以及圖片的瀏覽功能；留言簿模塊，實現(xiàn)用戶在線留言。最后是管理模塊，主要是管理員對于整個網(wǎng)站的綜合性管理，包括用戶模塊管理、在線論壇管理、相

20、冊管理與留言簿管理。2.2 系統(tǒng)流程根據(jù)設(shè)計要求，用戶登陸本網(wǎng)站首頁時，選擇用戶的角色，管理員選擇管理員入口進(jìn)入管理員登陸頁面，驗證成功后直接進(jìn)入網(wǎng)站管理模塊，對班級的各模塊進(jìn)行管理，包括用戶管理、論壇管理、相冊管理與留言簿管理。一般用戶通過普通用戶入口進(jìn)入一般用戶登陸界面，在此頁面登陸驗證成功后即擁有了訪問網(wǎng)站各項功能的權(quán)力。包括個人信息、論壇、上載圖片、瀏覽圖片、給班級留言等功能。班級信息網(wǎng)站使用流程如圖2-1所示。成功 錄失敗 錄網(wǎng)站首頁管理員入口普通用戶入口管理員用戶管理登 錄注 冊論壇主頁上載圖片頁瀏覽圖片頁個人信息頁錯誤處理頁成功 錄論壇管理相冊管理留言簿管理是 錄留言簿主頁否 錄

21、 圖2-1網(wǎng)站使用流程圖2.3 模塊組織整個班級網(wǎng)站主要包括的模塊有：用戶模塊、論壇模塊、管理員模塊、相冊模塊與留言簿模塊。其中管理員模塊可化分為用戶管理模塊、論壇管理模塊、相冊管理模塊與留言簿管理模塊四大塊。模塊組織如圖2-2所示。 用戶模塊論壇模塊管理員模塊相冊模塊班級網(wǎng)站用戶管理模塊論壇管理模塊相冊管理模塊留言簿模塊留言簿管理模塊 圖2-2網(wǎng)站模塊組織圖 3. 數(shù)據(jù)庫設(shè)計3.1數(shù)據(jù)庫的概念所謂數(shù)據(jù)庫是指長期儲存在計算機(jī)內(nèi)的、有組織的、可共享的數(shù)據(jù)集合。數(shù)據(jù)庫中的數(shù)據(jù)按一定的數(shù)據(jù)模型組織、描述和儲存，具有較小的冗余度、較高的數(shù)據(jù)獨立性和易擴(kuò)展性，并可為各種用戶共享。使用數(shù)據(jù)庫可以帶來許多好

22、處：如減少了數(shù)據(jù)的冗余度，從而大大地節(jié)省了數(shù)據(jù)的存儲空間；實現(xiàn)數(shù)據(jù)資源的充分共享等等。此外，數(shù)據(jù)庫技術(shù)還為用戶提供了非常簡便的使用手段使用戶易于編寫有關(guān)數(shù)據(jù)庫應(yīng)用程序。數(shù)據(jù)庫在我國正得到愈來愈廣泛的應(yīng)用，必將成為經(jīng)濟(jì)管理的有力工具。數(shù)據(jù)是信息系統(tǒng)處理的對象，數(shù)據(jù)庫設(shè)計是系統(tǒng)設(shè)計的重要組成部分，它的好壞將直接影響到應(yīng)用系統(tǒng)數(shù)據(jù)處理的效率。數(shù)據(jù)庫按照數(shù)據(jù)的組織方式可分為層次型數(shù)據(jù)庫、網(wǎng)狀型數(shù)據(jù)庫和和關(guān)系型數(shù)據(jù)庫。3.2數(shù)據(jù)庫的理論基礎(chǔ)在一個給定的應(yīng)用領(lǐng)域中，所有實體及實體之間聯(lián)系的關(guān)系的集合構(gòu)成一個數(shù)據(jù)庫。關(guān)系數(shù)據(jù)庫是目前各類數(shù)據(jù)庫中最重要、最流行的數(shù)據(jù)庫，它應(yīng)用數(shù)學(xué)方法來處理數(shù)據(jù)庫數(shù)據(jù)，是目前使

23、用最廣泛的數(shù)據(jù)庫系統(tǒng)。3.3數(shù)據(jù)庫管理系統(tǒng)系統(tǒng)采用Microsoft公司Office2003系列中的資料庫系統(tǒng)SQL Server2005作為數(shù)據(jù)庫管理系統(tǒng)。SQL Server2005中文版是Microsoft Office套裝軟件的數(shù)據(jù)庫管理系統(tǒng)軟件，是目前比較流行的小型桌面數(shù)據(jù)庫管理系統(tǒng)，它適用于小型企業(yè)、學(xué)校、個人等用戶，可以通過多種方式實現(xiàn)對數(shù)據(jù)收集、分類、篩選處理，提供用戶查詢或打印報表。SQL Server2005是一個具備完全 Web 支持的數(shù)據(jù)庫產(chǎn)品，提供了對可擴(kuò)展標(biāo)記語言 (XML) 的核心支持以及在 Internet 上和防火墻外進(jìn)行查詢的能力。有關(guān) SQL Server

24、2005的詳細(xì)說明，請下載產(chǎn)品指南或訪問功能頁以獲得更多信息。完全的 Web 支持 SQL Server2005提供了以 Web 標(biāo)準(zhǔn)為基礎(chǔ)的擴(kuò)展數(shù)據(jù)庫編程功能。豐富的 XML 和 Internet 標(biāo)準(zhǔn)支持允許您使用內(nèi)置的存儲過程以 XML 格式輕松存儲和檢索數(shù)據(jù)。您還可以使用 XML 更新程序容易地插入、更新和刪除數(shù)據(jù)。 通過 Web 輕松訪問數(shù)據(jù)。有了SQL Server2005，您可以使用 HTTP 來向數(shù)據(jù)庫發(fā)送查詢、對數(shù)據(jù)庫中存儲的文檔執(zhí)行全文搜索、以及通過 Web 進(jìn)行自然語言查詢。 強(qiáng)大而靈活的基于 Web 的分析。SQL Server2005分析服務(wù)功能被擴(kuò)展到了 Inter

25、net。您可以通過 Web 瀏覽器來訪問和控制多維數(shù)據(jù)。 高度的可伸縮性和可靠性 使用 SQL Server2005可以獲得非凡的可伸縮性和可靠性。通過向上伸縮和向外擴(kuò)展的能力，SQL Server 滿足了苛刻的電子商務(wù)和企業(yè)應(yīng)用程序要求。 向上伸縮。SQL Server2005利用了對稱多處理器 (SMP) 系統(tǒng)。SQL Server Enterprise Edition 最多可以使用 32 個處理器和 64 GB RAM。 向外擴(kuò)展。向外擴(kuò)展可以將數(shù)據(jù)庫和數(shù)據(jù)負(fù)載分配給多臺服務(wù)器。 可用性。通過增強(qiáng)的故障轉(zhuǎn)移群集、日志傳送和新增的備份策略，SQL Server2005達(dá)到了最大的可用性。

26、最快的進(jìn)入市場時間 SQL Server2005是 Microsoft .NET Enterprise Server 的數(shù)據(jù)管理與分析中樞。SQL Server2005包括加速從概念到最后交付開發(fā)過程的工具。 集成和可擴(kuò)展的分析服務(wù)。有了SQL Server2005，您可以建立帶有集成工具的端到端分析解決方案，從數(shù)據(jù)創(chuàng)造價值。此外，還可以根據(jù)分析結(jié)果自動驅(qū)動商業(yè)過程以及從最復(fù)雜的計算靈活地檢索自定義結(jié)果集。 快速開發(fā)、調(diào)試和數(shù)據(jù)轉(zhuǎn)換。SQL Server2005帶有交互式調(diào)節(jié)和調(diào)試查詢、從任何數(shù)據(jù)源快速移動和轉(zhuǎn)化數(shù)據(jù)、以及按 Transact-SQL 方式定義和使用函數(shù)等功能。您可以從任意 V

27、isual Studio 工具以可視化方式設(shè)計和編寫數(shù)據(jù)庫應(yīng)用程序。 簡化的管理和調(diào)節(jié)。使用SQL Server2005，您可以很容易地在企業(yè)資源旁邊集中管理數(shù)據(jù)庫?？梢栽诒３致?lián)機(jī)的同時輕松地在計算機(jī)間或?qū)嵗g移動和復(fù)制數(shù)據(jù)庫。3.4需求分析作為一個班級信息網(wǎng)站系統(tǒng)，同其他類型的網(wǎng)站一樣，首先應(yīng)該包括用戶表，用戶表用來存儲已注冊用戶的各項信息。 在線論壇對應(yīng)于數(shù)據(jù)庫中兩張表：帖子信息表和帖子回復(fù)表。帖子信息表中存儲了論壇中用戶發(fā)的所有帖子。同時每一個帖子都應(yīng)有它的回復(fù)，在數(shù)據(jù)庫的存儲中，將所有的帖子的回復(fù)都放到了帖子回復(fù)表中，通過表中帖子的不同編號來區(qū)分不同的帖子的回復(fù)。網(wǎng)站還包括相冊模塊和留

28、言簿模塊，因此數(shù)據(jù)庫中還應(yīng)包含圖片信息表與留言表用來存儲上載圖片的所有信息和留言的各項信息。3.5 數(shù)據(jù)庫表結(jié)構(gòu)根據(jù)需求分析及模塊劃分，設(shè)計數(shù)據(jù)庫表結(jié)構(gòu)如下。（1）用戶信息表用戶信息表中包括有用戶編號，用戶名，用戶密碼，姓名，性別，年齡，住址，聯(lián)系方式，email，QQ等字段，主鍵為用戶編號，具體設(shè)計如表3-1所示。表3-1 用戶基本信息表t_user編號字段名稱數(shù)據(jù)類型說明1IDInt用戶ID(主鍵)(自動)2loginnamevarchar(50)用戶登錄名3loginpwvarchar(50)用戶密碼4namevarchar(50)姓名5sexvarchar(50)性別6ageint年齡

29、7addressvarchar(50)住址8telvarchar(50)聯(lián)系方式9emailvarchar(50)郵箱地址10QQvarchar(50)QQ（2） 公告信息表公告信息表包括公告編號，標(biāo)題，公告內(nèi)容，發(fā)布時間共5個字段，主鍵為編號，具體設(shè)計如表3-2所示。表3-2 公告信息表t_gonggao編號字段名稱數(shù)據(jù)類型說明1idInt編號(主鍵)2titlevarchar(50)公告標(biāo)題3contentvarchar(5000)公告內(nèi)容4shijianvarchar(50)發(fā)布時間（3）班級介紹表班級介紹包括ID，內(nèi)容共2個字段。主鍵為ID。具體設(shè)計如表3-3所示。表3-3班級介紹表t

30、_jieshao編號字段名稱數(shù)據(jù)類型說明1MessageIDInt信息ID(主鍵)(自動)2ThreadIDInt帖子編號(外鍵)3SubjectNvarchar(50)回復(fù)信息標(biāo)題4ContentNtext回復(fù)內(nèi)容5AuthorNvarchar(50)回復(fù)者6PostTimeDatetime回復(fù)時間（4） 相冊表相冊表包括相片編號，相片名稱，相片介紹，上載時間，上傳用戶5個字段，主鍵為相片編號，具體設(shè)計如表3-4所示。表3-4 相冊表t_zhaopian編號字段名稱數(shù)據(jù)類型說明1idInt照片ID(主鍵)2titlevarchar(50)照片名稱3contentvarchar(50)照片介紹

31、4fujianvarchar(50)附件5shijianvarchar(50)上傳時間6user_idvarchar(50)上傳用戶（5）留言表留言表包括留言編號，留言標(biāo)題，留言內(nèi)容，留言時間共4個字段，主鍵為留言編號，具體設(shè)計如表3-5所示。表3-5 留言表t_liuyan編號字段名稱數(shù)據(jù)類型說明1idInt留言ID(主鍵)(自動)2titlevarchar(50)留言標(biāo)題3contentvarchar(50)留言內(nèi)容4shijianDatetime留言時間4.詳細(xì)設(shè)計4.1 成員注冊模塊這個系統(tǒng)對于普通游客來講，基本上沒有什么功能，至于注冊后，管理員審核成功后，才能使用該系統(tǒng)的所有功能，注

32、冊界面如下所示：圖4-1 用戶注冊頁面設(shè)計視圖核心代碼如下：public void userReg(HttpServletRequest req,HttpServletResponse res)String id=String.valueOf(new Date().getTime();String loginname=req.getParameter(loginname);String loginpw=req.getParameter(loginpw);String name=req.getParameter(name);String sex=req.getParameter(sex);Str

33、ing age=req.getParameter(age);String address=;String tel=;String email=;String qq=;String zhuangtai=a;String del=no;String sql=insert into t_user values(?,?,?,?,?,?,?,?,?,?,?,?);Object params=id,loginname,loginpw,name,sex,age,address,tel,email,qq,zhuangtai,del;DB mydb=new DB();mydb.doPstm(sql, param

34、s);mydb.closed();req.setAttribute(message, 注冊成功。等待管理員審核中);req.setAttribute(path, qiantai/default.jsp); String targetURL = /common/success.jsp;dispatch(targetURL, req, res);public void userLogout(HttpServletRequest req,HttpServletResponse res)req.getSession().setAttribute(user, null);String targetURL

35、 = /qiantai/default.jsp;dispatch(targetURL, req, res);public void userEdit(HttpServletRequest req,HttpServletResponse res)String id=req.getParameter(id);String loginname=req.getParameter(loginname);String loginpw=req.getParameter(loginpw);String name=req.getParameter(name);String sex=req.getParamete

36、r(sex);String age=req.getParameter(age);String address=req.getParameter(address);String tel=req.getParameter(tel);String email=req.getParameter(email);String qq=req.getParameter(qq);String sql=update t_user set loginpw=?,name=?,sex=?,age=?,address=?,tel=?,email=?,qq=? where id=?;Object params=loginp

37、w,name,sex,age,address,tel,email,qq,id;DB mydb=new DB();mydb.doPstm(sql, params);mydb.closed();req.setAttribute(message, 修改成功，重新登錄后生效);req.setAttribute(path, qiantai/default.jsp); String targetURL = /common/success.jsp;dispatch(targetURL, req, res);4.2 班級通訊錄模塊用戶登陸后點擊“班級通訊錄”，頁面跳轉(zhuǎn)到“班級通訊錄”界面，該頁面主要設(shè)計目的是

38、顯示改班級所有成員的基本信息。頁面設(shè)計如圖4-1 班級通訊錄頁面設(shè)計視圖代碼如下所示： public void userAll(HttpServletRequest req,HttpServletResponse res) throws ServletException, IOExceptionList userList=new ArrayList();String sql=select * from t_user where del=no order by zhuangtai;Object params=;DB mydb=new DB();trymydb.doPstm(sql, params

39、);ResultSet rs=mydb.getRs();while(rs.next()Tuser user=new Tuser();user.setId(rs.getString(id);user.setLoginname(rs.getString(loginname);user.setLoginpw(rs.getString(loginpw);user.setLoginpw(rs.getString(loginpw);user.setName(rs.getString(name);user.setSex(rs.getString(sex);user.setAge(rs.getString(a

40、ge);user.setAddress(rs.getString(address);user.setTel(rs.getString(tel);user.setEmail(rs.getString(email);user.setQq(rs.getString(qq);user.setZhuangtai(rs.getString(zhuangtai);userList.add(user); rs.close();catch(Exception e)e.printStackTrace();mydb.closed();req.setAttribute(userList, userList);req.

41、getRequestDispatcher(qiantai/user/userAll.jsp).forward(req, res);public void userDetailQian(HttpServletRequest req,HttpServletResponse res) throws ServletException, IOExceptionreq.setAttribute(user, liuService.getUser(req.getParameter(id);req.getRequestDispatcher(qiantai/user/userDetailQian.jsp).for

42、ward(req, res);4.3 班級相冊模塊（1） 圖片上載圖片上載頁面主要控件由開源的上傳組件jspsmartupload來實現(xiàn)。按鈕Button1首先取得上傳文件的文件名與文件擴(kuò)展名，然后對文件擴(kuò)展名進(jìn)行比較，保證上傳的為bmp，jpeg，jpg，gif 四種圖片中的一種，之后用mySmartUpload類的對象調(diào)用類中的方法saveAs ()，判斷上傳圖片名在數(shù)據(jù)庫中是否有重名。若無重名，則將圖片寫入到固定的文件夾中，同時將此圖片的文件名定入數(shù)據(jù)庫中設(shè)計視圖如圖4-3所示。圖4-3 圖片上傳界面核心代碼如下：String newFile1Name=null; SmartUpload

43、 mySmartUpload = new SmartUpload();/初始化上傳mySmartUpload.initialize(pageContext);/只允許上載此類文件try /mySmartUpload.setAllowedFilesList(jpg,Jpg,JPG,GIF,gif,Gif,png);mySmartUpload.upload(); catch (Exception e) /out.println(alert(上傳格式錯誤！); history.back(-1););/return;try com.jspsmart.upload.File myFile = mySma

44、rtUpload.getFiles().getFile(0); if (myFile.isMissing() out.println(alert(必須選擇圖片！); history.back(-1);); return; else int file_size = myFile.getSize(); /取得文件的大小 (單位是b) String file_name=myFile.getFileName(); System.out.println(文件大?。?file_size+文件名稱：+file_name); /if (file_size 10*1024*1024) / /out.printl

45、n(alert(上傳圖片大小應(yīng)控制在10K1M之間！); history.back(-1);); /return; / /else / newFile1Name=new Date().getTime()+file_name.substring(file_name.indexOf(.); System.out.println(新文件名稱：+newFile1Name); String saveurl = request.getSession().getServletContext().getRealPath(upload); saveurl = saveurl+/+newFile1Name; my

46、File.saveAs(saveurl, mySmartUpload.SAVE_PHYSICAL); / catch (Exception e) e.toString(); （2）相冊瀏覽模塊班級成員上傳照片后，其他的成品就可以瀏覽到這些照片，頁面設(shè)計如圖4-4所示。4-4 相冊瀏覽界面設(shè)計視圖核心源代碼如下：public void zhaopianAdd(HttpServletRequest req,HttpServletResponse res)HttpSession session=req.getSession();Tuser user=(Tuser)session.getAttribu

47、te(user);String title=req.getParameter(title);String content=req.getParameter(content);String fujian=req.getParameter(fujian);String shijian=new Date().toLocaleString();String user_id=user.getId();String del=no;String sql=insert into t_zhaopian values(?,?,?,?,?,?);Object params=title,content,fujian,

48、shijian,user_id,del;DB mydb=new DB();mydb.doPstm(sql, params);mydb.closed();req.setAttribute(message, 操作成功);req.setAttribute(path, zhaopian?type=zhaopianAll); String targetURL = /common/success.jsp;dispatch(targetURL, req, res); public void zhaopianDel(HttpServletRequest req,HttpServletResponse res)

49、String id=req.getParameter(id);String sql=update t_zhaopian set del=yes where id=?;Object params=id;DB mydb=new DB();mydb.doPstm(sql, params);mydb.closed();req.setAttribute(message, 操作成功);req.setAttribute(path, zhaopian?type=zhaopianMana); String targetURL = /common/success.jsp;dispatch(targetURL, r

50、eq, res);public void zhaopianMana(HttpServletRequest req,HttpServletResponse res) throws ServletException, IOExceptionList zhaopianList=new ArrayList();String sql=select * from t_zhaopian where del=no;Object params=;DB mydb=new DB();trymydb.doPstm(sql, params);ResultSet rs=mydb.getRs();while(rs.next

51、()Tzhaopian zhaopian=new Tzhaopian();zhaopian.setId(rs.getInt(id);zhaopian.setTitle(rs.getString(title);zhaopian.setContent(rs.getString(content);zhaopian.setFujian(rs.getString(fujian);zhaopian.setShijian(rs.getString(shijian);zhaopian.setUser_id(rs.getString(user_id);zhaopian.setDel(rs.getString(d

52、el);zhaopian.setUser(liuService.getUser(rs.getString(user_id);zhaopianList.add(zhaopian); rs.close();catch(Exception e)e.printStackTrace();mydb.closed();req.setAttribute(zhaopianList, zhaopianList);req.getRequestDispatcher(admin/zhaopian/zhaopianMana.jsp).forward(req, res);4.4 留言簿模塊班級成員登陸系統(tǒng)后，可以互相留言，

53、以此彼此之間交流感情，設(shè)計視圖如圖4-4所示。圖4-4 留言簿設(shè)計視圖核心代碼如下:public void liuyanAdd(HttpServletRequest req,HttpServletResponse res)String id=String.valueOf(new Date().getTime();String title=req.getParameter(title);String content=req.getParameter(content);String shijian=new Date().toLocaleString();String user_id=0;if(re

54、q.getSession().getAttribute(user)!=null)Tuser user=(Tuser)req.getSession().getAttribute(user);user_id=user.getId();String sql=insert into t_liuyan values(?,?,?,?,?);Object params=id,title,content,shijian,user_id;DB mydb=new DB();mydb.doPstm(sql, params);mydb.closed();req.setAttribute(message, 操作成功);

55、req.setAttribute(path, liuyan?type=liuyanAll); String targetURL = /common/success.jsp;dispatch(targetURL, req, res); public void liuyanAll(HttpServletRequest req,HttpServletResponse res) throws ServletException, IOExceptionList liuyanList=new ArrayList();String sql=select * from t_liuyan;Object para

56、ms=;DB mydb=new DB();trymydb.doPstm(sql, params);ResultSet rs=mydb.getRs();while(rs.next()Tliuyan liuyan=new Tliuyan();liuyan.setId(rs.getString(id);liuyan.setTitle(rs.getString(title);liuyan.setContent(rs.getString(content);liuyan.setShijian(rs.getString(shijian);liuyan.setUser_id(rs.getString(user

57、_id);liuyanList.add(liuyan); rs.close();catch(Exception e)e.printStackTrace();mydb.closed();req.setAttribute(liuyanList, liuyanList);req.getRequestDispatcher(qiantai/liuyan/liuyanAll.jsp).forward(req, res);4.5 管理員模塊管理員模塊主要是對各模塊的信息進(jìn)行管理，總體設(shè)計為，在頁面加入四個html的frame標(biāo)記，用以顯示各模塊信息，登陸界面如下圖所示5. 關(guān)鍵技術(shù)解決5.1 JSP配置說明

58、此處系統(tǒng)的配置是以使用j2sdk-1_6和tomcat-5程序為例進(jìn)行說明。JDK與TOMCAT的版本很多，具體安裝使用本系統(tǒng)時，請另參考光盤中的安裝配置說明。5.1.1JDK的安裝與配置JDK 是Java開發(fā)工具包 (Java Development Kit ) 的縮寫。它是一種用于構(gòu)建在 Java 平臺上發(fā)布的應(yīng)用程序、applet 和組件的開發(fā)環(huán)境。Win2000 Server 或 Win2000 professional 操作系統(tǒng)下，選擇安裝j2sdk-1_4_1（即JDK）軟件，安裝步驟如下：雙擊j2sdk-1_4_1-windows-i586可以開始安裝；（2）在安裝過程中使用默認(rèn)

59、配置即可。JDK的默認(rèn)安裝目錄為C:jdk；（3）重新啟動計算機(jī)；更新環(huán)境變量在系統(tǒng)桌面中；右擊我的電腦圖標(biāo)；選擇屬性命令；彈出系統(tǒng)特性對話框。選擇高級選項卡；單擊環(huán)境變量按鈕；彈出環(huán)境變量對話框；該對話框分為Administrator 的用戶變量和系統(tǒng)變量兩個選項組。接下來在系統(tǒng)變量選項組中操作；找到path變量后單擊編輯按鈕；彈出編輯系統(tǒng)變量對話框。在變量值文本框中輸入“c:jdkbin”,然后單擊確定按鈕。同時新建CLASSPATH變量；在系統(tǒng)變量選項組中單擊新建按鈕,在變量名文本框中輸入“CLASSPATH”,在變量值文本框中輸入“.”（點號），然后單擊確定按鈕。單擊應(yīng)用按鈕再單擊確定

60、按鈕。至此JDK的安裝及配置完成。5.1.2 Web應(yīng)用程序測試環(huán)境TOMCAT的安裝與配置由于開發(fā)環(huán)境的限制，在開發(fā)階段才用TOMCAT在個人計算機(jī)上調(diào)試，以下為TOMCAT的安裝與配置說明：下載jakarta-tomcat-4.1.31軟件，默認(rèn)安裝目錄為c:Tomcat安裝完畢，更改環(huán)境變量（同上進(jìn)入環(huán)境變量對話框），用同樣的方法把c:Tomcat添加到TOMCAT_HOME環(huán)境變量中。啟動Tomcat，在瀏覽器的地址下拉列表框中輸入“http:/localhost:8080/”，如果看到的是在左上方有一只可愛的小貓，則表示Tomcat安裝成功。則Tomcat環(huán)境配置完成。5.1.3數(shù)據(jù)