1、基 于 校 園 網(wǎng) 站 的 設 計 與 實 現(xiàn) 代 大 文 宜 春 電 大 宜春電大 畢業(yè)論文 基于基于 JSPJSP 的校園網(wǎng)站的設計與實現(xiàn)的校園網(wǎng)站的設計與實現(xiàn) Design and implementation of Campus website Based on the JSP 作者姓名：代大文作者姓名：代大文 專專 業(yè)：計算機與信息技術業(yè)：計算機與信息技術 指導教師：指導教師：XXXXXX 教授教授 培養(yǎng)單位：計算機科學與技術學院培養(yǎng)單位：計算機科學與技術學院 2015 年年 11 月月 基于 JSP 的校園網(wǎng)站的設計與實現(xiàn) Design and implementation of

2、Campus website Based on the JSP 作者姓名：代大文 專業(yè)名稱：計算機與信息技術 指導教師：XX 教授 學位類別：軟件工程學士學位 未經(jīng)本論文作者的書面授權，依法收存和保管本論文書面版 本、電子版本的任何單位和個人，均不得對本論文的全部或部分 內容進行任何形式的復制、修改、發(fā)行、出租、改編等有礙作者 著作權的商業(yè)性使用（但純學術性使用不在此限） 。否則，應承 擔侵權的法律責任。 論文原創(chuàng)性聲明 本人鄭重聲明：所呈交的畢業(yè)論文，是本人在指導教師的指導下，獨 立進行研究工作所取得的成果。除文中已經(jīng)注明引用的內容外，本論文不 包含任何其他個人或集體已經(jīng)發(fā)表或撰寫過的作品成

3、果。對本文的研究做 出重要貢獻的個人和集體，均已在文中以明確方式標明。本人完全意識到 本聲明的法律結果由本人承擔。 學位論文作者簽名：代大文 日期：2015 年 11 月 6 日 摘摘 要要 基于基于 JSPJSP 的校園網(wǎng)站的設計與實現(xiàn)的校園網(wǎng)站的設計與實現(xiàn) 在信息時代飛速發(fā)展的今天，無論是企業(yè)還是學校，信息化建設都成為一個必不可 少的模塊。校園網(wǎng)站作為學校高度信息化的平臺，主要用于達到學校面向大眾的宣傳 效應以及日常校園管理中新聞的及時發(fā)布。因此，一個好的校園網(wǎng)站在提高校園日常 管理效率的同時，達到良好的宣傳效應。而怎樣利用一項新的技術構建校園網(wǎng)站，加 速學校信息化的進程，提高學校及教師的

4、工作效率，增強教育資源的管理，從而提升 學校的知名度成為我們亟待解決的一個問題。 本校園網(wǎng)站課題在對各個組織相關理論進行分析的基礎上，采用了目前應用比較 普遍的 B/S 架構，在 JSP 技術和 MySQL 數(shù)據(jù)庫管理技術的基礎上進行設計和實現(xiàn)，能 夠很好地幫助學校解決教學資源管理的許多難題。 在設計與開發(fā)過程中，我們采用 JSP 結合 CSS 以及 JavaScript 設計語言，利用 MyEclipse，以 MySql Server 為數(shù)據(jù)庫，Tomcat 為 web 服務器進行開發(fā)，網(wǎng)站為 B/S 架構，開發(fā)過程中遵循三層架構模式，較低了系統(tǒng)的復雜性，提高了系統(tǒng)的可擴展性。 我們將系統(tǒng)分

5、為前臺頁面展示和后臺管理兩大模塊，將使用對象劃分為五中用戶角 色并賦予不同級別的權限。設計過程遵循 B/S 三層架構，保證了系統(tǒng)的可擴展性，降 低了系統(tǒng)的復雜性。此外，在開發(fā)過程中，我們利用 JavaScript 實現(xiàn)動態(tài)圖片的展示， 用 JspSmartUpload 實現(xiàn)上傳下載，用 Ckeditor 實現(xiàn)后臺編輯，用過濾器實現(xiàn)非法登陸 的攔截。最后，我們通過 CSS 結合 HTML 的精心設計，在實現(xiàn)基本功能的同時，盡力 達到簡約時尚、頁面布局合理舒適，色彩清新的界面設計，在體現(xiàn)其新聞性的同時， 提高網(wǎng)站的觀賞性，讓人耳目一新。 本次網(wǎng)站的設計與實現(xiàn)過程基于對校園業(yè)務需求的深入調研。因此，

6、本網(wǎng)站系統(tǒng)涵 蓋了校園網(wǎng)站的所有基本功能。在符合需求的同時，我們實現(xiàn)了合理布局以及便捷式 的操作界面。能夠切實的推動學校適應現(xiàn)代化技術的發(fā)展，增強學校資源的利用率， 加強學校管理效率，同時提升了學校的知名度。最終，達到了研究目的并實現(xiàn)系統(tǒng)的 設計意義。 關鍵詞：關鍵詞：校園網(wǎng)站，設計與實現(xiàn)，JSP AbstractAbstract Design and implementation of Campus website based on the JSP With the rapid development of information technology today, no matter in

