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

1、<p>　　JAVA程序設(shè)計(jì)Ⅱ課程設(shè)計(jì)</p><p><b>　　目錄</b></p><p><b>　　目錄2</b></p><p><b>　　1. 緒論3</b></p><p>　　1.1 項(xiàng)目開發(fā)背景:3</p><p>

2、　　1.2 項(xiàng)目簡(jiǎn)述3</p><p><b>　　2. 開發(fā)環(huán)境3</b></p><p><b>　　3. 需求分析4</b></p><p>　　3.1用戶類型分析：4</p><p>　　3.2功能需求分析：4</p><p><b>　　4. 系

3、統(tǒng)設(shè)計(jì)5</b></p><p>　　4.1 軟件組織結(jié)構(gòu)5</p><p>　　4.2 軟件系統(tǒng)結(jié)構(gòu) 和 類之間的引用關(guān)系6</p><p>　　4.3 系統(tǒng)文件組織7</p><p>　　4.4 系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)10</p><p>　　4.5界面設(shè)計(jì)10</p><p&g

4、t;　　5.系統(tǒng)的開發(fā)環(huán)境平臺(tái)15</p><p><b>　　6. 總結(jié)15</b></p><p><b>　　1. 緒論</b></p><p>　　1.1 項(xiàng)目開發(fā)背景:</p><p>　　網(wǎng)絡(luò)快速發(fā)展，個(gè)人微博 博客 個(gè)人空間 系統(tǒng)也有機(jī)會(huì)得以茁壯成長(zhǎng)和迅速發(fā)展。我所開發(fā)的個(gè)人空間交

5、友系統(tǒng)是在原有個(gè)人空間樣式的基礎(chǔ)之上，新添加新的使用功能模塊設(shè)計(jì)出來的。對(duì)用戶具有更好的友好性和適用性。</p><p><b>　　1.2 項(xiàng)目簡(jiǎn)述</b></p><p>　　現(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é)果可

6、能又不是他想要的內(nèi)容，這樣對(duì)用戶的體驗(yàn)就很差。我們的個(gè)人交友系統(tǒng)，在大多數(shù)方面可以滿足用戶對(duì)局部頁面動(dòng)態(tài)請(qǐng)求，而不刷新整個(gè)頁面。提高了系統(tǒng)與用戶的交互性，可以讓用戶很快瀏覽他感興趣的內(nèi)容的同時(shí)，還可以關(guān)注當(dāng)前頁面中的其他內(nèi)容。</p><p><b>　　2. 開發(fā)環(huán)境</b></p><p>　　開發(fā)環(huán)境MyEclipse簡(jiǎn)介</p><p>

7、;　　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ù)。</p><p

8、>　　在結(jié)構(gòu)上，MyEclipse的特征可以被分為7類：</p><p><b>　　1. J2EE模型</b></p><p>　　2. WEB開發(fā)工具</p><p>　　3. EJB開發(fā)工具</p><p>　　4. 應(yīng)用程序服務(wù)器的連接器</p><p>　　5. J2EE項(xiàng)目部署服

9、務(wù)</p><p><b>　　6. 數(shù)據(jù)庫服務(wù)</b></p><p>　　7. MyEclipse整合幫助</p><p>　　對(duì)于以上每一種功能上的類別，在Eclipse中都有相應(yīng)的功能部件，并通過一系列的插件來實(shí)現(xiàn)它們。MyEclipse結(jié)構(gòu)上的這種模塊化，可以讓我們?cè)诓挥绊懫渌K的情況下，對(duì)任一模塊進(jìn)行單獨(dú)的擴(kuò)展和升級(jí)。</p

10、><p>　　簡(jiǎn)單而言，MyEclipse是Eclipse的插件，也是一款功能強(qiáng)大的J2EE集成開發(fā)環(huán)境，支持代碼編寫、配置、測(cè)試以及除錯(cuò)。</p><p><b>　　3. 需求分析</b></p><p>　　3.1用戶類型分析：</p><p>　　由于本系統(tǒng)是空間類交友和展示系統(tǒng)，因此在本系統(tǒng)中，需要有以下三類用戶類

