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

　　

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