7、 companies or schools, informationization has already become an indispensable module. As a highly informative platform, campus website mainly used to giving full play to the wonderful propagating effect and release news in daily campus management. Therefore, a good campus website can improve the eff

8、iciency of the campus daily management and achieve good publicity effect at the same time. And how to use a new technology to build the campus website, so we can accelerate the process of school information, enhances the working efficiency, strengthen management of education resources, and finally i

9、mprove visibility of school becomes a problem that we need to be solved. This topic of campus websites is on the basis of the analysis of related theories, adopted the current popular B/S structure, and design and implementation based on JSP technology and MySQL database management technology, so it

10、 can effectively help schools to solve many problems of teaching resource management. In this design of the campus website, we use JSP, and combined with CSS, JavaScript, and develop by Myeclipse. And we use MySql Server as the database and Tomcat as a web Server for this development. Our website ad

11、opts B/S architecture, and the process of development follows the three-tier architecture model, so we have low system complexity, and we can improve the scalability of the system. Our system can be divided into front page that to show the content and background page used to manage the website. And

12、we divided user category into five user roles and give the different levels of permissions to them. To ensure the scalability of the system, and reduce the complexity of the system, the design process following B/S three layer architecture. In addition, in the development process, we use JavaScript

13、for dynamic picture display, use JspSmartUpload to realize uploads and downloads, and we implement editor in background module with Ckeditor, and also implement interception of illegal landing. Finally, we use CSS and HTML with elaborate design, so we not only realize the basic functions, but also t

14、ry our best to let our interface design has reasonable and comfortable page layout, pure and fresh colors, and contracted fashion. The website reflect the journalism and improve the look of a website, let a person find everything new and fresh. This website design realization process based on the in

15、-depth research of campus website requirements. Therefore, the system will cover all of the basic functions. In comply with the requirements, and at the same time to achieve the reasonable layout and convenient operating interface. So we can improve the efficiency of publicity and campus management.

16、 So we can promote the schools to adapt to the development of modern technology, strengthen utilization of school resource, improve the efficiencies of school management, and improve school visibility at the same time. Ultimately achieve the research purpose and realize the meaning of system design.

17、 Keywords: Campus Website, Design and Implementation, JSP 目目 錄錄 第 1 章緒 論 .1 1.1 研究背景及意義 .1 1.2 國內外發(fā)展現(xiàn)狀 .1 1.3 本文研究內容及論文組織結構 .2 第 2 章相關技術 .3 2.1 開發(fā)環(huán)境簡介 .3 2.1.1 開發(fā)工具 MyEclipse .3 2.1.2 數(shù)據(jù)庫 MySql Server 5.6.3 2.1.3 服務器 Tomcat 7.0.4 2.2 開發(fā)語言介紹 .4 2.2.1 JSP .4 2.2.2 CSS .6 2.2.3 JS .6 2.3 過濾器技術 .7 2.4 插

18、件應用技術 .8 2.4.1 jspSmartUpload .8 2.4.2 Ckeditor .9 2.4.3 JQuery .9 2.5 本章小結 .10 第 3 章系統(tǒng)可行性研究及需求分析 .11 3.1 系統(tǒng)可行性研究 .11 3.2 需求分析 .12 3.3 本章小結 .13 第 4 章系統(tǒng)設計 .14 4.1 框架設計 .14 4.2 數(shù)據(jù)庫設計 .15 4.2.1 E-R 模型.15 4.2.2 數(shù)據(jù)庫表的邏輯結構設計 .15 4.3 模塊設計 .17 4.3.1 圖片展示部分 .17 4.3.2 身份驗證及登陸認證 .18 4.3.3 要聞發(fā)布 .19 4.3.4 上傳下載設計

19、 .20 4.3.5 學校基本信息 .20 4.3.6 權限設計 .20 4.4 本章小結 .21 第 5 章系統(tǒng)的實現(xiàn)及測試 .22 5.1 系統(tǒng)實現(xiàn)環(huán)境 .22 5.2 環(huán)境配置 .22 5.2.1 Myeclipse 中 Tomcat 的配置.23 5.2.2 Myeclipse 中 Mysql 的配置.23 5.3 關鍵技術的實現(xiàn) .24 5.3.1 表單的基本操作 .24 5.3.2 數(shù)據(jù)庫的基本操作 .25 5.3.3 ckeditor .26 5.3.4 文件的上傳下載 .27 5.3.5 過濾器驗證登陸狀態(tài) .28 5.3.6 其他關鍵技術 .29 5.4 系統(tǒng)測試 .30 5

20、.4.1 軟硬件環(huán)境測試 .30 5.4.2 性能測試 .30 5.4.3 功能測試 .31 5.4.4 功能測試界面呈現(xiàn) .32 5.5 本章小結 .37 第 6 章 工作總結與研究展望 .38 6.1 工作總結 .38 6.2 研究展望 .38 參考文獻 .39 作者簡介及在學期間所取得的科研成果 .42 致 謝 .43 第第 1 1 章章緒緒 論論 1.1.1 1 研究背景研究背景及意義及意義 隨著信息技術的飛速發(fā)展，互聯(lián)網(wǎng)走入千家萬戶，正在逐步深刻地影響著我們的 工作及學習的方方面面，現(xiàn)如今，它已深入到大家的日常生活當中，成為人們交互信 息的重要渠道。網(wǎng)站是互聯(lián)網(wǎng)興起后，人們交互信息的

