畢業設計---個人博客系統的設計與實現-資料下載頁

　　

【正文】 博客系統前臺 博客系統后臺 博客文章管理 博主信息管理 公告管理 投票管理 安全退出 個人相冊管理 朋友信息管理 用戶管理 Y N 中北大學 2021 屆畢業設計說明書 第 30 頁 共 41 頁 圖 后臺頁面的運行效果 圖 相冊管理模塊設計與實現 （ 1） 相冊管理模塊概述 相冊管理模塊的主要功能是實現對相片文件的上傳、查詢和刪除操作，可以使博主隨時更新個人博客網站內的相冊文件，便于對相冊文件的管理，以吸引更多的瀏覽者。 （ 2） 相冊管理模塊技術分析 在相冊管理模塊中，涉及的數據表是相冊信息表（ photo），在相冊信息表中保存相冊存放的服務器的路徑及相冊標題等信息，根據這些信息來創建相冊管理模塊的ActionForm 類，名稱為 PhotoForm。相冊管理模塊對應的 Servlet 實現類的名稱為PhotoSerlvet，其中， doGet()和 doPost()方法本身沒有具體的事務，而是通過，HttpServletRequest 的 getParameter()方法獲取的 method 參數值執行相應的方法的。 （ 3） 相片上傳的實現過程 博主進入后臺管理頁面中，單擊左側功能區中的“相冊添加”超鏈接，將進入相片上傳頁面如圖 所示。 中北大學 2021 屆畢業設計說明書 第 31 頁 共 41 頁 圖 相片上傳頁面 相冊上傳應用到 jspSmartUpload 上傳組件，在 jspSmartUpload 上傳組件中主要包含了 File、 Request 和 SmartUpload 核心類。 File 類存所有上傳的文件，通過類中的方法可獲得上傳文件的數量和總長度等信息。 Request 類因為當 form 表單用來實現文章上傳時，通過 jsp 的內置對象 request 的 getParameter()方法無法獲取其他表單值，所以提供了該類來獲取。 SmartUpload 類用于實現文件的上傳與下載操作。 （ 4） 相冊 設置的實現過程 博主進入后臺管理頁面中，單擊左側功能區中的“相冊設置”超鏈接，網頁會自動彈出一個 URL，即 ，將顯示所有照片的信息，在該頁面中，首先通過 javabean 定 義分頁操作的類（ MyPagination），之后調用 PhotoDao 類中的queryPhoto()、 operationPhoto()方法對相片進行查詢、刪除操作，最后將結果顯示在頁面中 如圖 所示。 中北大學 2021 屆畢業設計說明書 第 32 頁 共 41 頁 圖 相 冊設置 頁面 中北大學 2021 屆畢業設計說明書 第 33 頁 共 41 頁 6 系統測試 測試的目的 本測試檢查此博客系統為網友提供的一個相互交流，學習的平臺可以正常使用，實現數據的共享和網友的互動交流。 測試的方法 單元測試又稱模塊測試，是針對軟件設計的最小單位 —— 程 序模塊，進行正確性檢驗的測試工作。這個階段我們會對各個程序模塊可能存在的錯誤進行分析，測試。 集成測試也稱為組裝測試。在單元測試的基礎上，將所有模塊按照設計要求組裝成為系統，進行集成測試，這個階段我們查看模塊之間的連接功能，以及可能出現的錯誤。 采用黑盒測試法對以上測試項進行測試。 測試過程 單元測試 （ 1） 首頁頁面布局，如圖 所示。 博主信息 功能導航區 用戶信息 功 能 選 擇 區 最新文章 朋友信息 圖 首頁頁面顯示 （ 2） 首頁顯示模塊 測試結果如表 所示。 中北大學 2021 屆畢業設計說明書 第 34 頁 共 41 頁 表 首頁顯示模塊測試結果 功能 預期輸入 預期輸出 實際結果 備注 首頁面顯示 單擊功能導航區 鏈接頁面顯示 鏈接頁面正常顯示 資源不存在可能出現 500頁面 首頁面顯示 單擊功能選擇區區 鏈接頁面顯示 鏈接頁面正常顯示 資源不存在可能出現 500頁面 首頁面顯示 博主信息 博主信息顯示 博主信息正常顯示 首頁面顯示 用戶信息 用戶信息顯示 用戶信息正常顯示 首頁面顯示 最新文章信息 最新文章頁面顯示 最新文章頁面正常顯示 資源不存在可能出現空白 首頁面顯示 朋友 信息 朋友信息顯示 朋友信息正常顯示 資源不存在可能出現空白 （ 3） 登錄模塊 測試結果如表 所示。 表 登陸模塊測試結果 測試功能 用戶名 密碼 預期輸出結果 登錄用戶 Admin 密碼不可以為空 登錄用戶 11 用戶不可以為空 登錄用戶 Zhf 111 登錄成功 未注冊用戶登錄 Xiao Xiao 登錄 失敗，請注冊 （ 4） 博主后臺管理模塊 測試結果如表 所示。 表 后臺管理模塊測試結果 功能 預期輸入 預期輸出 實際結果 備注 博 客 文 章管理 鼠標單擊子項目 相應的文章鏈 接頁面 正常顯示相應的文章鏈接頁面 資源不存在可能出現 500頁面 公告管理 鼠標單擊子項目 相應的公告鏈接頁面 正常顯示相應的公告鏈接頁面 資源不存在可能出現 500頁面 相冊管理 鼠標單擊子項目 相應的相冊鏈接頁面 正常顯示相應的相冊鏈接頁面 資源不存在可能出現 500頁面 投票管理 鼠標單擊子項目 相應的投票鏈接頁面 正常顯示相應的投票鏈接頁面 資源不存在可能出現 500頁面 朋友管理 鼠標單擊子項目 相應的朋友鏈接頁面 正常顯示相應的朋友鏈接頁面 資源不存在可能出現 500頁面 用戶管理 鼠標單擊 用戶鏈接頁面 正常顯示用戶鏈接頁面 資源不存在可能出現 500頁面 博 主 資 料管理 鼠標單擊 博主鏈接頁面 正常顯示博主鏈接頁面 資源不存在可能出現 500頁面 中北大學 2021 屆畢業設計說明書 第 35 頁 共 41 頁 （ 5）測試頁面 圖 查看 投票頁面 圖 投票成功頁面 圖 后臺查看用戶成功頁面 中北大學 2021 屆畢業設計說明書 第 36 頁 共 41 頁 圖 圖 后臺查看文章運行成功頁面 中北大學 2021 屆畢業設計說明書 第 37 頁 共 41 頁 集成測試 在單元測試的基礎上，將所有模塊按照設計要求組裝成為系統，進行集成測試，這個階段我們查看模塊之間的連接功能，以及可能出現的錯誤 如表 所示 。 表 模塊之間的連接測試結果 測試模塊 預期輸入 預期輸出 備注 首頁面 進入首頁 頁面顯示 正常 登錄頁面 單擊登錄 正常 功能頁面 單擊相應功能 頁面顯示 正常 測試 問題及解決 表 測試問題及解決 錯誤或問題描述 錯誤或問題狀態 注冊用戶完成時，提示信息有誤導作用 已解決 重置按鈕無效 已解決 注冊博客時，單擊提交后無提示信息 ， 也未跳轉至其它頁面 已解決 注冊成功的 用戶登錄 成功 后，總進入 用戶 注冊頁 已解決 瀏覽者查看日志評論時刪除按鈕可見，單擊提示出錯 已解決 已注冊的用戶，查看數據庫，無記錄 已解決 測試結果 通過對博客系統的單元測試，集成測試，發現了在訪問博客系統時出現了 一些問題，并提出了解決方法。更好的完善了博客系統，保證了其質量 且 運行時減少了 一些 錯誤。 中北大學 2021 屆畢業設計說明書 第 38 頁 共 41 頁 7 結論 個人博客系統是對現在 比較流行的博客網站進行詳細調研后 ,確定了系統涉及的領域 ， 包括數據庫設計、界面設計等， 是一個具有 實際應用意義的系統。本系統已實現功能如下 : （ 1）用戶登錄模塊實現了普通用戶登陸、博主登陸和用戶注冊功能。 （ 2）前臺用戶操作模塊實現 了用戶瀏覽博文，查看評論，評論博文，查看公告、相冊、朋友信息等功能。 （ 3）后臺博主管理模塊實現了文章、公告、相冊、評論、用戶、朋友和博主自己信息的管理等功能。 課題系統相對原有博客實例的創新之處主要體現在以下幾個方面： （ 1）采用 JavaBean 類來封裝事務邏輯、數據庫操作等， 很好的實現業務邏輯和前臺程序的分離，使得系統具有更好的健壯性和靈活性 ； （ 2）使用 CSS 來進行布局設計，使得頁面的布局更加靈活； （ 3）實現文章、評論、相冊等模塊的自動分頁功能，避免因為文章和評論的數目過多而造成的管理不便。 由于時 間關系，系統在實施中有諸多考慮不足的地方。在往后拓展完善階段，個人博客系統還可以針對以下幾個方面進一步開展研究、升級和實踐工作，如本次開發中尚未完成的功能，包括背景音樂，相冊分類查詢，美文推薦等功能； 技術上需要進一步更新； 系統各個層次上的安全性能也有待提高。 在今后的學習和工作當中，我會再接再 勵 ，做出更好的軟件系統。 中北大學 2021 屆畢業設計說明書 第 39 頁 共 41 頁 參考文獻 [1] 俞傳正．基于博客的個人知識管理平臺研究 [D]．天津：天津師范大學，2021． 27． [2] 陳明． Blog、 Wiki 在協作學習中的應用研究 [D]．武漢：華 中師范大學，2021． 510． [3] 郭華偉．基于內容聚合 BLOG 學習平臺的輔助教學研究與實踐 [D]．北京：首都師范大學， 2021． 2025． [4] 劉媛春，羅云翔 .基于 JSP 的動態網頁技術 [J]. 成都信息工程學院學報， 2021年 04 期： P398400. [5] 唐友國，湛洪波． JSP 網站開發詳解 [M] ．北京 : 電子工業出版社 ,2021． 7694. [6] 楊磊，陳凌云．精通 EclipseWeb 開發 [M].北京：人民郵電出版社， . [7] Greg Riccardi. 數據庫管理 — 網站開發實例 [M]. 北京 : 清華大學出版社 ,. [8] 耿偉 ,劉振海 ,孫磊 . Struts2 框架技術的研究與分析 [J] .電腦知識與技術 ,2021. 18(33):50. [9] 劉彬． JSP 數據庫高級教程 [M]． 北京： 清華大學出版社 ， . [10] 蔣文容 .JSP 程序設計 [M].北京： 高等教育出版社 ， . [11] 賽奎春 .JSP 工程應用與項目實踐 [M]． 北京： 機械工業出版社 ， . [12]姜曉銘 ,劉波 ,張亦華 . JSP 程序設計精彩實例 [M].北京： 清華大學出版社 ，. [13]徐國平 ,劉臣勇 ,于軍 .JSP 網絡開發實務 [M].電子工業出版社 . . [14]王國輝 ,李鐘尉 ,王毅 . Java 程序設計自學手冊 [M]. 北京： 人民郵電出版社 ，. [15] 史曉宏 ,廖述劍 . 基于 Struts+Spring+Hibernate的輕量級 Web應用框架研究[J] .電腦知識與技術 ,2021, 15(01):30. [16] 何海霞 .Dreamweaver 8 完美網 頁設計 [M] . 北京 : 中 國 電 力 出 版社 ,. [17] 劉志亮 ,劉媛媛 . 基于 Spring 的輕量級 JavaEE 應用與開發 [J] .電腦知識與技術 ,2021, 17(20):60. 中北大學 2021 屆畢業設計說明書 第 40 頁 共 41 頁 [18] 黃好勝 .博客文化與教育信息化 [J].大眾科技 ,2021,(8):53. [19] 劉彬． JSP 數據庫高級教程 [M]．北京：清華大學出版社， . [20] 吳以欣 ,陳小寧． JavaScript 腳本程序設計 [M]．北京：人民郵電出版社，. [21] 何瑾 劉潤華 .基于開源思想的軟件應用開發 [J].河北師范大學學報 ,2021,31(1):1. [22] 葉達鋒． Eclipse 編程技術與實例 [M]．北京： 人民郵電出版社， . [23] 王夕寧，王曉平． JSP 通用模塊及典型系統開發實例導 航 [M]．北京：人民郵電出版社， 2021. 288296． [24] 孫衛琴、李洪成． Tomcat 與 Java Web 開發技術詳解 [M]．北京：電子工業出版社