個(gè)人空間主頁網(wǎng)頁設(shè)計(jì)畢業(yè)設(shè)計(jì)

1、java 程序設(shè)計(jì)課程設(shè)計(jì)題目個(gè)人空間設(shè)計(jì)與制作個(gè)人空間設(shè)計(jì)與制作專 業(yè) 名 稱學(xué)生姓名學(xué)號(hào)指導(dǎo)教師完成時(shí)間目錄目錄目錄目錄.2 21. 緒論.31.1 項(xiàng)目開發(fā)背景:.31.2 項(xiàng)目簡(jiǎn)述.32. 開發(fā)環(huán)境.33. 需求分析.43.1 用戶類型分析： .43.2 功能需求分析： .44. 系統(tǒng)設(shè)計(jì).54.1 軟件組織結(jié)構(gòu).54.2 軟件系統(tǒng)結(jié)構(gòu) 和 類之間的引用關(guān)系.64.3 系統(tǒng)文件組織.74.4 系統(tǒng)數(shù)據(jù)庫設(shè)計(jì).104.5 界面設(shè)計(jì) .105.系統(tǒng)的開發(fā)環(huán)境平臺(tái) .156. 總結(jié).15個(gè)人空間交友系統(tǒng)個(gè)人空間交友系統(tǒng)31.1. 緒論緒論1.11.1 項(xiàng)目開發(fā)背景項(xiàng)目開發(fā)背景: :網(wǎng)絡(luò)快速發(fā)

2、展，個(gè)人微博 博客 個(gè)人空間 系統(tǒng)也有機(jī)會(huì)得以茁壯成長(zhǎng)和迅速發(fā)展。我所開發(fā)的個(gè)人空間交友系統(tǒng)是在原有個(gè)人空間樣式的基礎(chǔ)之上，新添加新的使用功能模塊設(shè)計(jì)出來的。對(duì)用戶具有更好的友好性和適用性。1.21.2 項(xiàng)目簡(jiǎn)述項(xiàng)目簡(jiǎn)述現(xiàn)在系統(tǒng)與傳統(tǒng)系統(tǒng)比較具有的總體優(yōu)勢(shì)：可以實(shí)現(xiàn)動(dòng)態(tài)刷新，在用戶寫日志，上傳圖片，留言，好友管理時(shí)，必須要重新刷新當(dāng)前頁面，這樣頁面會(huì)被再次加載，用戶用很長(zhǎng)的時(shí)間來等待他感興趣的東西，而結(jié)果可能又不是他想要的內(nèi)容，這樣對(duì)用戶的體驗(yàn)就很差。我們的個(gè)人交友系統(tǒng)，在大多數(shù)方面可以滿足用戶對(duì)局部頁面動(dòng)態(tài)請(qǐng)求，而不刷新整個(gè)頁面。提高了系統(tǒng)與用戶的交互性，可以讓用戶很快瀏覽他感興趣的內(nèi)容的同

3、時(shí)，還可以關(guān)注當(dāng)前頁面中的其他內(nèi)容。2.2. 開發(fā)環(huán)境開發(fā)環(huán)境開發(fā)環(huán)境 myeclipse 簡(jiǎn)介myeclipse 企業(yè)級(jí)工作平臺(tái)（myeclipse enterprise workbench ，簡(jiǎn)稱myeclipse）是對(duì) eclipse ide 的擴(kuò)展，利用它我們可以在數(shù)據(jù)庫和 j2ee 的開發(fā)、發(fā)布，以及應(yīng)用程序服務(wù)器的整合方面極大的提高工作效率。它是功能豐富的 j2ee 集成開發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測(cè)試和發(fā)布功能，完整支持 jsp,servlet,structs2.0,ajax 等全新技術(shù)。在結(jié)構(gòu)上，myeclipse 的特征可以被分為 7 類：1. j2ee 模型2. we