11、型：</p><p><b>　　空間管理員</b></p><p><b>　　空間的普通用戶</b></p><p><b>　　空間好友</b></p><p>　　3.2功能需求分析：</p><p><b>　　管理員模塊</b

12、></p><p><b>　　1、登錄</b></p><p>　　當(dāng)管理員打開管理員首頁時(shí)，管理員輸入用戶名、密碼、驗(yàn)證碼后單擊登錄按鈕，通過ajax請(qǐng)求后臺(tái)的管理員管理邏輯，經(jīng)過驗(yàn)證后向頁面返回登錄成功或密碼不準(zhǔn)確信息。完成管理員登陸，無頁面跳轉(zhuǎn)。</p><p><b>　　2、查看用戶留言 </b><

13、/p><p>　　管理員登錄成功后，單擊查看留言管理空白鏈接在后，在當(dāng)前頁面中顯示所 </p><p>　　有用戶留言的內(nèi)容，當(dāng)單擊刪除空白鏈接后可以通過ajax刪除該留言項(xiàng)， 頁</p><p>　　面無刷新。同時(shí)，當(dāng)在線用戶有留言時(shí)會(huì)動(dòng)態(tài)的添加到當(dāng)前留言表的最后。</p><p><b>　　2、查看用戶許愿 </b>&

14、lt;/p><p>　　管理員登錄成功后，單擊查看許愿管理空白鏈接在后，在當(dāng)前頁面中顯示所 </p><p>　　有用戶許愿的內(nèi)容，當(dāng)單擊刪除空白鏈接后可以通過ajax刪除該許愿項(xiàng)， 頁</p><p>　　面無刷新。同時(shí)，當(dāng)在線用戶有許愿時(shí)會(huì)動(dòng)態(tài)的添加到當(dāng)前許愿列表的最后。</p><p><b>　　用戶模塊</b>&l

15、t;/p><p><b>　　已注冊(cè)用戶</b></p><p><b>　　1.登錄</b></p><p>　　當(dāng)注冊(cè)用戶打開個(gè)人交友系統(tǒng)的首頁時(shí)，輸入用戶名，密碼，驗(yàn)證碼。驗(yàn)證碼的生成和校驗(yàn)通過ajax來實(shí)現(xiàn)的。</p><p><b>　　2.日志管理</b></p&

16、gt;<p>　　查看：用戶在個(gè)人首頁單擊日志鏈接時(shí)可以看到所有日志列表，通過ajax請(qǐng)求action動(dòng)態(tài)生成日志列表中的數(shù)據(jù)。</p><p>　　刪除：用戶點(diǎn)擊日志列表后的刪除空白鏈接，通過ajax刪除該日志，頁面無 跳轉(zhuǎn)。</p><p>　　閱讀：用戶單擊閱讀鏈接可以跳轉(zhuǎn)到該日志的頁面進(jìn)行閱讀。</p><p>　　添加：用戶

17、單擊添加日志按鈕，可以跳轉(zhuǎn)到寫日志頁面，在此寫自己的日志。</p><p><b>　　3.相冊(cè)管理</b></p><p>　　鏈接：用戶在個(gè)人首頁單擊圖片鏈接時(shí)可以跳轉(zhuǎn)到圖片管理頁面</p><p>　　查看：用戶點(diǎn)擊日志列表后的最新圖片選項(xiàng)卡，通過ajax查看最新圖片，頁面無跳轉(zhuǎn)。</p><p>　　瀏覽：用戶單

18、擊瀏覽圖片選項(xiàng)卡可以動(dòng)態(tài)的逐個(gè)瀏覽已上傳的圖片。</p><p>　　添加：用戶單擊添加圖片選項(xiàng)卡可以跳轉(zhuǎn)到寫日志頁面，在此寫自己的日志。</p><p><b>　　4.好友管理</b></p><p>　　查看：用戶在個(gè)人首頁中可以看到所有部分好友列表，通過ajax請(qǐng)求action動(dòng)態(tài)生成好友列表中的圖片。</p><p