21、重要途徑，它能夠實現(xiàn)信息的 發(fā)布、傳遞以及獲取。學校網(wǎng)站的建立，有利于學校信息的公布，是學校的運作公正 公開，逐步實現(xiàn)透明化，同時，有助于學生與老師、學生與學生之間的溝通。校園網(wǎng) 站的出現(xiàn)為學校管理帶來了一種嶄新的模式，促進了舊式學校管理方法的改革。 伴隨著信息時代的來臨，舊式的學校管理將面臨全新的變革。舊式的學校組織機 構被改革成一個網(wǎng)絡系統(tǒng)，使得學校的管理趨于簡化，效率得到了空前提高。 在當今社會，傳統(tǒng)的“教師講授，學生學習”的模式已經(jīng)被“以學生為主，以教 師為輔”的新式教學模式所代替。隨著新式教育理論的不斷完善，越來越多的信息資 源由校園網(wǎng)站所提供。校園網(wǎng)站能夠為師生提供交流信息和資源共

22、享的平臺，能夠提 高學校的教育水平和科研能力。因此，校園網(wǎng)站的建設不僅響應國家教育文件的精神， 還能為全校師生提供一個溝通交流的平臺 在因特網(wǎng)飛速發(fā)展的今天，目前我們亟待解決的一個問題是：怎樣利用一項新的 技術構建校園網(wǎng)站，加速學校信息化的進程，提高學校及教師的工作效率，增強教育 資源的管理，從而提升學校的知名度。該系統(tǒng)需要多方面考慮每一個用戶的使用。 本校園網(wǎng)站課題在對各個組織相關理論進行分析的基礎上，采用了目前應用比較 普遍的 B/S 架構，在 JSP 技術和 MySQL 數(shù)據(jù)庫管理技術的基礎上進行設計和實現(xiàn)，能 夠很好地幫助學校解決教學資源管理的許多難題 Error! Reference

23、 source not found.。 本課題的研究意義表現(xiàn)在以下幾個方面：其一，推動學校適應現(xiàn)代化技術的發(fā)展， 其二，增強學校資源利用率，其三，加強學校管理，其四，提升學校的知名度。考慮 到以上四點原因，我選擇本課題作為畢設的題目。 1.21.2 國內外發(fā)展現(xiàn)狀國內外發(fā)展現(xiàn)狀 隨著因特網(wǎng)技術的高速發(fā)展，校園網(wǎng)站的建設在國內外各個學校受到越來越多的 重視。在當今這樣一個數(shù)字化時代，校園建的數(shù)字化成為一個大趨勢 Error! Reference source not found.。 在國內，我國因特網(wǎng)技術起步較晚，但發(fā)展速度卻絲毫不亞于國外。從整體來看， 校園網(wǎng)站的完全實用化仍處于發(fā)展階段。但是

24、仍然有一部分學校擁有世界眼光，較早 開始運用互聯(lián)網(wǎng)并且已經(jīng)具備一定的基礎。最近幾年，因特網(wǎng)在國內發(fā)展速度之快已 經(jīng)完全超出想像，各個教育網(wǎng)站相機發(fā)展起來。從發(fā)達國家在教育數(shù)字化方面所走過 的歷程來看，學校網(wǎng)站的建設是教育數(shù)字化的必經(jīng)之路，其中網(wǎng)絡技術為其提供了簡 便的平臺，使得校園網(wǎng)站的建設勢如破竹。 在國外，校園網(wǎng)站建設開展得很早，但從起點說，就已經(jīng)遠遠超過國內水平，普 及率之快之廣讓人難以相信。在歐美國家，國家對校園網(wǎng)站的建設投資巨大，各學校 開始對校園進行數(shù)字化發(fā)展。在美國，許多大學都都擁有自己健全的校園網(wǎng)站，此外， 中小學也在充分普及這一理念 Error! Reference sour

25、ce not found.。 1.31.3 本文研究內容及論文組織結構本文研究內容及論文組織結構 本課題的研究圍繞以下方面開展： 熟悉 MyEclipse+MySql Server+Tomcat 的開發(fā)環(huán)境，熟悉 JSP、CSS、HTML、JavaScript 開發(fā)語言。 涵蓋校園網(wǎng)站的基本功能，包括網(wǎng)站的實時新聞發(fā)布、文件的上傳下載、新聞 圖片的自動切換等。同時，實現(xiàn)完整的后臺管理界面。包括用戶身份驗證，登 陸狀態(tài)認證、功能模塊維護等。 采用 B/S 模式以及三層設計架構實現(xiàn)代碼，降低系統(tǒng)復雜度并提高可擴展性， 且實現(xiàn)易維護性。 通過網(wǎng)頁頁面的 CSS 設計等，盡力達到簡約時尚、頁面布局合理

