基于JSP的校園網(wǎng)站的設(shè)計與實現(xiàn)論文

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

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

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

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

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

6、本網(wǎng)站系統(tǒng)涵 蓋了校園網(wǎng)站的所有基本功能。在符合需求的同時，我們實現(xiàn)了合理布局以及便捷式 的操作界面。能夠切實的推動學(xué)校適應(yīng)現(xiàn)代化技術(shù)的發(fā)展，增強學(xué)校資源的利用率， 加強學(xué)校管理效率，同時提升了學(xué)校的知名度。最終，達到了研究目的并實現(xiàn)系統(tǒng)的 設(shè)計意義。 關(guān)鍵詞：關(guān)鍵詞：校園網(wǎng)站，設(shè)計與實現(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 國內(nèi)外發(fā)展現(xiàn)狀 .1 1.3 本文研究內(nèi)容及論文組織結(jié)構(gòu) .2 第 2 章相關(guān)技術(shù) .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 服務(wù)器 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 過濾器技術(shù) .7 2.4 插

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

19、 .20 4.3.5 學(xué)?；拘畔?.20 4.3.6 權(quán)限設(shè)計 .20 4.4 本章小結(jié) .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 關(guān)鍵技術(shù)的實現(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 其他關(guān)鍵技術(shù) .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 本章小結(jié) .37 第 6 章 工作總結(jié)與研究展望 .38 6.1 工作總結(jié) .38 6.2 研究展望 .38 參考文獻 .39 作者簡介及在學(xué)期間所取得的科研成果 .42 致 謝 .43 第第 1 1 章章緒緒 論論 1.1.1 1 研究背景研究背景及意義及意義 隨著信息技術(shù)的飛速發(fā)展，互聯(lián)網(wǎng)走入千家萬戶，正在逐步深刻地影響著我們的 工作及學(xué)習(xí)的方方面面，現(xiàn)如今，它已深入到大家的日常生活當(dāng)中，成為人們交互信 息的重要渠道。網(wǎng)站是互聯(lián)網(wǎng)興起后，人們交互信息的

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

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

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

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

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

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

27、發(fā)環(huán)境簡介 本項目中，我們主要采用 JAVA+JSP 開發(fā)為主，結(jié)合 HTML+CSS 進行網(wǎng)頁布局 的設(shè)計，并適當(dāng)利用 JavaScript 以及 JQuery 實現(xiàn)某些特定功能。因此，根據(jù)項目采用 的開發(fā)語言，為提高項目開發(fā)效率，我們決定利用 My Eclipse 進行開發(fā)，數(shù)據(jù)庫采用 開源的 MySQL，并配合使用 Tomcat 服務(wù)器，構(gòu)成本項目完整的開發(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 應(yīng)用程序服務(wù) 的整合方面大大的提高工作效率，并利用它們的完美結(jié)合，最終設(shè)計出令人難以置信 的用戶界面以及絢麗的動畫效果。 本項目中，我們主要采用 MyEclips

29、e8.6 版本進行開發(fā)。其仍然選擇 Eclipse3.5.2 作 為核心，但 8.6 的版本在 8.5 之上進行了很大的改進。MyEclipse 8.6 的重點是進一步簡 化基于標(biāo)準(zhǔn)應(yīng)用程序?qū)蠖似脚_ Spring 框架的支持，包括 Spring MVC、Spring Web Flow、iPhone Web 應(yīng)用程序、谷歌 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 公司，是一種關(guān)系型數(shù)據(jù)庫 管理系統(tǒng)，即將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個大倉庫內(nèi)，這樣 的特點是得數(shù)據(jù)庫的速率增大并提高了靈活性。MySQL 的 SQL 語言為訪問數(shù)據(jù)庫的 的最常用標(biāo)準(zhǔn)化語言。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，能夠提升寫密集型應(yīng)用程序的負載性能；加速 MySQL 復(fù)制

32、Error! Reference source not found.Error! Reference source not found.Error! Reference source not found.；提供新的編程接口， 使用戶可以將 MySQL 與新的和原有的應(yīng)用程序以及數(shù)據(jù)存儲無縫集成。 .3 服務(wù)器服務(wù)器 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 技術(shù)先進、性能穩(wěn)定，且是免費開放源代碼的 Web 應(yīng)用 服務(wù)器，成為目前比較流行的 Web 應(yīng)用服務(wù)器。目前最新版本是 7.0。此外，Tomcat 運行時占用系統(tǒng)資源少，且擴展性良好，支持 WEB 開發(fā)幾乎所有的常用應(yīng)用功能，且 處于不斷更新和進步之中，屬于輕量級 WEB 應(yīng)用服務(wù)器。 Tomcat5 版本之后支持最新的 JSP 規(guī)范。本項目的開發(fā)基于 JSP，為了使得 JSP 能 夠更好的和 Tomcat 進行契合，我們選擇 Tomcat7 的一個重要原因是，T

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

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

36、a 片段進行動態(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 的運行機制如下圖所示 Error! Reference source not found.Error! Reference source not found.： 客 戶 端 請求JSP頁面 返返

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

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

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

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

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

42、用 JavaScript 可以開發(fā)交互式 Web 網(wǎng)頁。JavaScript 能提高網(wǎng)頁的 互動能力。他可以簡化 HTML 內(nèi)容，降低下載的時間。它還可以及時的對用戶操作作 出回應(yīng)，實時的對提交的表單進行檢驗，不用再因為交給 CGI 進行驗證而浪費時間。 它并非預(yù)編譯語言，而是類腳本語言，它將代碼直接嵌入 HTML 中，只有當(dāng)被瀏覽器 讀取時才編譯和執(zhí)行。JavaScript 無單獨運行窗口，它所謂的運行窗口即瀏覽器的當(dāng)前 窗口。 一個完整的 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 組成 在本項目設(shè)計中，我們利用 JS 實現(xiàn)一些基本如彈出框等技術(shù)，相對于 JSP 要更加 方便快捷。 2.2.3 3 過濾器技術(shù)過濾器技術(shù) 從 J2EE1.3 開始，Servlet2.3 規(guī)范中加入了對過濾器（Filte

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

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

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

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

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

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

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

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

52、支持 CSS3，并兼 容幾乎所有的主流瀏覽器，JQuery 使用戶能更方便地處理 HTML documents、events、 實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供 AJAX 交互。JQuery 還有一個比較大的優(yōu)勢是， 它的文檔說明很全，而且各種應(yīng)用也說得很詳細，同時還有許多成熟的插件可供選擇。 JQueryError! Reference source not found.Error! Reference source not found.能夠使用戶的 html 頁面保持代碼 和 html 內(nèi)容分離，也就是說，不用再在 html 里面插入一堆 JS 來調(diào)用命令了，只需定 義 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 的文檔說明很全，而且各種應(yīng)用也說得很詳細，同 時還有許多成熟的插件可供選擇,比如 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 本章小結(jié)本章小結(jié) 本章中，我們對本次項目開發(fā)中所使用的主要技術(shù)，包括開發(fā)環(huán)境相關(guān)的開發(fā)工 具、開發(fā)語言如 JSP、CSS、JQuery 等語言以及相關(guān)的核心技術(shù)如過濾器技術(shù)，以及我 們所采用的插件技術(shù)進行了概要介紹。 第第 3

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

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

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

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

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

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