19、>　　訪問：用戶單擊好有圖片可以跳轉(zhuǎn)到該好友的個(gè)人主頁。</p><p>　　查找：用戶單擊查找按鈕，可以跳轉(zhuǎn)好友搜素結(jié)果頁面，同過ajax產(chǎn)生動(dòng)態(tài)提示。</p><p><b>　　5.留言管理</b></p><p>　　查看：用戶在個(gè)人首頁單擊留言鏈接時(shí)可以看到所有留言列表，通過ajax請(qǐng)求action動(dòng)態(tài)生成留言列表中的數(shù)據(jù)。&l

20、t;/p><p>　　刪除：用戶點(diǎn)擊留言列表后的刪除空白鏈接，通過ajax刪v除該留言，頁面無</p><p><b>　　跳轉(zhuǎn)。</b></p><p>　　閱讀：用戶鼠標(biāo)放在查看鏈接時(shí)可以動(dòng)態(tài)提示該留言用戶的信息。</p><p>　　添加：用戶單擊留言按鈕，可以跳轉(zhuǎn)到寫日志頁面，在日志后對(duì)其評(píng)論（留言）。</p&

21、gt;<p><b>　　6.個(gè)人信息管理</b></p><p>　　查看和修改：用戶單擊個(gè)人主頁的個(gè)人信息鏈接，跳轉(zhuǎn)到用戶個(gè)人信息頁面，其中的數(shù)據(jù)是通過ajax自動(dòng)填充的。</p><p><b>　　普通用戶</b></p><p><b>　　注冊(cè)</b></p>

22、<p>　　當(dāng)普通用戶打開個(gè)人交友系統(tǒng)首頁時(shí)，可以單擊注冊(cè)按鈕彈出注冊(cè)面板，用戶可以填寫注冊(cè)信息，頁面無刷新。</p><p><b>　　許愿</b></p><p>　　用戶單擊許愿鏈接，跳轉(zhuǎn)到許愿頁面，通過ajax動(dòng)態(tài)加載數(shù)據(jù)庫中已有的所有許愿信息。</p><p>　　許愿：用戶填完許愿信息后單擊許愿按鈕，通過ajax可也將許

23、愿內(nèi)容添加到數(shù)據(jù)庫，同時(shí)在頁面中展現(xiàn)出來。</p><p><b>　　留言</b></p><p>　　當(dāng)普通用戶打開個(gè)人交友系統(tǒng)首頁時(shí)，可以單擊留言鏈接跳轉(zhuǎn)到留言頁面，用戶可以填寫留言信息，提交到數(shù)據(jù)庫。</p><p><b>　　4. 系統(tǒng)設(shè)計(jì)</b></p><p>　　4.1 軟件組織結(jié)

