【文章內(nèi)容簡介】 引用 等等 [7]。 開發(fā)語言介紹 JSP JSP 全稱 Java server pages。是一種動態(tài)網(wǎng)頁技術(shù)的標準。該技術(shù)用于在傳統(tǒng)的靜態(tài)網(wǎng)頁 HTML 中加入 JSP 標記和 JS（ JavaScript） [8][9]，其中 Java 片段用于實現(xiàn)數(shù)據(jù)的發(fā)送和交互等操作，所有的操作都集成在服務(wù)器端進行，這樣使得客戶端免去了對 JAVA 等技術(shù)支持的要求，只需要具備主流瀏覽器即可方便的訪問 JSP 頁面，從而更好實現(xiàn)網(wǎng)頁功能。 JSP 為跨平臺設(shè)計，兼容各類主流的操作系統(tǒng)，有良好的移植性 [7]。 第 2 章 相關(guān)技術(shù) 5 JSP 本質(zhì)相當于一個 Servlet，它利用 % ..%標記將 java 片段擴展至 html 中，當頁面請求發(fā)送到服務(wù)器端后，服務(wù)器對 java 片段進行動態(tài)處理，即封裝了動態(tài)邏輯的處理，最終解析形成一個靜態(tài)的 html 頁面發(fā)回客戶端，從而滿足客戶瀏覽各類網(wǎng)頁的需求。 自從 JSP 推出，目前已具備多種優(yōu)良特性。 JSP 將其內(nèi)容的顯示與生成分離，依賴可重用性、跨平臺組件，適應(yīng)各類平臺，移植性良好，并支持眾多的數(shù)據(jù)庫連接接口。由于其開發(fā)特性廣受歡迎，迅速得到各大公司的支持，因此， JSP 形成了商業(yè)應(yīng)用的服務(wù)器開發(fā)語言主流。 JSP 的運行機制如下圖所示 [7][4]： 客戶端請 求 J S P 頁 面返 回 響 應(yīng)J S P 文 件請 求 頁 面J S P 容 器S e r v l e t 文 件 （ . j a v a ） C l a s s 文 件 （ . c l a s s ）S e r v l e t 實 例轉(zhuǎn) 換（ T r a n s l a t i o n ）編 譯 （ j a v a c ）執(zhí) 行 圖 JSP 文件的執(zhí)行過程 JSP 的工作原理：當 web 容器 (tomcat、 jboss 等等 )接收到用戶的第一個 JSP 頁面請求時， JSP 引擎將這個 JSP 頁面轉(zhuǎn)換為 java 源代碼 (servlet 類 )，在轉(zhuǎn)換過程中，如果發(fā)現(xiàn) JSP 文件有任何的語 法錯誤，轉(zhuǎn)換過程將終止，并向服務(wù)器和客戶端輸出錯誤信息，如果轉(zhuǎn)換成功，然后 JSP 引擎用 javac 編譯 java 源代碼生成 class 文件，然后 web 容器加載 class 文件并從此創(chuàng)建一個新的 servlet 對象進行實例化，當 Servlet 類實例化后，容器加載 jsinit，以通知 servlet 它已進入服務(wù)行列。然后 JSP Service()方法被調(diào)用來處理客戶端的請求。 Container 根據(jù)客戶端的請求創(chuàng)建響應(yīng)文檔，并發(fā)送給客戶端。當該請求被再次發(fā)出時，在 class 存在的期限內(nèi)， container 會再次重 復(fù)生成過程。但當類文件被用戶刪除后，JSP 文件被重新加載，新生成的響應(yīng)文檔被發(fā)送給用戶。若多用戶申請訪問，則 Jsp 引擎會處理與請求數(shù)相同的多線程。多線程模式可以提高效率，提高吞吐量以及反應(yīng)速率。服務(wù)器會檢測 JSP 文件的更新狀況并決定是否重新加載，若需要，則將最新結(jié)果替代原第 2 章 相關(guān)技術(shù) 6 有版本。當由于各種原因需要將 servlet 才內(nèi)存中移去時，系統(tǒng)首先自動調(diào)用 destroy()的方法，然后進行垃圾回收。 CSS CSS，全稱 Cascading Style Sheet，級聯(lián)樣式表 [10]。在網(wǎng)頁設(shè)計中用來控制網(wǎng)頁的顯示風格，我們通過設(shè)置 CSS 文件，可以統(tǒng)一的控制 HTML 中各類標簽，包括用戶標簽和默認標簽的顯示方式，使得網(wǎng)頁的外觀得以有效的控制 [11]。 CSS 相對于傳統(tǒng)的 html，作為一種樣式設(shè)計語言，它將網(wǎng)頁表現(xiàn)與內(nèi)容分離，可以有效的對 HTML 以及 XML 等文件進行風格顯示的控制，形成精確有效的設(shè)計風格。且易于掌握易于操作 [12]。 CSS 能夠精確控制網(wǎng)頁中布局，對相對位置或絕對位置進行限制，支持很多網(wǎng)頁設(shè)計元素，用戶可對其進行交互設(shè)計，是較為完備的設(shè)計語言之一。 CSS 目前最新的版本為 CSS3， CSS3 較 CSS 的初期版本而言，開發(fā)趨勢更接近于模塊化，它將原來復(fù)雜的一個整體模塊，劃分為更加細小的模塊，從而提高開發(fā)的效率，且 CSS3 向后完全兼容。因此，在本項目中，我們主要以 CSS 的初期版本為主，以 CSS3為輔，實現(xiàn)部分網(wǎng)頁風格的設(shè)計 [13]。 JS JS，全稱 JavaScript 由 Netscape 公司開發(fā)的一種腳本語言 [14]。是一種基于對象和事件驅(qū)動并具有相對安全性的客戶端腳本語言。同時也是一種廣泛用于客戶端 Web 開發(fā)的腳本語言，常用來給 HTML 網(wǎng)頁添加動態(tài)功能。在 HTML 基礎(chǔ)上，使用 JavaScript可以開發(fā)交互式 Web 網(wǎng)頁。 JavaScript 能提高網(wǎng)頁 的互動能力 。 他可以簡化 HTML 內(nèi)容 ， 降低 下載 的 時間。 它還可以 及時 的對 用戶操作 作出回應(yīng) ， 實時的 對提交 的 表單 進行檢驗 ， 不用再因為交給 CGI 進行 驗證 而浪費時間 。 它并非 預(yù)編譯語言， 而是類腳本語言 ，它 將 代碼 直接嵌入 HTML 中， 只有當被瀏覽器讀取時 才編譯 和 執(zhí)行。 JavaScript 無單獨 運行窗口，它 所謂的 運行窗口 即瀏覽器的當前窗口 。 一個完整的 JavaScript 的組成包括： 核心（ ECMAScript）、文檔對象模型（ Document Object Model， 簡稱 DOM）、瀏覽器對象模型（ Browser Object Model，簡稱 BOM） [15][16][17]。如下圖所示： 第 2 章 相關(guān)技術(shù) 7 E C M A S c r i p tJ a v a S c r i p tD O M B O M 圖 JavaScript 組成 在本項目設(shè)計中，我們利用 JS 實現(xiàn)一些基本如彈出框等技術(shù)，相對于 JSP 要更加 方便快捷。 從 開始， 規(guī)范中加入了對過濾器（ Filter）的支持。過濾器能夠?qū)δ繕速Y源的請求和響應(yīng)進行截取。過濾器用于檢測客戶端請求和服務(wù)器的響應(yīng)是否滿足過濾器規(guī)則，同時對數(shù)據(jù)進行操作。過濾器是通常封裝了一些功能的 Web 組件，同時，支持模塊化，對功能性組件進行封裝，并對其相應(yīng)處理。過濾器具有動態(tài)的、可重用的、可移植的、模塊化的等多種優(yōu)良特性。在過濾器的實現(xiàn)中，我們需要對其進行 java類的編寫用以實現(xiàn) filter 接口，同時進行 的配置，使用 filter和 filtermapping元素對編寫的 filter 類進行注冊，并設(shè)置它所能攔截的資源。 過濾器的功能包括兩個方面： HttpServletRequest 到達 Servlet 之前，攔截客戶的 HttpServletRequest 。 根據(jù)需要檢查 HttpServletRequest ，也可以修改 HttpServletRequest 頭和數(shù)據(jù)。 在 HttpServletResponse 到達客戶端之前，攔截 HttpServletResponse 。 根據(jù)需要檢查 HttpServletResponse ，也可以修改 HttpServletResponse 頭和數(shù)據(jù)。 過濾器的工作原理 [18]： 用戶發(fā)出訪問請求后，服務(wù)器首先根據(jù)開發(fā)人員設(shè)定好的過濾規(guī)則進行篩選，若求情可通過過濾器，則直接交付請求，否則，可以對請求進行攔截，同時對請求進行修改，使其可以通過過濾器檢測，然后將更新后的請求交給服務(wù)器進行處理。此外，也可以直接攔截請求后向用戶響應(yīng)。對響應(yīng)信息也是相同的處理原理。 過濾器的工作方式分為四種， request 過濾器 、 forward 過濾器 、 include 過濾器 、 error過濾器 。在本項目中，我們主要運用其檢驗后臺用戶的登陸狀態(tài) [19][20][19]。 第 2 章 相關(guān)技術(shù) 8 jspSmartUpload jspSmartUpload 是 一個 用于 文件上傳下載組件， 它無需付費且功能全面，可以 嵌入到 JSP 文件中 ，用于完成 上傳下載操作 。 它的 特點 如下 ： 易于使用 。 僅需要 在 JSP 文件中寫 很短的 代碼就 能完成 文件的上傳 、 下載 操作 ，容易使用 。 上傳 操作是可控的 。 用 jspSmartUpload 給予 的對象 和對象的 操作方法， 我們能得到所有 上傳文件的 相關(guān)內(nèi)容 （包括文件 的 名 稱 ，大小，類型，擴展名等）， 易于存儲和獲取 。 可以限制 上傳文件 的 類型等。 這樣的話，就能過濾那些與 要求 不符的 文件。 提供 靈活 的下載 。 短短幾行 代碼，就 可以從 Web 服務(wù)器 轉(zhuǎn)換成 文件服務(wù)器。 無論 文件在 哪個 目錄下，都 能使用 jspSmartUpload 做 下載 操作 。 jspSmartUpload 組件 開源，其 Jar 包可從網(wǎng)上自由下載，進行相關(guān)配置后，即可應(yīng)用 [21]。 它主要包含以下幾個類： File 類 ： 將有關(guān) 上傳文件的 全部 信息 進行封裝 。 這樣 ， 能獲取 上傳 的 文件的 名稱 、 擴展名、大小以及 文件 相關(guān) 數(shù)據(jù)等 內(nèi)容 。 Files 類 ： 此 類 用于對全部 上傳文件的 總體進行表示 ，通過 這個類，能獲取 上傳文件的 大小和個數(shù) 等 等相關(guān)內(nèi)容 。 Request 類 ： 它 的功能 類似于 request（ JSP 的 內(nèi)置對象 ） 。 提供 這個類 的原因是對文件 的 上傳表單 來說 ，表單項 上 的 內(nèi)容無法 通過 request 來得到 ， 所以只有用jspSmartUpload 的 Request 對象 得到 。 SmartUpload 類 ： 對 核心上傳下載功能 進行負載。 jspSmartUpload組件是應(yīng)用 JSP進行 B/S程序開發(fā)過程中經(jīng)常使用的上傳下載組件，它使用簡單，方便。 在本項目中，我們主要應(yīng)用其進行文件的上傳下載功能的實現(xiàn)。該技術(shù)最大問題是往往不支持中文，出現(xiàn)亂碼現(xiàn)象，我們將針對這一問題作出改進，更好的應(yīng)用于 項目的開發(fā)。 Ckeditor Ckeditor 原名 FCKeditor，該名稱來源于開發(fā)者的名字縮寫。 它 是一個文字編輯器 ，是開源的，一般專門應(yīng)用于 網(wǎng)頁 。 Ckeditor 輕量化， 是一個 安裝 簡便 的 插件 ，應(yīng)用在 在第 2 章 相關(guān)技術(shù) 9 線編輯器 中。可以 和 ASP、 、 ColdFusion、 ABAP、 PHP、 JSP、 JavaScript 及 Java等 多種 語言結(jié)合 在一起使用 。 在使用中，由于 CKEditor 是一個 Javascript 的應(yīng)用，在前期配置成功后，我們對它的應(yīng)用只需要加載它僅需要在頁面中將它引用，同時創(chuàng)建一個 Ckeditor 實例。且 Ckeditor十分方便，它有很多參數(shù)可以自行配置，用戶可以通過設(shè)定不同的參數(shù)來設(shè)置其個性化的用戶體驗。 CKeditor 兼容絕大部分的網(wǎng)頁瀏覽器，新版的編輯器的更新包括：新的用戶界面，一個支持 Plugin 的 Javascript API，并提供對視覺障礙者的使用支持。 CK 是對 FCK 的代碼的完全重寫 [22]。新版中不包含文件瀏覽器，因此，在本項目中，我們結(jié)合舊版FCKeditor，實現(xiàn)完整的后 臺編輯以及圖片上傳功能。 JQuery JQuery 是一個優(yōu)秀的 JavaScript 框架。它是一個輕量級的 JS 庫，支持 CSS3，并兼容幾乎所有的主流瀏覽器， JQuery 使用戶能更方便地處理 HTML documents、 events、實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供 AJAX 交互。 JQuery 還有一個比較大的優(yōu)勢是，它的文檔說明很全，而且各種應(yīng)用也說得很詳細，同時還有許多成熟的插件可供選擇。JQuery[23][24]能夠使用戶的 html 頁面保持代碼和 html 內(nèi)容分離，也就是說，不用再在 html里面插入一堆 JS 來調(diào)用命令了，只需定義 id 即可。 JQuery 是免費開源的，且開發(fā)語法簡單，其實現(xiàn)的界面動態(tài)效果十分絢麗，因此深受開發(fā)人員的歡迎。 JQuery 的官方插件是 JQueryUI。開發(fā)者可以任意擴展 JQuery 的函數(shù)庫或者按照自己的需求開發(fā) UI 組件。目前網(wǎng)上已經(jīng)有數(shù)以千計的 JQuery 插件，覆蓋各種各樣的需求。例如 Ajax 輔 助、數(shù)據(jù)表格、動態(tài)列表、 XML 工具、拖曳、 cookie 處理、彈出層等等。 JQuery 的文檔說明很全，而且各種應(yīng)用也說得很詳細，同時還有許多成熟的插件可供選擇 ,比如 ComponentOne for jQuery[25][26][27][24]。 在本項目中，我們將利用 Jquery 的強大特性輕松實現(xiàn)部分新聞圖片的動態(tài)展示 [28]。 本章小結(jié) 本章中，我們對本次項目開發(fā)中所使用的主要技術(shù)，包括開發(fā)環(huán)境相關(guān)的開發(fā)工具、開發(fā)語言如 JSP、 CSS、 JQuery 等語言以及相關(guān)的核心技術(shù)如過濾器技術(shù)，以及我們所采用的插件技術(shù)進行了概要介紹。第 3 章 系統(tǒng)可行性研究及 需求分析 10 第 3 章 系統(tǒng)可行性研究及需求分析 系統(tǒng)可行性研究 當前，信息時代愈加發(fā)達，生活節(jié)奏加快，無論是工作還是生活，信息成為一個高頻度名詞。對信息的及時