【導(dǎo)讀】本系統(tǒng)頁面采用Html語言和Css樣式以及JavaScript腳本來設(shè)計，系統(tǒng)的相關(guān)功能由Java語句來實現(xiàn)，使用Sql2021數(shù)據(jù)庫作為后臺，采用Jsp+Servlet+JavaBean模式來完成系統(tǒng)的相關(guān)功能。客和博主兩種角色。游客可以注冊、查看日志、照片、博主的資料和。博主則完成寫日志、修改日志、上傳照片、管理照片、更。改個人信息、添加公告、退出系統(tǒng)等功能。

　　

【正文】 100個字符以內(nèi) articleContent=(0,150)+......。 } % 2021 級計算機科學(xué)與技術(shù)職教師資畢業(yè)設(shè)計 37 table width=616 border=0 align=center tr td width=377 height=22font color=BE9110b%=()%/b/font/td !— 顯示文章的題目 /tr tr td valign=topspan class=style7%=articleContent%/span/td !— 顯示文章的內(nèi)容 /tr tr td height=17 class=head02a href=?id=%=()% class=head02閱讀全文 /a/td /tr /table table width=616 border=0 align=center tr th scope=coldiv align=right class=style6 hr/div/th /tr /table %} % %=(Page) % !— 傳遞分頁 Bean的參數(shù) 相冊上傳的實現(xiàn) 博主進入后臺管理頁面中，單擊左側(cè)功能區(qū)中的“相冊添加”超鏈接，將進入相冊上傳頁面，如圖 所示。 李姜偉：基于 JSP 的個人博客系統(tǒng)設(shè)計與實現(xiàn) 38 圖 相片上傳頁面 如圖 所示，單擊“保存”按鈕，實現(xiàn)的 URL 地址為PhotoSerlvet?method=0，當(dāng) method=0 時，執(zhí)行的是 addPhoto()方法，該方法實現(xiàn)上傳相片的功能。代碼如下： public void addPhoto(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { photoDao = new PhotoDao()。 //實例化PhotoDao類型的對象 PhotoForm photoForm = new PhotoForm()。 //實例化PhotoForm類型的對象 su = new ()。 //實例化上傳組件 Integer maxID = 0。 //設(shè)置Integer類型的對象 if (() != null) { maxID = ()。 //將 設(shè)置maxID對象的編號 } String result = 上傳的照片格式和大小有問題 ,上傳照片失敗 !。 //設(shè)置上傳相片的提示信息 String type = null。 2021 級計算機科學(xué)與技術(shù)職教師資畢業(yè)設(shè)計 39 String imageType[] = { JPG, jpg, gif, bmp, BMP }。 //設(shè)置可以上傳文件擴展名的數(shù)組 String filedir = file/。 //設(shè)置服務(wù)器端的相對地址 long maxsize = 2 * 1024 * 1024。 // 設(shè)置每個上傳文件的大小，為 2MB try { ((), request, response)。 (maxsize)。 //限制上傳文件的大小 ()。 //上傳文件 Files files = ()。 //獲取所有的上傳文件 for (int i = 0。 i ()。 i++){ //逐個獲取上傳的文件 File singlefile = (i)。 type = ()。 for (int ii = 0。 ii 。 ii++) { if (imageType[ii].equals(type)) { if (!()) { //如果選擇了文件 String photoTime = ().getParameter( phtoTime)。 //獲取發(fā)布相冊的系統(tǒng)時間 String photoDescription = () .getParameter(photoDescription)。 //獲取相冊的描述信息 (photoTime)。 //設(shè)置相冊發(fā)布時間 李姜偉：基于 JSP 的個人博客系統(tǒng)設(shè)計與實現(xiàn) 40 (photoDescription)。 //設(shè)置相 冊描述信息 filedir = filedir + maxID + . + ()。 //獲取相冊服務(wù)器端地址 (filedir)。 //設(shè)置相冊服務(wù)器端地址 if ((添加 , photoForm)) { (filedir, )。 //設(shè)置相冊上傳功能 result = 上傳照片成功 !。 //設(shè)置上傳圖片成功信息 } } } } } } catch (Exception e) { ()。 } (result, result)。 //將相冊的上傳結(jié)果通過 setAttribute()方法傳遞給 result RequestDispatcher requestDispatcher = request .getRequestDispatcher()。 (request, response)。 } 6 系統(tǒng)測試 測試方法 軟件測試是軟件的質(zhì)量管理核心技術(shù)是軟件測試用例軟件測試是有組織性、步驟性、計劃性的。測試的形態(tài)分構(gòu)建性測試、系統(tǒng)化測2021 級計算機科學(xué)與技術(shù)職教師資畢業(yè)設(shè)計 41 試、專項測試。軟件測試的方式分為白盒技術(shù)和黑盒技術(shù)。白盒測試又稱結(jié)構(gòu)性測試是內(nèi)部人員進行的測試黑盒測試測 試著重于軟件的功能的測試測試人員必須使用測試用例。黑盒測試的技術(shù)分為等價劃分、邊界值分析、錯誤推測。 [5] 測試流程如圖 。登錄系統(tǒng)時，用戶則要輸入用戶名 (admin)和密碼 (111)，用戶名和密碼都輸入正確時才可以進入系統(tǒng)主界面，進入主界面后就可以對系統(tǒng)的所有功能模塊進行操作（博主和普通用戶具有不一樣的權(quán)限）。 圖 測試流程圖 測試內(nèi)容 通過上述步驟的測試工作，系統(tǒng)能在 Windows XP 環(huán)境下， MYSQL啟動系統(tǒng) 管理員密碼 博主登錄 普通用戶登錄 密碼 進入前臺首頁面，顯示“進入后臺”鏈接 進入前臺首頁面，不顯示“進入后臺”鏈接 首頁模塊 博客文章管理 說明信息模塊 文章信息模塊 公告信息模塊 相冊信息模塊 公告管理 投票管 理 個人相冊管理 朋友信息管理 用戶設(shè)置 博主設(shè)置 李姜偉：基于 JSP 的個人博客系統(tǒng)設(shè)計與實現(xiàn) 42 版本上， 以上正常運行。 登錄測試 進入登錄界面，輸入用戶名 admin123，密碼為 123，單擊“登錄”按鈕時，則提示“您輸入的用戶名不存在，請重新輸入！” ,如圖 所示。 圖 登錄測試 1 返回登錄頁再一次輸入用戶名為 admin，密碼為 111，則提示“您輸入的登錄密碼有誤，請重新輸入”，如圖 所示。 圖 登錄測試 2 進入登錄界面，輸入正確的用戶名 admin，密碼為 123，單擊“登錄”按鈕，則可以進入前臺首頁面如圖 所示。 2021 級計算機科學(xué)與技術(shù)職教師資畢業(yè)設(shè)計 43 圖 登錄成功提示 由于 admin 是博主帳戶，所以在前 臺首頁面顯示“進入后臺”超鏈接，如圖 所示。 圖 顯示“進入后臺”鏈接 單擊“進入后臺”，博主可以進入博客系統(tǒng)后臺管理頁面，可以對里面的各個模塊進行操作，如圖 所示。 圖 后臺管理系統(tǒng) top 頁面 如果登錄用戶名 user，密碼 123，由于是普通用戶，所以在前臺李姜偉：基于 JSP 的個人博客系統(tǒng)設(shè)計與實現(xiàn) 44 首頁沒有顯示“進入后臺”超鏈接，如圖 所示。 圖 博主信息 發(fā)表文章測試 系統(tǒng)有幾個重要的模塊，文章發(fā)表與查看、相冊添加與查看、公告添加與查看、投票內(nèi)容添加與查看及投票操作等等，這里僅對 發(fā)表文章模塊作測試。 由于文章內(nèi)容的最大字符長度為 2021 字符，所以如果輸入的文章長度大于 2021 字符，則不會添加成功。下面對文章發(fā)表模塊進行測試。 （ 1）文章主題為煙花易冷，文章類別選擇為個人日記，文章內(nèi)容長度在 2021 字符內(nèi)，點擊保存按鈕，則顯示文章添加成功。如圖 和 所示。 2021 級計算機科學(xué)與技術(shù)職教師資畢業(yè)設(shè)計 45 圖 添加 2021 字符以內(nèi)文章 圖 文章添加成功提示 李姜偉：基于 JSP 的個人博客系統(tǒng)設(shè)計與實現(xiàn) 46 （ 2）文章主題為煙花易冷，文章類別選擇為個人日記，文章內(nèi)容長度大于 2021 字符，點擊保存按鈕，則顯示文章添加失 敗。如圖 和 所示。 圖 添加長度大于 2021 字符文章 圖 文章添加失敗提示 2021 級計算機科學(xué)與技術(shù)職教師資畢業(yè)設(shè)計 47 8 結(jié)論與展望 本次設(shè)計的系統(tǒng)是個人博客系統(tǒng)，也就是單用戶博客，在這幾個月的開發(fā)過程中，我學(xué)到了很多書本上學(xué)不到的知識，明白了要開發(fā)一個系統(tǒng)應(yīng)該注意的一些細節(jié)，以前沒有多少實踐機會，現(xiàn)在通過這個系統(tǒng)將理論與實踐相結(jié)合，才能夠更深地鞏固自己學(xué)到的知識。既加深了對管理信息系統(tǒng)的認識，又進一步鞏固了以前所學(xué)的計算機軟件開發(fā)方面的知識，提高了軟件開發(fā)的水平，從而為今后在實 際工作中更好的應(yīng)用計算機進行信息管理打下了堅實的基礎(chǔ)。 作為一個完整的個人博客系統(tǒng)，本系統(tǒng)的主要角色有博主和游客（普通用戶）：里面的所有內(nèi)容都是由博主發(fā)表，由博主管理，而游客只能夠訪問與相關(guān)的操作。博主分享自己的生活、思想與游客交流，互動。在詳細設(shè)計和編碼中，運用 JSP 最基本的開發(fā)技術(shù)，代碼簡單易懂，系統(tǒng)里間跳轉(zhuǎn)比較清晰。完成了普通用戶和系統(tǒng)管理員兩者的功能分離，而且各自的功能操作都能得到正確數(shù)據(jù)并存入數(shù)據(jù)庫中保存。另外系統(tǒng)利用 MVC 模式極大地提高了系統(tǒng)的靈活性、復(fù)用性、開發(fā)效率、適應(yīng)性和可維護性。系統(tǒng)的開 發(fā)以及論文的研究由于時間的李姜偉：基于 JSP 的個人博客系統(tǒng)設(shè)計與實現(xiàn) 48 關(guān)系，有一些地方做的還不是很完美。對 MVC 設(shè)計模式的研究時間不長，所以在寫代碼的時候還沒有做到真正的得心應(yīng)手，是在查詢一些幫助文檔資料的情況下才完成的。但是，通過這次設(shè)計我意識到將舊知識和新知識結(jié)合的必要性，學(xué)會了如何思考和解決問題的方法。 通過對博客系統(tǒng)的測試，發(fā)現(xiàn)了博客存在的一些不足之處：（ 1）網(wǎng)絡(luò)上的博客大多是多用戶博客，每個人都可以擁有自己的博客空間，發(fā)表自己的文章與心情，即時與他人互動，交流。所以個人博客系統(tǒng)要放到網(wǎng)絡(luò)上使用是不現(xiàn)實的，但由于個人的知識儲備有限，所以我會在 今后努力地完善自己的博客系統(tǒng)功能，希望能夠朝多用戶功能發(fā)展。（ 2）博客系統(tǒng)的界面過于單調(diào)，缺乏動態(tài)圖形顯示效果，自己美術(shù)功底缺乏，所以配色方面也存在很多問題。騰訊的網(wǎng)頁風(fēng)格是我最喜歡的，我希望以后會多多了解一些美術(shù)方面的知識，使自己做出的頁面更加美觀。（ 3）還有就是整個系統(tǒng)采用 JSP+JavaBean+Se