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