【正文】 以及功能的完備性。我們根據(jù)每一個(gè)模塊的不同需求，我們需要設(shè)計(jì)不同的實(shí)現(xiàn)方式。例如，新聞的發(fā)布及動(dòng)態(tài)更新要求較高的實(shí)時(shí)性，且呈現(xiàn)方式簡(jiǎn)潔統(tǒng)一即可，因此針對(duì)于這一特點(diǎn)，要聞的及時(shí)發(fā)布我們將設(shè)計(jì)一種獨(dú)立的實(shí)現(xiàn)方式；下載中心按照其功文件的上傳下載的特殊性進(jìn)行設(shè)計(jì)；其余模塊均為反映學(xué)校基本信息，實(shí)時(shí)性要求低，但可能需要不同的呈現(xiàn)格式，我們將統(tǒng)一設(shè)計(jì)一種方式進(jìn)行實(shí)現(xiàn)等等。我們將在下文中進(jìn)行詳細(xì)說(shuō)明。 圖片展示部分圖片展示部分，設(shè)計(jì)給定的圖片數(shù)目，進(jìn)行自動(dòng)切換播放。首先從數(shù)據(jù)庫(kù)中讀取第一張圖片呈現(xiàn)，計(jì)時(shí)器開(kāi)始計(jì)時(shí)，同時(shí)監(jiān)聽(tīng)鼠標(biāo)動(dòng)作，若監(jiān)聽(tīng)到鼠標(biāo)動(dòng)作點(diǎn)擊圖片號(hào)，則停止計(jì)時(shí)，并將鼠標(biāo)所選取的圖片 id 號(hào)傳入，從數(shù)據(jù)庫(kù)內(nèi)讀取該圖片進(jìn)行直接第 4 章　系統(tǒng)設(shè)計(jì)18呈現(xiàn)；若未監(jiān)聽(tīng)到鼠標(biāo)動(dòng)作且計(jì)時(shí)達(dá)到 3 秒，則 id 號(hào)自增，讀取數(shù)據(jù)庫(kù)中的下一張圖片。我們?cè)O(shè)計(jì)將采用 javaScript 進(jìn)行實(shí)現(xiàn)。流程圖如下所示：開(kāi)始讀取 i d = i 的圖片并展示 （ i 初始化為0 ）i + + ；i = i % n ( n 為圖片總數(shù) )鼠標(biāo)動(dòng)作 ？計(jì)時(shí)是否達(dá)到3 sYYNN圖 圖片展示部分流程圖 身份驗(yàn)證及登陸認(rèn)證為保證后臺(tái)管理的安全性，我們要對(duì)訪問(wèn)用戶(hù)進(jìn)行身份驗(yàn)證，要求用戶(hù)輸入用戶(hù)名以及密碼后，調(diào)用數(shù)據(jù)庫(kù)數(shù)據(jù)查看是否匹配，若匹配，則可進(jìn)入后臺(tái)主界面，若不匹配彈出提示信息并返回登錄界面，流程圖如下所示：第 4 章　系統(tǒng)設(shè)計(jì)19開(kāi)始輸入用戶(hù)名 amp。 amp。 密碼是否匹配 ？跳轉(zhuǎn)至后臺(tái)主頁(yè)YN圖 身份驗(yàn)證部分流程圖此外，為提高系統(tǒng)的安全性能，防止用戶(hù)直接輸入 URL 進(jìn)行非法登陸，保證登陸界面的身份驗(yàn)證是唯一進(jìn)入后臺(tái)管理系統(tǒng)的接口，我們需要在每一個(gè)后臺(tái)頁(yè)面訪問(wèn)中進(jìn)行身份認(rèn)證。設(shè)計(jì)將采用過(guò)濾器進(jìn)行實(shí)現(xiàn)，讀取用戶(hù)的 session 信息，提取里面的用戶(hù)名密碼，驗(yàn)證其是否匹配，若匹配則順利跳轉(zhuǎn)至目標(biāo)界面，否則彈出警示框并返回登錄界面。流程圖如下所示：開(kāi)始讀取 s e s s i o n 信息身份驗(yàn)證 ？進(jìn)入相應(yīng)頁(yè)面Y跳轉(zhuǎn)回登陸界面N圖 登錄認(rèn)證部分流程圖第 4 章　系統(tǒng)設(shè)計(jì)20 要聞發(fā)布要聞發(fā)布是校園網(wǎng)站最為主要的核心功能之一。當(dāng)需要對(duì)要聞進(jìn)行修改的時(shí)候，登陸后臺(tái)新聞管理模塊，選擇要進(jìn)行的操作，包括增、刪、改三種基本操作。對(duì)要聞進(jìn)行相應(yīng)操作，經(jīng)發(fā)布后，系統(tǒng)將數(shù)據(jù)存入數(shù)據(jù)庫(kù)中，用戶(hù)可以在前臺(tái)頁(yè)面中可看到最新更新的要聞。開(kāi)始新聞管理模塊編輯新聞內(nèi)容更新 ？刪除 ？新增 ？發(fā)布 ？前臺(tái)頁(yè)面顯示NYYYYNNN選擇發(fā)布部門(mén)添加新聞標(biāo)題數(shù)據(jù)庫(kù)圖 要聞發(fā)布部分流程圖 上傳下載設(shè)計(jì)為方便用戶(hù)對(duì)相關(guān)文件的上傳下載，我們將該模塊獨(dú)立設(shè)置。在后臺(tái)上傳文件時(shí)，首先選擇要上傳的目的模塊，然后進(jìn)入本地資源管理器選擇要上傳的文件，點(diǎn)擊確認(rèn)后上傳成功，否則跳回至該模塊主界面。此外，我們?cè)O(shè)計(jì)將文件的基本信息存入到數(shù)據(jù)庫(kù)中，把文件存入到制定文件夾中，保證了數(shù)據(jù)存取的高效性和可維護(hù)性。下載為前臺(tái)所設(shè)置的功能，其流程實(shí)現(xiàn)為上傳文件的逆過(guò)程，原理本質(zhì)性相同，因此以上傳為例，流程圖如下所示：開(kāi)始 上傳文件中心 選擇要上傳的模塊 選擇要上傳的文件 確認(rèn) ？ 上傳文件YN數(shù)據(jù)庫(kù)指定文件夾基本信息文件圖 上傳下載部分流程圖 學(xué)?；拘畔W(xué)校概括等 9 個(gè)模塊用于反映學(xué)校的基本信息，呈現(xiàn)校園風(fēng)采，這些模塊的共同第 4 章　系統(tǒng)設(shè)計(jì)21特征是不需要實(shí)時(shí)更新，定期進(jìn)行更新即可，但要求頁(yè)面變動(dòng)可能較大，因此，為使得網(wǎng)站的用戶(hù)可以進(jìn)行自主設(shè)計(jì)，我們?cè)O(shè)計(jì)利用后臺(tái)編輯器，供用戶(hù)進(jìn)行模塊內(nèi)容的自主修改，直接將用戶(hù)修改內(nèi)容的 html 整個(gè)存入數(shù)據(jù)庫(kù)，使得維護(hù)變的更加靈活，以學(xué)校概況為例，流程圖如下：學(xué)校概況 修改內(nèi)容 前臺(tái)頁(yè)面呈現(xiàn)發(fā)布 ？YN開(kāi)始數(shù)據(jù)庫(kù)圖 學(xué)校基本信息部分流程圖 權(quán)限設(shè)計(jì)我們將用戶(hù)類(lèi)型分為三種：超級(jí)管理員、部門(mén)管理員、老師、學(xué)生以及游客：超級(jí)管理員：具備網(wǎng)站的最高權(quán)限。包括基本的主頁(yè)瀏覽權(quán)限，所有信息的增、刪、改、查操作，注冊(cè)用戶(hù)的添加以及權(quán)限分配等。部門(mén)管理員：具備網(wǎng)站的較高權(quán)限。包括基本的主頁(yè)瀏覽權(quán)限，本部門(mén)信息的增、刪、改、查操作，但不能對(duì)網(wǎng)站用戶(hù)進(jìn)行操作，只能對(duì)自己的個(gè)人信息進(jìn)行修改。老師：具備網(wǎng)站的一般權(quán)限。包括基本的主頁(yè)瀏覽權(quán)限，特定信息的增、刪、改、查操作，個(gè)人信息的修改。學(xué)生：具備網(wǎng)站的一般權(quán)限。包括基本的主頁(yè)瀏覽權(quán)限，所有文件的下載權(quán)限。游客：具備網(wǎng)站的較低權(quán)限。僅包括基本的主頁(yè)瀏覽權(quán)限以及特定文件組的下載。權(quán)限圖如下所示：超級(jí)管理員部門(mén)管理員教師 學(xué)生 游客用戶(hù)登錄及身份驗(yàn)證網(wǎng)站管理界面 部門(mén)管理界面學(xué)生登錄界面教師登陸界面游客瀏覽界面數(shù)據(jù)庫(kù)圖 權(quán)限設(shè)計(jì)部分示意圖第 4 章　系統(tǒng)設(shè)計(jì)22 本章小結(jié)本章基于需求設(shè)計(jì)了系統(tǒng)的整體架構(gòu)，并在此基礎(chǔ)上對(duì)數(shù)據(jù)庫(kù)進(jìn)行設(shè)計(jì)，包括 ER圖的分析以及數(shù)據(jù)表的詳細(xì)設(shè)計(jì)。此外，根據(jù)實(shí)現(xiàn)流程的不同我們重點(diǎn)對(duì)模塊設(shè)計(jì)部分的主要幾種邏輯設(shè)計(jì)進(jìn)行了介紹。最后對(duì)系統(tǒng)的使用權(quán)限分配進(jìn)行了說(shuō)明第 5 章　系統(tǒng)的實(shí)現(xiàn)及測(cè)試23第 5章　系統(tǒng)的實(shí)現(xiàn)及測(cè)試 系統(tǒng)實(shí)現(xiàn)環(huán)境設(shè)備分布圖如下所示，設(shè)置 MYSQL 服務(wù)器以及 web 服務(wù)器，數(shù)據(jù)庫(kù)通過(guò)MYSQL 服務(wù)器進(jìn)行訪問(wèn)，用戶(hù)終端通過(guò)路由器對(duì)應(yīng)用進(jìn)行訪問(wèn)。M Y S Q L 服務(wù)器 W E B 服務(wù)器路由器用戶(hù)終端 用戶(hù)終端用戶(hù)終端 數(shù)據(jù)庫(kù)圖 系統(tǒng)的實(shí)現(xiàn)環(huán)境所需要的軟硬件環(huán)境如下：? 存儲(chǔ)類(lèi)型：硬盤(pán)存儲(chǔ)；? 操作系統(tǒng)：Windows XP 以上版本；? 數(shù)據(jù)庫(kù)：MySQL；? Web 服務(wù)器：；? 瀏覽器：chrome 瀏覽器 、IE8 以上版本等。 環(huán)境配置下面介紹本系統(tǒng)所用的環(huán)境。第 5 章　系統(tǒng)的實(shí)現(xiàn)及測(cè)試24 Myeclipse 中 Tomcat 的配置在 MyEclipse 的菜單欄中打開(kāi) Window 一項(xiàng)，在下拉菜單中打開(kāi) Preference 進(jìn)行配置，如下圖所示。選中 MyEclipse——Tomcat——，將 Disable 改為 Enable，同時(shí)我們將 tomcat 所在包導(dǎo)入，確定即可。圖 Myeclipse 中 Tomcat 的配置 Myeclipse 中 Mysql 的配置Mysql 的配置需要進(jìn)行環(huán)境變量的配置并新建數(shù)據(jù)庫(kù)的鏈接，詳細(xì)步驟如下：? 下載安裝文件，我們采用 進(jìn)行默認(rèn)安裝下載 將里面的 放在 D:\java\\jre\lib\ext，同時(shí)，將里面的 復(fù)制粘貼到 tomcat 的 lib 下面。? 環(huán)境變量配置：classpath 中加入 jar 包路徑：D:\java\\jre\lib\ext\。Path 中加入 bin 的路徑：C:\Program Files\MySQL\MySQL Server \bin? 項(xiàng)目運(yùn)行：右擊所選項(xiàng)目Build PathConfigure Build PathLibrariesAdd External JARs 選擇 D:\java\\jre\lib\ext\。? 新建一個(gè)數(shù)據(jù)庫(kù)連接Windows——Perspective——My eclipse Database explorer在左側(cè)點(diǎn)擊新建。如下圖所示：第 5 章　系統(tǒng)的實(shí)現(xiàn)及測(cè)試25圖 Myeclipse 中 Mysql 的配置 關(guān)鍵技術(shù)的實(shí)現(xiàn) 表單的基本操作在本次校園網(wǎng)站的設(shè)計(jì)中，后臺(tái)的上傳下載等多處功能都需要利用表單進(jìn)行實(shí)現(xiàn)，為了實(shí)現(xiàn)代碼的集成，盡量在同一文件中完成表單的基本操作，我們主要采用以下兩種表單的 action 提交方法：第一種方案：設(shè)置隱藏的 input 按鈕。我們以后臺(tái)管理中個(gè)人信息修改功能為例。在表單中添加一個(gè)屬性為 hidden 的按鈕，設(shè)置其 name 為 action，value 為自定義，此處 user_self，input type=hidden name=action value=user_self/則，在文件開(kāi)始的 jsp 代碼中，用 equals()函數(shù)來(lái)判斷動(dòng)作的來(lái)源：if(user_self.equals(action)){操作語(yǔ)句；}第 5 章　系統(tǒng)的實(shí)現(xiàn)及測(cè)試26第二種方案：用跳轉(zhuǎn)連接參數(shù)來(lái)實(shí)現(xiàn)。該方案可以同時(shí)傳遞多個(gè)參數(shù)，因此當(dāng)需要進(jìn)行多個(gè)參數(shù)傳遞時(shí)，我們多采用這種方法進(jìn)行表單操作的實(shí)現(xiàn)。我們以后臺(tái)新聞批量管理中的刪除功能為例。添加代碼如下：a href=?action=delamp。del_id=%=(id)%刪除/a其中，跳轉(zhuǎn)文件為自身文件名，在文件開(kāi)端的 jsp 中加入 equals()函數(shù)進(jìn)行處理if(del.equals(action)){操作語(yǔ)句；} 數(shù)據(jù)庫(kù)的基本操作為了避免 jsp 文件每次都需要重新進(jìn)行數(shù)據(jù)庫(kù)連接操作，節(jié)省開(kāi)銷(xiāo)。我們采用數(shù)據(jù)庫(kù)連接池的原理，用獨(dú)立的 java 文件實(shí)現(xiàn)數(shù)據(jù)庫(kù)連接，則在其他 jsp 頁(yè)面中只需要導(dǎo)入該 java 文件所在的包，同時(shí)用簡(jiǎn)短的代碼創(chuàng)建數(shù)據(jù)庫(kù)連接即可。我們?cè)?conDB 包中建立 。核心 Java 代碼：public class conDB //get the connection of database{public static Connection createDBconn() throws SQLException, InstantiationException, IllegalAccessException, ClassNotFoundException{().newInstance()。//This is importantConnection conn=(jdbc: root, admin)。//School_Database is the name of database , root is user name and admin is the password return conn。}public static void closeConn(Connection conn) //close the connection of database{try{()。第 5 章　系統(tǒng)的實(shí)現(xiàn)及測(cè)試27}catch(Exception e){()。}}}在需要進(jìn)行數(shù)據(jù)庫(kù)連接的 JSP 頁(yè)面中，我們首先導(dǎo)入 conDB 包，再建立一個(gè)數(shù)據(jù)庫(kù)連接對(duì)象即可，代碼如下：%@ page import=conDB.* %%Connection conn=()。%此外，在 jsp 尾部，為保證數(shù)據(jù)安全，需要關(guān)閉數(shù)據(jù)庫(kù)鏈接：%(conn)。%如上所述，我們所采用的方法只需要簡(jiǎn)短的三行代碼即可建立一個(gè)數(shù)據(jù)庫(kù)連接，十分方便。數(shù)據(jù)庫(kù)的基本操作包括增、刪、改、查四個(gè)部分，實(shí)現(xiàn)原理大同小異，我們以數(shù)據(jù)的更新為例進(jìn)行說(shuō)明。? 讀取所需要的參數(shù)，對(duì)特定數(shù)據(jù)進(jìn)行更新，需要它的唯一標(biāo)識(shí)號(hào)。我們利用request 進(jìn)行操作：String content=(editor1)。? 建立 Statement 對(duì)象，Statement state=()。? 設(shè)置數(shù)據(jù)庫(kù) sql 語(yǔ)句：String sql=null。sql=update Module5 set headline=39。+headline+39。,content=39。+content+39。,department=39。+department+39。,Moduleid=+Moduleid+ where id=+id。? 運(yùn)行 sql 語(yǔ)句，(sql)。 ckeditor后臺(tái)編輯功能是網(wǎng)站后臺(tái)管理最為主要的核心功能之一。ckeditor 是一款開(kāi)源的所見(jiàn)即所得的文字編輯器。我們采用該插件技術(shù)實(shí)現(xiàn)后臺(tái)文本編輯功能，將所形成的html 文件完整的保存至數(shù)據(jù)庫(kù)中，并在前臺(tái)進(jìn)行規(guī)范化輸出。該技術(shù)使得網(wǎng)站的更新第 5 章　系統(tǒng)的實(shí)現(xiàn)及測(cè)試28變得更為便捷。由于 Ckeditor 中沒(méi)有集成好的上傳功能，官方的搭配組建為 CKFinder，但CKFinder 不是免費(fèi)的開(kāi)源軟件，而 ckeditor 早期版本 fckeditor 提供了上傳功能，因此，我們利用 fckeditor 實(shí)現(xiàn)上傳功能。前期工作中，我們需要把 java 實(shí)現(xiàn)文件上傳需要的jar 復(fù)制到項(xiàng)目 lib 目錄下，重寫(xiě) fckeditor 實(shí)現(xiàn)文件上傳的 ConnectorServlet 以解決中文亂碼的問(wèn)題，此外，把 復(fù)制到 src 目錄下，配置 文件，最后對(duì) fckeditor 文件上傳管理器的部分文件進(jìn)行修改即可。最后集成 ckeditor 與 fckeditor filemanager，實(shí)現(xiàn)方法如下：? 導(dǎo)入 ckeditor、fckeditor 插件，把下載好的完整 ckeditor 包導(dǎo)入開(kāi)發(fā)目錄中；? 重定向該插件的顯示區(qū)域，設(shè)置多行輸入域，命名為 editor1textarea name=editor1 id=editor1%=(content) %/textarea? 為實(shí)現(xiàn)圖片上傳功能，在使用 ckeditor 時(shí)配置它的 filebrowserBrowseUrl 和filebrowse