4、b 開發(fā)工具3. ejb 開發(fā)工具4. 應(yīng)用程序服務(wù)器的連接器5. j2ee 項(xiàng)目部署服務(wù)6. 數(shù)據(jù)庫服務(wù)7. myeclipse 整合幫助對(duì)于以上每一種功能上的類別，在 eclipse 中都有相應(yīng)的功能部件，并通過一系列的插件來實(shí)現(xiàn)它們。myeclipse 結(jié)構(gòu)上的這種模塊化，可以讓我們?cè)诓挥绊懫渌K的情況下，對(duì)任一模塊進(jìn)行單獨(dú)的擴(kuò)展和升級(jí)。簡(jiǎn)單而言，myeclipse 是 eclipse 的插件，也是一款功能強(qiáng)大的 j2ee 集成開發(fā)環(huán)境，支持代碼編寫、配置、測(cè)試以及除錯(cuò)。3.3. 需求分析需求分析3.13.1 用戶類型分析：用戶類型分析：由于本系統(tǒng)是空間類交友和展示系統(tǒng)，因此在本系統(tǒng)中

5、，需要有以下三類用戶類型：1空間管理員2空間的普通用戶3空間好友3.23.2 功能需求分析：功能需求分析：1)1)管理員模塊管理員模塊1、登錄當(dāng)管理員打開管理員首頁時(shí)，管理員輸入用戶名、密碼、驗(yàn)證碼后單擊登錄按鈕，通過 ajax 請(qǐng)求后臺(tái)的管理員管理邏輯，經(jīng)過驗(yàn)證后向頁面返回登錄成功或密碼不準(zhǔn)確信息。完成管理員登陸，無頁面跳轉(zhuǎn)。 2、查看用戶留言 管理員登錄成功后，單擊查看留言管理空白鏈接在后，在當(dāng)前頁面中顯示所 有用戶留言的內(nèi)容，當(dāng)單擊刪除空白鏈接后可以通過 ajax 刪除該留言項(xiàng)， 頁 面無刷新。同時(shí)，當(dāng)在線用戶有留言時(shí)會(huì)動(dòng)態(tài)的添加到當(dāng)前留言表的最后。 2、查看用戶許愿 管理員登錄成功后，

6、單擊查看許愿管理空白鏈接在后，在當(dāng)前頁面中顯示所 有用戶許愿的內(nèi)容，當(dāng)單擊刪除空白鏈接后可以通過 ajax 刪除該許愿項(xiàng)， 頁 面無刷新。同時(shí)，當(dāng)在線用戶有許愿時(shí)會(huì)動(dòng)態(tài)的添加到當(dāng)前許愿列表的最后。2)2)用戶模塊用戶模塊11已注冊(cè)用戶已注冊(cè)用戶1.登錄當(dāng)注冊(cè)用戶打開個(gè)人交友系統(tǒng)的首頁時(shí)，輸入用戶名，密碼，驗(yàn)證碼。驗(yàn)證碼的生成和校驗(yàn)通過 ajax 來實(shí)現(xiàn)的。 2.日志管理查看：用戶在個(gè)人首頁單擊日志鏈接時(shí)可以看到所有日志列表，通過ajax 請(qǐng)求 action 動(dòng)態(tài)生成日志列表中的數(shù)據(jù)。刪除：用戶點(diǎn)擊日志列表后的刪除空白鏈接，通過 ajax 刪除該日志，頁面無 跳轉(zhuǎn)。個(gè)人空間交友系統(tǒng)個(gè)人空間交友系

7、統(tǒng)5閱讀：用戶單擊閱讀鏈接可以跳轉(zhuǎn)到該日志的頁面進(jìn)行閱讀。添加：用戶單擊添加日志按鈕，可以跳轉(zhuǎn)到寫日志頁面，在此寫自己的日志。 3.相冊(cè)管理鏈接：用戶在個(gè)人首頁單擊圖片鏈接時(shí)可以跳轉(zhuǎn)到圖片管理頁面 查看：用戶點(diǎn)擊日志列表后的最新圖片選項(xiàng)卡，通過 ajax 查看最新圖片，頁面無跳轉(zhuǎn)。 瀏覽：用戶單擊瀏覽圖片選項(xiàng)卡可以動(dòng)態(tài)的逐個(gè)瀏覽已上傳的圖片。添加：用戶單擊添加圖片選項(xiàng)卡可以跳轉(zhuǎn)到寫日志頁面，在此寫自己的日志。 4.好友管理查看：用戶在個(gè)人首頁中可以看到所有部分好友列表，通過 ajax請(qǐng)求 action 動(dòng)態(tài)生成好友列表中的圖片。訪問：用戶單擊好有圖片可以跳轉(zhuǎn)到該好友的個(gè)人主頁。 查找：用戶單擊