26、舒適，色彩清 新的界面設計。 論文組織結構如下： 第一章 緒論。闡述系統(tǒng)的研究背景，對國內外研究現(xiàn)狀進行調研，介紹本文的主 要研究工作。 第二章 相關技術分析。介紹我們所采用的主要技術以及核心實現(xiàn)技術。 第三章 系統(tǒng)可行性研究及需求分析。對系統(tǒng)需求進行概要說明，并分析其可行性。 第四章 系統(tǒng)設計。包括系統(tǒng)整體架構的分析設計以及數(shù)據(jù)庫設計，同時介紹幾種 主要的系統(tǒng)設計模式。 第五章 系統(tǒng)實現(xiàn)及測試。對網(wǎng)站開發(fā)的軟硬件環(huán)境需求進行說明，著重介紹該網(wǎng) 站實現(xiàn)的關鍵技術。 第六章 總結與展望。對本次網(wǎng)站開發(fā)進行總結并規(guī)劃進一步研究方向。 第第 2 2 章章相關技術相關技術 2.12.1 開發(fā)環(huán)境簡介開

27、發(fā)環(huán)境簡介 本項目中，我們主要采用 JAVA+JSP 開發(fā)為主，結合 HTML+CSS 進行網(wǎng)頁布局 的設計，并適當利用 JavaScript 以及 JQuery 實現(xiàn)某些特定功能。因此，根據(jù)項目采用 的開發(fā)語言，為提高項目開發(fā)效率，我們決定利用 My Eclipse 進行開發(fā)，數(shù)據(jù)庫采用 開源的 MySQL，并配合使用 Tomcat 服務器，構成本項目完整的開發(fā)環(huán)境。以下為開 發(fā)環(huán)境的概要介紹。 .1 開發(fā)工具開發(fā)工具 MyEclipseMyEclipse My Eclipse 是用于開發(fā) Java、J2EE 的一個優(yōu)秀的 Eclipse 插件集合，廣泛支持各種 開源的產(chǎn)品。

28、幾乎囊括所有 Eclipse 支持的產(chǎn)品，因此備受青睞。 MyEclipse Enterprise Workbench 是對 EclipseIDE 的擴展，支持 HTML、Structs、JSP、CSS、Javascipt 等等 Error! Reference source not found.Error! Reference source not found. ，因此我們可以利用其在數(shù)據(jù)庫和 JAVAEE 開發(fā)、發(fā)布以及 WEB 應用程序服務 的整合方面大大的提高工作效率，并利用它們的完美結合，最終設計出令人難以置信 的用戶界面以及絢麗的動畫效果。 本項目中，我們主要采用 MyEclips

29、e8.6 版本進行開發(fā)。其仍然選擇 Eclipse3.5.2 作 為核心，但 8.6 的版本在 8.5 之上進行了很大的改進。MyEclipse 8.6 的重點是進一步簡 化基于標準應用程序對后端平臺 Spring 框架的支持，包括 Spring MVC、Spring Web Flow、iPhone Web 應用程序、谷歌 Web 工具包（GWT）和 Adobe Flex，支持最新版 本 Apache Tomcat，支持 Structs2 并加載模塊的自定義功能。各方面的特性都更有利于 大大提高 Web 項目的開發(fā)。因此，我們采用 MyEclipse8.6 版本進行開發(fā)。 .2

30、 數(shù)據(jù)庫數(shù)據(jù)庫 MySqlMySql ServerServer 5.65.6 MySQL 由瑞迪的 MySQL AB 公司開發(fā)，屬于 Oracle 公司，是一種關系型數(shù)據(jù)庫 管理系統(tǒng)，即將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個大倉庫內，這樣 的特點是得數(shù)據(jù)庫的速率增大并提高了靈活性。MySQL 的 SQL 語言為訪問數(shù)據(jù)庫的 的最常用標準化語言。MySQL 由于其特性開源，且它的體積小、速度快、總體擁有成 本低，同時，MySQL 使用了多種編譯器進行測試，保證了源代碼的可移植性，提供多 接口，廣泛支持各種編程語言，兼容性良好，提高 TCP/IP、ODBC、JDBC 等多種數(shù)據(jù) 庫接入方

31、式，同時也支持大型數(shù)據(jù)庫，支持多種存儲引擎，并有豐富的擴展功能。因 此，一般中小型的網(wǎng)站，因其超高的性價比，往往會選擇采用 MySQL 作為網(wǎng)站的數(shù)據(jù) 庫。 在本項目中，我們采用了 MySql Server5.6，同時為了開發(fā)便捷，我們采用了官方 提供的圖形化管理界面 MySQL Workbench 5.2CE。在最新的 5.6 版本中，數(shù)據(jù)庫的可 擴展性、集成度以及查詢性能都會得到提升。新增功能包括實現(xiàn)全文搜索，開發(fā)者可 以通過 InnoDB 存儲引擎列表進行索引和搜索基于文本的信息；InnoDB 重寫日志文件 容量也增至 2TB，能夠提升寫密集型應用程序的負載性能；加速 MySQL 復制

32、Error! Reference source not found.Error! Reference source not found.Error! Reference source not found.；提供新的編程接口， 使用戶可以將 MySQL 與新的和原有的應用程序以及數(shù)據(jù)存儲無縫集成。 .3 服務器服務器 TomcatTomcat 7.07.0 Tomcat 是 Apache 軟件基金會的 Jakarta 項目中的一個核心項目，由 Apache、Sun 和其他一些公司及個人共同開發(fā)而成。由于有了 Sun 的參與和支持，最新的 Servlet 和 JSP 規(guī)范總是能在

