基于j2ee的博客系統的設計與實現(編輯修改稿)

　

【文章內容簡介】 23 所示。圖 23 WebRoot 目錄中的 fckeditor2．導入 FCKEditor 需要的 jar 包，由于本系統在導入 S2SH 的 jar 包時已經導入了 FCKEditor 所需的 jar 包，故此處不用再添加 jar 包。3．在使用 fckeditor 的頁面導入 fckeditor 標簽庫，其代碼為：%@taglib uri= prefix=FCK%代碼 21 fckeditor 標簽庫在系統中的添加情況如圖 24。圖 24 fckeditor 標簽庫4．要設置 FCKEditor 的字體、工具條、表情等必須添加自定義配置文件，本系統添加的自定義文件命名為 ，此配置文件設置了 FCKEditor 的工具條、字體、字體大小，其代碼如代碼 22。[myToolbar] = [[39。Preview39。], [39。Undo39。,39。Redo39。,39。39。,39。Find39。,39。Replace39。,39。39。,39。SelectAll39。,39。RemoveFormat39。],[39。Bold39。,39。Italic39。,39。Underline39。,39。StrikeThrough39。],[39。JustifyLeft39。,39。JustifyCenter39。,39。JustifyRight39。,39。JustifyFull39。], [39。Image39。,39。Table39。,39。Rule39。,39。Smiley39。,39。SpecialChar39。,39。PageBreak39。], [39。FontFormat39。,39。FontName39。,39。FontSize39。], [39。TextColor39。,39。BGColor39。], [39。FitWindow39。] // No ma for the last row.] 。[myToolbar2] = [ [39。Undo39。,39。Redo39。,39。39。,39。RemoveFormat39。],[39。Bold39。,39。Italic39。,39。Underline39。,39。StrikeThrough39。], [39。JustifyLeft39。,39。JustifyCenter39。,39。JustifyRight39。,39。JustifyFull39。], [39。Image39。,39。Smiley39。], [39。FontName39。,39。FontSize39。], [39。TextColor39。,39。BGColor39。], // No ma for the last row. ] 。 = 39。宋體。 華文行楷。黑體。 方正舒體 。仿宋。楷體。Arial。Comic Sans MS。Courier New。Tahoma。Times New Roman。Verdana39。 。 = 39。5px。10px。15px。20px。25px。30px。35px。40px。45px39。 。代碼 22 文件5．將自定義的配置文件 載入 FCKEditor 的配置文件 中，即修改 中 FCKConfig. CustomConfigurationsPath 屬性值，如代碼 23。 = + 39。39。 。代碼 23 屬性值6．在 FCKEditor 中用戶可以進行上傳圖片，為保證上傳圖片的正確性和安全性，需修改其配置文件，具體步驟如下：（1）修改 中的 Connector 和 Struts2 的配置，修改后如代碼 24。filtermappingfilternamestruts2/filternameurlpattern*.action/urlpattern/filtermappingfiltermappingfilternamestruts2/filternameurlpattern*.jsp/urlpattern/filtermapping servlet servletnameConnector/servletname servletclass /servletclass loadonstartup1/loadonstartup /servlet servletmapping servletnameConnector/servletname urlpattern /user/fckeditor/editor/filemanager/connectors/* /urlpattern /servletmapping代碼 24 配置（2）在 src 根目錄下添加配置文件 ，如圖 25。圖 25 src 目錄下的 （3）在 中輸入代碼 25 即可上傳圖片。==代碼 25 7．若上傳的圖片名字有中文，則會出現亂碼，所以仍需進一步對其進行配置解決上次中文名字圖片出現的亂碼問題，其配置如下：（2）在 src 中新建 包，并在該包中新建 ConnectorServlet.java 類，如圖 26。圖 26 src 目錄下的 （3）找到 Reference Libraries 包中的 javacore 里的 ，如圖 26 將該類中的的內容復制放到剛才新建的 中，找到代碼 26，如圖 27，將其修改為代碼 27，如圖 28。(request)。代碼 26 (UTF8)。代碼 27 圖 27 javacore 下的 圖 28 （3）在 中找到圖 29，將其改成圖 210。圖 29 圖 210 （4）打開 ，將servlet標簽中配置改成圖 211 所示，即可解決上傳圖片的問題。圖 211 8．在上傳圖片處，可以創建文件夾存放圖片，若創建中文文件夾則會出現亂碼問題，需要修改 中的配置。找到 中的代碼 28，并將其修改為代碼 29 即可解決亂碼問題。String newFolderStr = (request .getParameter(NewFolderName))。代碼 28 Stringnew FolderStr = (new String( (NewFolderName).getBytes(ISO88591),UTF8))。代碼 29 Mysql 數據庫介紹和配置 Mysql 數據庫的介紹MySQL 是一個小型關系型數據庫管理系統，是瑞典 MySQL AB 公司開發并推廣使用。在 2022 年 1 月 16 號被 Sun 公司收購。目前 MySQL 被廣泛地應用在 Inter 上的中小型網站中。由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，許多中小型網站為了降低網站總體擁有成本而選擇了 MySQL 作為開發使用的數據庫。與 SQL Server、DB2 、Oracle 等其他的大型數據庫相比，MySQL 自有它的不足之處，如功能有限（MySQL Cluster 的功能和效率都相對比較差） 、規模小等，但是這絲毫也沒有減少它受歡迎的程度。對于一般的個人使用者和中小型企業來說，MySQL 提供的功能已經綽綽有余，而且由于 MySQL 是開放源碼軟件，因此可以大大降低總體擁有成本。 Mysql 在 Myeclipse 中的配置在 Myeclipse 中配置 Mysql 的過程如下：1．首先打開 MyEclipse 在工具欄上依次點擊 WindowOpen PerspectiveMyEclipse Database Explorer，如圖 212，點擊后進入圖 213 所示界面。圖 212 在 Myeclipse 中配置 Mysql圖 213 在 Myeclipse 中配置 Mysql2．在圖 213 的左側空白處單擊右鍵選擇 new，如圖 214，點擊后出現一對話框如圖 215。圖 214 在 Myeclipse 中配置 Mysql圖 215 在 Myeclipse 中配置 Mysql3．在 Driver name 后的文本框填入你要的數據庫名字（本系統為 myblog） ，Coonection URL 填上數據庫地址（最后那個 test 是你要連接的數據庫） ，在User name，Password 依次填上用戶名，密碼，點擊 Driver JARs 右面的 Add JARs 選擇需要數據庫驅動，然后點擊 Finish，如圖 216。圖 216 在 Myeclipse 中配置 Mysql4．這時我們在左面會看到新建的數據庫 myblog，我們右鍵點擊新建的數據庫選擇 Open connection，如圖 217。圖 217 在 Myeclipse 中配置 Mysql5．選擇 Open connection 后彈出如圖 218 所示的對話框，輸入密碼并點擊OK，若在左邊看到數據庫 myblog 中的表則表示連接成功，如圖 219。圖 218 在 Myeclipse 中配置 Mysql圖 219 在 Myeclipse 中配置 Mysql6．lipse 工具欄上依次點擊 WindowOpen Perspective MyEclipse Java Enterprise 如圖 220 即可回到 Java 工程中，如右圖 221。圖 220 在 Myeclipse 中配置 Mysql圖 221 在 Myeclipse 中配置 Mysql7．據庫連接的項目右鍵 Build Path Add Libraries...如圖 222，在彈出的對話框中點擊 Next，如圖 223。圖 222 在 Myeclipse 中配置 Mysql圖 223 在 Myeclipse 中配置 Mysql8．對話框中點擊右邊的 User Libraies...如圖 224，如下左圖，在彈出的對話框中點擊右邊的 New...，如圖 225。圖 224 在 Myeclipse 中配置 Mysql圖 225 在 Myeclipse 中配置 Mysql9．對話框中輸入名字，如圖 226 ，點擊 OK 后看到新增加的驅動包出現在列表中，如圖 227。圖 226 在 Myeclipse 中配置 Mysql圖 227 在 Myeclipse 中配置 Mysql10．右邊的 Add JARs...,加入所需的驅動，點擊 OK，連接成功。第 3 章 系統需求分析 系統概述該系統是基于 S2SH 技術實現用戶和訪客對博客進行訪問和管理的功能。用戶可以登錄本系統進行搜索用戶/博客/博文、博文管理、評論管理、相冊管理、信息管理等功能；若要進行搜索則可以在輸入框中輸入要搜索的關鍵字；若要發表日志，則可以進入博文管理中的寫博文而進行博文發表等等。而訪客可以通過本系統進行搜索、日志查看、信息查看、評論等功能，若訪客要進行發表博文，必須先注冊，包括個人的主要信息，如用戶名、昵稱、Email、手機號碼等信息；訪客注冊成功后即可登錄本系統進行用戶的相關操作。本系統開發的基本要求與功能是實現博客系統有關數據的管理與操作處理，基于 MySql 數據庫系統的數據管理使該軟件有更優異的性能。本系統的基本數據流動主要有博客信息、用戶信息、博文信息、評論信息等的輸入，以及用戶提出的對信息的查詢和其它要求所產生的數據輸出。數據的輸入與輸出處理流程都依靠數據庫的支持。 功能描述表 31 首頁功能描述功能編號 功能名稱 描述 參與者FC001 評論管理 用戶查看、添加、刪除個人博文的評論，訪客查看、添加博文的評論用戶、訪客FC002 首頁 用戶或訪客可進行搜索、查看最熱博客、最熱相冊等。用戶、訪客FC003 點擊率 用戶或訪客查看博文或博客的點擊率 用戶、訪客FC004 訪客注冊 訪客填寫相關信息成為系統用戶 訪客FC005 用戶登錄/退出 用戶登錄進入/退出本系統 用戶FC006 搜索管理 用戶或訪客搜索博文、用戶和博客 用戶、訪客FC007 用戶個人信息管理 用戶根據實際情況對自己的個人信息進行管理用戶FC008 用戶博客信息管理 用戶根據實際情況對自己的博客信息進行管理用戶 系統用例圖用例圖表述了各種外部執行者與系統所提供的用例之間的連接。本系統用例圖如圖 31 所示：EditLogDeltLogCheckInfoEditInfoAdLogCheckLogextndextndextndDeltRemarkextndSearchLogSearchBlogSearchUserextndextndextndAdImagesEditImagesDeltImagesCheckImagesLogMangemntextndInformationMangeetextndextnd RemarkMangemntRetVistorImageBokMangemetRegisterSearch AdRemarkextndCheckRemarkextndClick