24、構(gòu)</p><p>　　4.2 軟件系統(tǒng)結(jié)構(gòu) 和 類之間的引用關(guān)系</p><p>　　本系統(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用于頁面的局部刷新。</p><p>　　4.3 系統(tǒng)文件

25、組織</p><p><b>　　包 及 包的說明</b></p><p><b>　　說明：</b></p><p>　　com.lzl.Hibernate包中放的是：HibernateSessionFactory類，是hibernate連接數(shù)據(jù)庫的基礎(chǔ)類</p><p>　　com.lzl.Hi

26、bernate.bean包中放的是：數(shù)據(jù)庫表對(duì)應(yīng)的對(duì)象模型類</p><p>　　com.lzl.Hibernate.DAO包中放的是：對(duì)數(shù)據(jù)庫中的各種表的增，刪，改，查方法實(shí)現(xiàn)類。</p><p>　　com.lzl.Hibernate.ORM包中放的是：對(duì)象模型和數(shù)據(jù)庫中關(guān)系模型的映射文件。</p><p>　　com.lzl.struts包中放的是:個(gè)人交友系

27、統(tǒng)中用到的各種資源文件。</p><p>　　com.lzl.struts.Action包中放的是:對(duì)業(yè)務(wù)邏輯的控制，主要處理頁面的請(qǐng)求。如瀏覽圖片，查找好友等功能。</p><p>　　com.lzl.struts.form包中放的是：頁面表單中對(duì)應(yīng)字段的對(duì)象。</p><p>　　admin文件夾：存放的是管理員管理的jsp頁面</p><p

28、>　　product 文件夾：存放的是用戶的jsp頁面</p><p><b>　　jsp頁面設(shè)計(jì)</b></p><p><b>　　各種類功能的說明</b></p><p>　　Vo類：用戶（包括好友信息）:user</p><p>　　圖片:picture</p><

29、;p><b>　　日志: log</b></p><p>　　留言: leaveWord</p><p><b>　　許愿:wishes</b></p><p><b>　　管理員:admin</b></p><p>　　提示類: friends_prompt,log_p

30、rompt,picture_prompt</p><p><b>　　Dao類：</b></p><p>　　日志模塊：logDAO</p><p><b>　　logDAOipm</b></p><p>　　好友模塊：friendDAO</p><p>　　FriendDA

31、Oipm</p><p>　　圖片模塊：pictureDAO</p><p>　　PictureDAOipm</p><p>　　注冊(cè)模塊：registDAO</p><p>　　RegistDAOipm</p><p>　　許愿模塊：wishDAO</p><p>　　WishDAOipm&l

32、t;/p><p>　　查詢模塊：searchDAO</p><p>　　searchDAOipm</p><p>　　個(gè)人資料管理模塊：userDao</p><p>　　UserDAOipm</p><p>　　Control（控制類）：userActionDispatch</p><p>　　P

33、ictureActionDispatch</p><p>　　FriendActionDispatch</p><p>　　logActionDispatch</p><p>　　WishActionDispatch</p><p>　　UserIndexAction</p><p>　　SearchActionDis

34、patch</p><p>　　4.4 系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)</p><p><b>　　4.5界面設(shè)計(jì)</b></p><p><b>　　登錄首頁：</b></p><p><b>　　注冊(cè)頁面：</b></p><p><b>　　后臺(tái)管理界面

35、：</b></p><p><b>　　空間主頁面：</b></p><p><b>　　添加日志頁面：</b></p><p><b>　　用戶留言頁面：</b></p><p>　　5.系統(tǒng)的開發(fā)環(huán)境平臺(tái)</p><p>　　開發(fā)工具：j

36、dk1.6.0 + MySql + MyEclipse_6.5</p><p>　　開發(fā)環(huán)境：windowsXP</p><p><b>　　總結(jié)</b></p><p><b>　　心得體會(huì)：</b></p><p>　　需求分析是項(xiàng)目開發(fā)的關(guān)鍵</p><p>　　數(shù)據(jù)庫

37、的設(shè)計(jì)關(guān)系到整個(gè)項(xiàng)目的進(jìn)展，沒有成功合理的數(shù)據(jù)庫結(jié)構(gòu)軟件開發(fā)將無中心可尋。</p><p>　　本次課程設(shè)計(jì)中我嘗試使用：ajax+struts+hibernate ,ajax+servlet+sql;</p><p>　　Json, ml作為數(shù)據(jù)回傳格式。在這些技術(shù)結(jié)合中，我們深刻的體會(huì)到在相同環(huán)境下，用hibernate對(duì)數(shù)據(jù)庫進(jìn)行操作效率較慢，而用sql則用戶響應(yīng)較快。</p&

38、gt;<p>　　可以深刻的體會(huì)到，HTML靜態(tài)頁面的重要性，沒有一個(gè)漂亮的頁面，用戶體驗(yàn)較差。</p><p>　　在本課程設(shè)計(jì)中，我明白了理論與實(shí)際應(yīng)用相結(jié)合的重要性，并提高了自己組織數(shù)據(jù)及編寫Java web程序的能力。培養(yǎng)了基本的、良好的程序設(shè)計(jì)技能以及合作能力。這次課程設(shè)計(jì)同樣提高了我的綜合運(yùn)用所學(xué)知識(shí)的能力。并對(duì)MyEclipse有了更深入的了解。</p><p>