33、Tomcat 中得到體現(xiàn)，Tomcat 5 版本之后開始支持最新的 Servlet 2.4 和 JSP 2.0 規(guī)范。Tomcat 技術先進、性能穩(wěn)定，且是免費開放源代碼的 Web 應用 服務器，成為目前比較流行的 Web 應用服務器。目前最新版本是 7.0。此外，Tomcat 運行時占用系統(tǒng)資源少，且擴展性良好，支持 WEB 開發(fā)幾乎所有的常用應用功能，且 處于不斷更新和進步之中，屬于輕量級 WEB 應用服務器。 Tomcat5 版本之后支持最新的 JSP 規(guī)范。本項目的開發(fā)基于 JSP，為了使得 JSP 能 夠更好的和 Tomcat 進行契合，我們選擇 Tomcat7 的一個重要原因是，T

34、omcat7.x 版本 在 6.0 的基礎上實現(xiàn)了對于 Servlet 3.0、JSP 2.2 和 EL 2.2 等特性的支持。且在 WEB 開 發(fā)方面得到了進一步的改善，如 支持 Web 應用內存溢出偵測和預防，支持 web 應用 中的外部內容的直接引用等等 Error! Reference source not found.。 2.22.2 開發(fā)語言介紹開發(fā)語言介紹 .1 JSPJSP JSP 全稱 Java server pages。是一種動態(tài)網(wǎng)頁技術的標準。該技術用于在傳統(tǒng)的靜態(tài) 網(wǎng)頁 HTML 中加入 JSP 標記和 JS（JavaScript）Error! Refe

35、rence source not found.Error! Reference source not found.，其中 Java 片段用于實現(xiàn)數(shù)據(jù)的發(fā)送和交互等操作，所有的操作都集成在服務 器端進行，這樣使得客戶端免去了對 JAVA 等技術支持的要求，只需要具備主流瀏覽 器即可方便的訪問 JSP 頁面，從而更好實現(xiàn)網(wǎng)頁功能。JSP 為跨平臺設計，兼容各類主 流的操作系統(tǒng)，有良好的移植性 Error! Reference source not found.。 JSP 本質相當于一個 Servlet，它利用標記將 java 片段擴展至 html 中，當頁 面請求發(fā)送到服務器端后，服務器對 jav

36、a 片段進行動態(tài)處理，即封裝了動態(tài)邏輯的處 理，最終解析形成一個靜態(tài)的 html 頁面發(fā)回客戶端，從而滿足客戶瀏覽各類網(wǎng)頁的需 求。 自從 JSP 推出，目前已具備多種優(yōu)良特性。JSP 將其內容的顯示與生成分離，依賴 可重用性、跨平臺組件，適應各類平臺，移植性良好，并支持眾多的數(shù)據(jù)庫連接接口。 由于其開發(fā)特性廣受歡迎，迅速得到各大公司的支持，因此，JSP 形成了商業(yè)應用的服 務器開發(fā)語言主流。 JSP 的運行機制如下圖所示 Error! Reference source not found.Error! Reference source not found.： 客 戶 端 請求JSP頁面 返返

37、回回響響應應 JSP文件 請求JSP頁面 JSP容器 Servlet文件（.java） Class文件（.class） Servlet實例 轉換 （Translation） 編譯（javac） 執(zhí)行 圖 2.1 JSP 文件的執(zhí)行過程 JSP 的工作原理：當 web 容器(tomcat、jboss 等等)接收到用戶的第一個 JSP 頁面請 求時，JSP 引擎將這個 JSP 頁面轉換為 java 源代碼(servlet 類)，在轉換過程中，如果發(fā) 現(xiàn) JSP 文件有任何的語法錯誤，轉換過程將終止，并向服務器和客戶端輸出錯誤信息， 如果轉換成功，然后 JSP 引擎用 javac 編譯 java 源

38、代碼生成 class 文件，然后 web 容器 加載 class 文件并從此創(chuàng)建一個新的 servlet 對象進行實例化，當 Servlet 類實例化后， 容器加載 jsinit，以通知 servlet 它已進入服務行列。然后 JSP Service()方法被調用來 處理客戶端的請求。 Container 根據(jù)客戶端的請求創(chuàng)建響應文檔，并發(fā)送給客戶端。當該請求被再次發(fā) 出時，在 class 存在的期限內，container 會再次重復生成過程。但當類文件被用戶刪除 后，JSP 文件被重新加載，新生成的響應文檔被發(fā)送給用戶。若多用戶申請訪問，則 Jsp 引擎會處理與請求數(shù)相同的多線程。多線程模式

39、可以提高效率，提高吞吐量以及反 應速率。服務器會檢測 JSP 文件的更新狀況并決定是否重新加載，若需要，則將最新 結果替代原有版本。當由于各種原因需要將 servlet 才內存中移去時，系統(tǒng)首先自動調 用 destroy()的方法，然后進行垃圾回收。 .2 CSSCSS CSS，全稱 Cascading Style Sheet，級聯(lián)樣式表 Error! Reference source not found.。在網(wǎng)頁設 計中用來控制網(wǎng)頁的顯示風格，我們通過設置 CSS 文件，可以統(tǒng)一的控制 HTML 中各 類標簽，包括用戶標簽和默認標簽的顯示方式，使得網(wǎng)頁的外觀得以有效的控制 E