8、查找按鈕，可以跳轉(zhuǎn)好友搜素結(jié)果頁面，同過 ajax 產(chǎn)生動(dòng)態(tài)提示。 5.留言管理查看：用戶在個(gè)人首頁單擊留言鏈接時(shí)可以看到所有留言列表，通過 ajax 請(qǐng)求 action 動(dòng)態(tài)生成留言列表中的數(shù)據(jù)。刪除：用戶點(diǎn)擊留言列表后的刪除空白鏈接，通過 ajax 刪 v 除該留言，頁面無 跳轉(zhuǎn)。 閱讀：用戶鼠標(biāo)放在查看鏈接時(shí)可以動(dòng)態(tài)提示該留言用戶的信息。 添加：用戶單擊留言按鈕，可以跳轉(zhuǎn)到寫日志頁面，在日志后對(duì)其評(píng)論（留言） 。6.個(gè)人信息管理查看和修改：用戶單擊個(gè)人主頁的個(gè)人信息鏈接，跳轉(zhuǎn)到用戶個(gè)人信息頁面，其中的數(shù)據(jù)是通過 ajax 自動(dòng)填充的。22普通用戶普通用戶注冊(cè)當(dāng)普通用戶打開個(gè)人交友系統(tǒng)首頁

9、時(shí)，可以單擊注冊(cè)按鈕彈出注冊(cè)面板，用戶可以填寫注冊(cè)信息，頁面無刷新。許愿用戶單擊許愿鏈接，跳轉(zhuǎn)到許愿頁面，通過 ajax 動(dòng)態(tài)加載數(shù)據(jù)庫中已有的所有許愿信息。許愿：用戶填完許愿信息后單擊許愿按鈕，通過 ajax 可也將許愿內(nèi)容添加到數(shù)據(jù)庫，同時(shí)在頁面中展現(xiàn)出來。留言當(dāng)普通用戶打開個(gè)人交友系統(tǒng)首頁時(shí)，可以單擊留言鏈接跳轉(zhuǎn)到留言頁面，用戶可以填寫留言信息，提交到數(shù)據(jù)庫。4.4. 系統(tǒng)設(shè)計(jì)系統(tǒng)設(shè)計(jì)4.14.1 軟件組織結(jié)構(gòu)軟件組織結(jié)構(gòu)個(gè)人空間交友系統(tǒng)用戶管理管理員管理注冊(cè)登陸日志管理圖片管理好友管理個(gè)人資料管理登陸留言管理許愿墻管理注冊(cè)用戶管理許愿留言無普通用戶注冊(cè)用戶4.24.2 軟件系統(tǒng)結(jié)構(gòu)軟件

10、系統(tǒng)結(jié)構(gòu) 和和 類之間的引用關(guān)系類之間的引用關(guān)系本系統(tǒng)是基于 mvc 模式的系統(tǒng)結(jié)構(gòu)主要應(yīng)用 jsp,ajax/struts/hibernate框架結(jié)構(gòu)。其中 jsp，ajax 用于前臺(tái)頁面的設(shè)計(jì)，struts 用于業(yè)務(wù)邏輯的控制，hibernate 主要用于持久化層的控制，ajax 用于頁面的局部刷新。個(gè)人空間交友系統(tǒng)個(gè)人空間交友系統(tǒng)7userlogleavewordwishesadminpromptuseractiondispatchpictureactiondispatchfriendactiondispatchlogactiondispatchpromptactionwishactio

11、ndispatchuserindexactionlogdaofrienddaopicturedaoregistdaowishdaouserdao logdaoipm frienddaoipmpicturedaoipmregistdaoipmwishdaoipmuserdaoipmpicturepromptdaopromptdaoipmleavewordactiondispatchleaveworddaoleaveworddaoipm4.34.3 系統(tǒng)文件組織系統(tǒng)文件組織1)1)包包 及及 包的說明包的說明說明：com.lzl.hibernate 包中放的是：hibernatesessionfa

