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

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

2、　　1.2 項目簡述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)設計5</b></p><p>　　4.1 軟件組織結構5</p><p>　　4.2 軟件系統(tǒng)結構 和 類之間的引用關系6</p><p>　　4.3 系統(tǒng)文件組織7</p><p>　　4.4 系統(tǒng)數(shù)據(jù)庫設計10</p><p>　　4.5界面設計10</p><p&g

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

5、友系統(tǒng)是在原有個人空間樣式的基礎之上，新添加新的使用功能模塊設計出來的。對用戶具有更好的友好性和適用性。</p><p><b>　　1.2 項目簡述</b></p><p>　　現(xiàn)在系統(tǒng)與傳統(tǒng)系統(tǒng)比較具有的總體優(yōu)勢：可以實現(xiàn)動態(tài)刷新，在用戶寫日志，上傳圖片，留言，好友管理時，必須要重新刷新當前頁面，這樣頁面會被再次加載，用戶用很長的時間來等待他感興趣的東西，而結果可

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

7、;　　MyEclipse企業(yè)級工作平臺（MyEclipse Enterprise Workbench ，簡稱MyEclipse）是對Eclipse IDE的擴展，利用它我們可以在數(shù)據(jù)庫和J2EE的開發(fā)、發(fā)布，以及應用程序服務器的整合方面極大的提高工作效率。它是功能豐富的J2EE集成開發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測試和發(fā)布功能，完整支持JSP,Servlet,Structs2.0,AJAX等全新技術。</p><p

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

9、務</p><p><b>　　6. 數(shù)據(jù)庫服務</b></p><p>　　7. MyEclipse整合幫助</p><p>　　對于以上每一種功能上的類別，在Eclipse中都有相應的功能部件，并通過一系列的插件來實現(xiàn)它們。MyEclipse結構上的這種模塊化，可以讓我們在不影響其他模塊的情況下，對任一模塊進行單獨的擴展和升級。</p

10、><p>　　簡單而言，MyEclipse是Eclipse的插件，也是一款功能強大的J2EE集成開發(fā)環(huán)境，支持代碼編寫、配置、測試以及除錯。</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>　　當管理員打開管理員首頁時，管理員輸入用戶名、密碼、驗證碼后單擊登錄按鈕，通過ajax請求后臺的管理員管理邏輯，經(jīng)過驗證后向頁面返回登錄成功或密碼不準確信息。完成管理員登陸，無頁面跳轉(zhuǎn)。</p><p><b>　　2、查看用戶留言 </b><

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

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

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

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

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

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

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

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

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

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

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

24、構</p><p>　　4.2 軟件系統(tǒng)結構 和 類之間的引用關系</p><p>　　本系統(tǒng)是基于MVC模式的系統(tǒng)結構主要應用jsp,ajax/struts/Hibernate框架結構。其中jsp，ajax用于前臺頁面的設計，struts用于業(yè)務邏輯的控制，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ù)庫的基礎類</p><p>　　com.lzl.Hi

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

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

28、>　　product 文件夾：存放的是用戶的jsp頁面</p><p><b>　　jsp頁面設計</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>　　注冊模塊：registDAO</p><p>　　RegistDAOipm</p><p>　　許愿模塊：wishDAO</p><p>　　WishDAOipm&l

32、t;/p><p>　　查詢模塊：searchDAO</p><p>　　searchDAOipm</p><p>　　個人資料管理模塊：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ù)庫設計</p><p><b>　　4.5界面設計</b></p><p><b>　　登錄首頁：</b></p><p><b>　　注冊頁面：</b></p><p><b>　　后臺管理界面

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

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

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

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