40、rror! Reference source not found.。 CSS 相對于傳統(tǒng)的 html，作為一種樣式設計語言，它將網(wǎng)頁表現(xiàn)與內容分離，可 以有效的對 HTML 以及 XML 等文件進行風格顯示的控制，形成精確有效的設計風格。 且易于掌握易于操作 Error! Reference source not found.。CSS 能夠精確控制網(wǎng)頁中布局，對相對 位置或絕對位置進行限制，支持很多網(wǎng)頁設計元素，用戶可對其進行交互設計，是較 為完備的設計語言之一。 CSS 目前最新的版本為 CSS3， CSS3 較 CSS 的初期版本而言，開發(fā)趨勢更接近于 模塊化，它將原來復雜的一個整體模塊，

41、劃分為更加細小的模塊，從而提高開發(fā)的效 率，且 CSS3 向后完全兼容。因此，在本項目中，我們主要以 CSS 的初期版本為主， 以 CSS3 為輔，實現(xiàn)部分網(wǎng)頁風格的設計 Error! Reference source not found.。 .3 JSJS JS，全稱 JavaScript 由 Netscape 公司開發(fā)的一種腳本語言 Error! Reference source not found.。是一種基于對象和事件驅動并具有相對安全性的客戶端腳本語言。同時也是一 種廣泛用于客戶端 Web 開發(fā)的腳本語言，常用來給 HTML 網(wǎng)頁添加動態(tài)功能。在 HTML 基礎上，使

42、用 JavaScript 可以開發(fā)交互式 Web 網(wǎng)頁。JavaScript 能提高網(wǎng)頁的 互動能力。他可以簡化 HTML 內容，降低下載的時間。它還可以及時的對用戶操作作 出回應，實時的對提交的表單進行檢驗，不用再因為交給 CGI 進行驗證而浪費時間。 它并非預編譯語言，而是類腳本語言，它將代碼直接嵌入 HTML 中，只有當被瀏覽器 讀取時才編譯和執(zhí)行。JavaScript 無單獨運行窗口，它所謂的運行窗口即瀏覽器的當前 窗口。 一個完整的 JavaScript 的組成包括：核心（ECMAScript） 、文檔對象模型 （Document Object Model，簡稱 DOM） 、瀏覽器對

43、象模型（Browser Object Model，簡 稱 BOM）Error! Reference source not found.Error! Reference source not found.Error! Reference source not found.。如下 圖所示： ECMAScript JavaScript DOMBOM 圖 2.2 JavaScript 組成 在本項目設計中，我們利用 JS 實現(xiàn)一些基本如彈出框等技術，相對于 JSP 要更加 方便快捷。 2.2.3 3 過濾器技術過濾器技術 從 J2EE1.3 開始，Servlet2.3 規(guī)范中加入了對過濾器（Filte

44、r）的支持。過濾器能夠 對目標資源的請求和響應進行截取。過濾器用于檢測客戶端請求和服務器的響應是否 滿足過濾器規(guī)則，同時對數(shù)據(jù)進行操作。過濾器是通常封裝了一些功能的 Web 組件， 同時，支持模塊化，對功能性組件進行封裝，并對其相應處理。過濾器具有動態(tài)的、 可重用的、可移植的、模塊化的等多種優(yōu)良特性。在過濾器的實現(xiàn)中，我們需要對其 進行 java 類的編寫用以實現(xiàn) filter 接口，同時進行 web.xml 的配置，使用和 元素對編寫的 filter 類進行注冊，并設置它所能攔截的資源。 過濾器的功能包括兩個方面： 1、 HttpServletRequest 到達 Servlet 之前，攔截

45、客戶的 HttpServletRequest 。 根 據(jù)需要檢查 HttpServletRequest ，也可以修改 HttpServletRequest 頭和數(shù)據(jù)。 2、 在 HttpServletResponse 到達客戶端之前，攔截 HttpServletResponse 。 根據(jù)需 要檢查 HttpServletResponse ，也可以修改 HttpServletResponse 頭和數(shù)據(jù)。 過濾器的工作原理 Error! Reference source not found.： 用戶發(fā)出訪問請求后，服務器首先根據(jù)開發(fā)人員設定好的過濾規(guī)則進行篩選，若 求情可通過過濾器，則直接交付請求

46、，否則，可以對請求進行攔截，同時對請求進行 修改，使其可以通過過濾器檢測，然后將更新后的請求交給服務器進行處理。此外， 也可以直接攔截請求后向用戶響應。對響應信息也是相同的處理原理。 過濾器的工作方式分為四種，request 過濾器、forward 過濾器、include 過濾器、 error 過濾器。在本項目中，我們主要運用其檢驗后臺用戶的登陸狀態(tài) Error! Reference source not found.Error! Reference source not found.Error! Reference source not found.。 2.42.4 插件應用技術插件應用技術