12、ctory 類，是hibernate 連接數(shù)據(jù)庫的基礎(chǔ)類com.lzl.hibernate.bean 包中放的是：數(shù)據(jù)庫表對(duì)應(yīng)的對(duì)象模型類com.lzl.hibernate.dao 包中放的是：對(duì)數(shù)據(jù)庫中的各種表的增，刪，改，查方法實(shí)現(xiàn)類。com.lzl.hibernate.orm 包中放的是：對(duì)象模型和數(shù)據(jù)庫中關(guān)系模型的映射文件。com.lzl.struts 包中放的是:個(gè)人交友系統(tǒng)中用到的各種資源文件。com.lzl.struts.action 包中放的是:對(duì)業(yè)務(wù)邏輯的控制，主要處理頁面的請(qǐng)求。如瀏覽圖片，查找好友等功能。com.lzl.struts.form 包中放的是：頁面表單中對(duì)應(yīng)字

13、段的對(duì)象。admin 文件夾：存放的是管理員管理的 jsp 頁面product 文件夾：存放的是用戶的 jsp 頁面2)2)jspjsp 頁面設(shè)計(jì)頁面設(shè)計(jì)頁面名稱功能說明index.jsp個(gè)人交友系統(tǒng)首頁lm.jsp用戶個(gè)人首頁registuser.sp注冊(cè)用戶picture.jsp相冊(cè)管理頁面，包括上傳圖片，顯示圖片（分頁顯示） ，刪除圖片a_leaveword,jsp普通用戶給管理員留言的頁面logs.jsp日志管理頁面包括顯示日志（分頁顯示） ，刪除日志addlog.jsp添加日志頁面userdata.jsp用戶信息管理頁面，修改用戶資料friend.jsp用戶朋友管理頁面，包括朋友列表

14、，刪除朋友a(bǔ)ddfriend.jsp查找后添加好友頁面fndex朋友個(gè)人首頁wishe.jsp用戶許愿頁面admin.jsp管理員刪除不合法的許愿,用戶，登錄頁面u_leaveword.jsp用戶留言的頁面browserlog.jsp查看具體的留言信息linkus.jsp聯(lián)系我們靜態(tài)頁面products.jsp對(duì)本系統(tǒng)的總體說明的靜態(tài)頁面aboutus.jsp關(guān)于我們信息的靜態(tài)頁面3)3)各種類功能的說明各種類功能的說明vo 類：用戶（包括好友信息）:user 圖片:picture 日志: log 留言: leaveword 許愿:wishes 管理員:admin 提示類: friends_p

15、rompt,log_prompt,picture_prompt個(gè)人空間交友系統(tǒng)個(gè)人空間交友系統(tǒng)9dao 類：日志模塊：logdao logdaoipm 好友模塊：frienddao frienddaoipm 圖片模塊：picturedaopicturedaoipm 注冊(cè)模塊：registdaoregistdaoipm 許愿模塊：wishdaowishdaoipm 查詢模塊：searchdaosearchdaoipm 個(gè)人資料管理模塊：userdaouserdaoipm control（控制類）：useractiondispatchpictureactiondispatchfriendactio

16、ndispatchlogactiondispatchwishactiondispatch userindexaction searchactiondispatch4.44.4 系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)uer_picu_logadmin_padmin_logadmin_leaveworduser_leavewordfriends_useruser_wishesuser_useruseridfri_iduse_idnamepasswordcountrycityaddressphonezipemailvariable characters (10)variable characters (10)

17、variable characters (10)variable characters (20)variable characters (20)variable characters (10)variable characters (10)variable characters (50)variable characters (11)variable characters (6)variable characters (20)id logidadm_idtitlecontenttimevariable characters (20)variable characters (10)variabl

18、e characters (10)texttimestamppictureidadm_idtitleshowurlvariable characters (10)variable characters (10)variable characters (10)textvariable characters (20)leavewordidadm_iduse_idcontenttimevariable characters (10)variable characters (10)variable characters (10)textdate & timeidentifier_1 wishe

19、siduse_idcontentvariable characters (10)variable characters (10)textidentifier_1 adminidnamepassword variable characters (10)variable characters (10)variable characters (10)identifier_1 friends_promptidcontent variable characters (10)variable characters (20)identifier_1 log_promptidcontent variable characters (10)variable characters (20)identifier_1 picture_promptidcontent variable characters (10)variable characters (20)identifier_1 4.54.5 界面設(shè)計(jì)界面設(shè)計(jì)登錄首頁：個(gè)人空間交友系統(tǒng)個(gè)人空間交友系統(tǒng)11注冊(cè)頁面：