47、 .1 jspSmartUploadjspSmartUpload jspSmartUpload 是一個用于文件上傳下載組件，它無需付費且功能全面，可以嵌入 到 JSP 文件中，用于完成上傳下載操作。它的特點如下： 1、 易于使用。僅需要在 JSP 文件中寫很短的代碼就能完成文件的上傳、下載操作， 容易使用。 2、 上傳操作是可控的。用 jspSmartUpload 給予的對象和對象的操作方法，我們能 得到所有上傳文件的相關內容（包括文件的名稱，大小，類型，擴展名等） ， 易于存儲和獲取。 3、 可以限制上傳文件的類型等。這樣的話，就能過濾那些與要求不符的文件。 4、 提供靈活的

48、下載。短短幾行代碼，就可以從 Web 服務器轉換成文件服務器。 無論文件在哪個目錄下，都能使用 jspSmartUpload 做下載操作。 jspSmartUpload 組件開源，其 Jar 包可從網(wǎng)上自由下載，進行相關配置后，即可應 用 Error! Reference source not found.。 它主要包含以下幾個類： 1、 File 類類：將有關上傳文件的全部信息進行封裝。這樣，能獲取上傳的文件的名 稱、擴展名、大小以及文件相關數(shù)據(jù)等內容。 2、 Files 類類：此類用于對全部上傳文件的總體進行表示，通過這個類，能獲取上 傳文件的大小和個數(shù)等等相關內容。 3、 Request

49、 類類：它的功能類似于 request（JSP 的內置對象） 。提供這個類的原因 是對文件的上傳表單來說，表單項上的內容無法通過 request 來得到，所以只 有用 jspSmartUpload 的 Request 對象得到。 4、 SmartUpload 類類：對核心上傳下載功能進行負載。 jspSmartUpload 組件是應用 JSP 進行 B/S 程序開發(fā)過程中經(jīng)常使用的上傳下載組件， 它使用簡單，方便。在本項目中，我們主要應用其進行文件的上傳下載功能的實現(xiàn)。 該技術最大問題是往往不支持中文，出現(xiàn)亂碼現(xiàn)象，我們將針對這一問題作出改進， 更好的應用于項目的開發(fā)。 .2

50、CkeditorCkeditor Ckeditor 原名 FCKeditor，該名稱來源于開發(fā)者的名字縮寫。它是一個文字編輯器， 是開源的，一般專門應用于網(wǎng)頁。Ckeditor 輕量化，是一個安裝簡便的插件，應用在在 線編輯器中。可以和 ASP、ASP.NET、ColdFusion、ABAP、PHP、JSP、JavaScript 及 Java 等多種語言結合在一起使用。 在使用中，由于 CKEditor 是一個 Javascript 的應用，在前期配置成功后，我們對 它的應用只需要加載它僅需要在頁面中將它引用，同時創(chuàng)建一個 Ckeditor 實例。且 Ckeditor 十分方便，它有很多參數(shù)可

51、以自行配置，用戶可以通過設定不同的參數(shù)來設置 其個性化的用戶體驗。 CKeditor 兼容絕大部分的網(wǎng)頁瀏覽器，新版的編輯器的更新包括：新的用戶界面， 一個支持 Plug-in 的 Javascript API，并提供對視覺障礙者的使用支持。CK 是對 FCK 的 代碼的完全重寫 Error! Reference source not found.。新版中不包含文件瀏覽器，因此，在本項目 中，我們結合舊版 FCKeditor，實現(xiàn)完整的后臺編輯以及圖片上傳功能。 .3 JQueryJQuery JQuery 是一個優(yōu)秀的 JavaScript 框架。它是一個輕量級的 JS 庫，

52、支持 CSS3，并兼 容幾乎所有的主流瀏覽器，JQuery 使用戶能更方便地處理 HTML documents、events、 實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供 AJAX 交互。JQuery 還有一個比較大的優(yōu)勢是， 它的文檔說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件可供選擇。 JQueryError! Reference source not found.Error! Reference source not found.能夠使用戶的 html 頁面保持代碼 和 html 內容分離，也就是說，不用再在 html 里面插入一堆 JS 來調用命令了，只需定 義 id 即可。 J

53、Query 是免費開源的，且開發(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 的文檔說明很全，而且各種應用也說得很詳細，同 時還有許多成熟的插件可供選擇,比如 ComponentOne for jQueryError! Reference source not found.E

54、rror! Reference source not found.Error! Reference source not found.Error! Reference source not found.。 在本項目中，我們將利用 Jquery 的強大特性輕松實現(xiàn)部分新聞圖片的動態(tài)展示 Error! Reference source not found.。 2.52.5 本章小結本章小結 本章中，我們對本次項目開發(fā)中所使用的主要技術，包括開發(fā)環(huán)境相關的開發(fā)工 具、開發(fā)語言如 JSP、CSS、JQuery 等語言以及相關的核心技術如過濾器技術，以及我 們所采用的插件技術進行了概要介紹。 第第 3

55、3 章章系統(tǒng)可行性研究及需求分析系統(tǒng)可行性研究及需求分析 3.13.1 系統(tǒng)可行性研究系統(tǒng)可行性研究 當前，信息時代愈加發(fā)達，生活節(jié)奏加快，無論是工作還是生活，信息成為一個 高頻度名詞。對信息的及時發(fā)布以及掌握無論在系統(tǒng)流程、工作調控還是日常生活， 都至關重要。因此，作為知識普及的前沿和陣地，一個及時、完整的新聞發(fā)布以及學 校信息對外公開的平臺十分重要。人們需要通過這樣一個平臺來獲得學校的及時動態(tài)， 掌握入學信息；學生需要這樣一個平臺來掌握每日的教學動態(tài)以及學校新聞；教師需 要這樣一個平臺來展示風采，高談闊論；學校更需要這樣一個平臺來上傳下達，宣揚 教學理念，吸引生源。因此，我們需要建設一個基

56、本功能完備，易于操作，界面簡潔 干凈、靈活易管理的校園網(wǎng)站，從而促進校園信息的及時更新與發(fā)布，提高學校的信 息化管理水平 Error! Reference source not found.。 經(jīng)調查分析，本文得出結論，建立一個校園網(wǎng)站是可行且必要的，具體表現(xiàn)為以 下幾點 Error! Reference source not found.Error! Reference source not found.： （1）校園網(wǎng)站的建設有利于現(xiàn)代化人才的培養(yǎng) 近年來，許多學校進行了外在模式上的變革，但教育模式的本質絲毫沒有動搖， 依舊是老師主動傳授、學生被動接受的舊式教育模式。學生的獨立思考能力以及

57、創(chuàng)造 性思維被扼殺，阻礙了學生性格及能力的發(fā)展，這對于學生是毫無益處可言的。而校 園網(wǎng)的建設，有利于營造美好的校園文化氛圍，增加了學校的創(chuàng)新優(yōu)勢。考慮到學校 的人才培養(yǎng)以及長遠發(fā)展，建設校園網(wǎng)站是可行且必要的。 （2）校園網(wǎng)站提供了新式教學、科研平臺 教學和科研是學校的兩大核心工作，提高教師的教育和科研能力是增強學校競爭 力的關鍵。但是以目前情況看，許多年輕教師雖具備所需理論知識，但實際教學和科 研經(jīng)驗略顯缺乏，而一些資深教師卻具備豐富的實踐經(jīng)驗，所以，可以通過校園網(wǎng)站， 為各位教師提供交流平臺，使教師能力穩(wěn)步協(xié)調發(fā)展。 （3）校園網(wǎng)站提高學習資源的利用率 在互聯(lián)網(wǎng)的眾多資源中，搜索有用的教育

58、教學信息以及學習資源是費時費力地， 對于教師，如果有海量的有序資源作為支持，就會把備課、講課、課后作業(yè)等各種環(huán) 節(jié)輕松高效的完成；對于學生，海量的有序資源能夠培養(yǎng)學生的關注自身有關信息的 責任感，培養(yǎng)學生獲取信息以及分析、解決問題的能力。因此，提高學習資源的利用 率，對學校的長遠發(fā)展有深遠的意義 Error! Reference source not found.。 （4）校園網(wǎng)站有利于進行招生宣傳 校園網(wǎng)站是學校與外界的溝通窗口，尤其在招生方面，能夠顯示出校園網(wǎng)的重大 作用。利用校園網(wǎng)站發(fā)布招生信息，可以在提高學校知名度的基礎上，加大招生宣傳 力度。 3.23.2 需求分析需求分析 校園網(wǎng)站

59、作為學校高度信息化的平臺，主要用于達到學校面向大眾的宣傳效應以 及日常校園管理中新聞的及時發(fā)布。校園網(wǎng)站的主要面向對象為待入學的家庭以及在 校師生，因此，一個好的校園網(wǎng)站，需要實現(xiàn)基本功能完備，簡約時尚、頁面布局合 理舒適，色彩清新的界面設計，同時體現(xiàn)其新聞性和觀賞性，讓人耳目一新。 通過分析，初步分析校園網(wǎng)站各個模塊如下：首先通過校園網(wǎng)站的“學校概況” 、 “師資隊伍” 、 “人才培養(yǎng)”等模塊對學校進行大力宣傳，不斷加深社會大眾對學校的 了解，使學校逐步趨向專業(yè)化和知名化；其次借助于這一平臺的“人才培養(yǎng)” 、 “學生 教育”等模塊，使各位老師重新認識教育的意義，擺脫完全應試教育這一落伍的理念

60、， 采用現(xiàn)代教育模式進行人才培養(yǎng)，提高教師的教學水平；再次，通過“學生天地”模 塊，為學生提供一個展示自我的平臺，針對學校學生的特點，充分調動學生的積極性， 以提高學生的學習效果，豐富學生的課余生活；最后，利用“下載中心”模塊，為教 師和學生提供學習及教學資料，為教師提供良好的教學環(huán)境，并且為學生提供良好的 學習環(huán)境。其主要功能需求如下所示： 學校基本信息的查詢； 實時新聞的發(fā)布； 新聞圖片展示； 制度政策文件的上傳下載； 后臺維護。 （1）學校基本信息的查詢 包括學校概況、師資隊伍、人才培養(yǎng)、黨團建設四部分內容的展示。其中學校概 況包括學校簡介、校長簡介、學校創(chuàng)始人、現(xiàn)任領導、組織機構、職工