基于JSP的校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)_畢業(yè)設(shè)計(jì)

1、 基于 JSP 的校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)Design and implementation of Campus website Based on the JSP 摘 要I摘摘 要要基于基于 JSPJSP 的校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)的校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)在信息時(shí)代飛速發(fā)展的今天，無(wú)論是企業(yè)還是學(xué)校，信息化建設(shè)都成為一個(gè)必不可少的模塊。校園網(wǎng)站作為學(xué)校高度信息化的平臺(tái)，主要用于達(dá)到學(xué)校面向大眾的宣傳效應(yīng)以及日常校園管理中新聞的及時(shí)發(fā)布。因此，一個(gè)好的校園網(wǎng)站在提高校園日常管理效率的同時(shí)，達(dá)到良好的宣傳效應(yīng)。而怎樣利用一項(xiàng)新的技術(shù)構(gòu)建校園網(wǎng)站，加速學(xué)校信息化的進(jìn)程，提高學(xué)校及教師的工作效率，增強(qiáng)教育資源的

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

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

4、時(shí)，我們實(shí)現(xiàn)了合理布局以及便捷式的操作界面。能夠切實(shí)的推動(dòng)學(xué)校適應(yīng)現(xiàn)代化技術(shù)的發(fā)展，增強(qiáng)學(xué)校資源的利用率，加強(qiáng)學(xué)校管理效率，同時(shí)提升了學(xué)校的知名度。最終，達(dá)到了研究目的并實(shí)現(xiàn)系統(tǒng)的設(shè)計(jì)意義。關(guān)鍵詞：關(guān)鍵詞：校園網(wǎng)站，設(shè)計(jì)與實(shí)現(xiàn)，JSPAbstractIIAbstractAbstractDesign and implementation of Campus website based on the JSPWith the rapid development of information technology today, no matter in companies or schools, in

5、formationization 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 efficiency of the campus dai

6、ly 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 improve visibility of scho

7、ol 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 can effectively help scho

8、ols 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 adopts B/S architecture, and

9、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 we divided user category int

10、o 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 for dynamic picture display,

11、 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 try our best to let our inter

12、face 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.AbstractIIIThis website design realization process based on the in-depth research of

13、 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. So we can promote

14、 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.Keywords:Campus We

15、bsite, Design and Implementation, JSP目 錄I目目 錄錄第 1 章緒 論 .11.1 研究背景及意義 .11.2 國(guó)內(nèi)外發(fā)展現(xiàn)狀 .11.3 本文研究?jī)?nèi)容及論文組織結(jié)構(gòu) .2第 2 章相關(guān)技術(shù) .32.1 開發(fā)環(huán)境簡(jiǎn)介 .32.1.1 開發(fā)工具 MyEclipse .32.1.2 數(shù)據(jù)庫(kù) MySql Server .3 服務(wù)器 Tomcat 開發(fā)語(yǔ)言介紹 .42.2.1 JSP .42.2.2 CSS .62.2.3 JS .62.3 過濾器技術(shù) .72.4 插件應(yīng)用技術(shù) .82.4.1 jspSmartUpload .82

16、.4.2 Ckeditor .92.4.3 JQuery .92.5 本章小結(jié) .10第 3 章系統(tǒng)可行性研究及需求分析 .113.1 系統(tǒng)可行性研究 .113.2 需求分析 .123.3 本章小結(jié) .13第 4 章系統(tǒng)設(shè)計(jì) .144.1 框架設(shè)計(jì) .144.2 數(shù)據(jù)庫(kù)設(shè)計(jì) .154.2.1 E-R 模型.154.2.2 數(shù)據(jù)庫(kù)表的邏輯結(jié)構(gòu)設(shè)計(jì) .154.3 模塊設(shè)計(jì) .174.3.1 圖片展示部分 .174.3.2 身份驗(yàn)證及登陸認(rèn)證 .184.3.3 要聞發(fā)布 .194.3.4 上傳下載設(shè)計(jì) .20目 錄II4.3.5 學(xué)?；拘畔?.204.3.6 權(quán)限設(shè)計(jì) .204.4 本章小結(jié) .2

17、1第 5 章系統(tǒng)的實(shí)現(xiàn)及測(cè)試 .225.1 系統(tǒng)實(shí)現(xiàn)環(huán)境 .225.2 環(huán)境配置 .225.2.1 Myeclipse 中 Tomcat 的配置.235.2.2 Myeclipse 中 Mysql 的配置.235.3 關(guān)鍵技術(shù)的實(shí)現(xiàn) .245.3.1 表單的基本操作 .245.3.2 數(shù)據(jù)庫(kù)的基本操作 .255.3.3 ckeditor .265.3.4 文件的上傳下載 .275.3.5 過濾器驗(yàn)證登陸狀態(tài) .285.3.6 其他關(guān)鍵技術(shù) .295.4 系統(tǒng)測(cè)試 .305.4.1 軟硬件環(huán)境測(cè)試 .305.4.2 性能測(cè)試 .305.4.3 功能測(cè)試 .315.4.4 功能測(cè)試界面呈現(xiàn) .32

18、5.5 本章小結(jié) .37第 6 章 工作總結(jié)與研究展望 .386.1 工作總結(jié) .386.2 研究展望 .38參考文獻(xiàn) .39作者簡(jiǎn)介及在學(xué)期間所取得的科研成果 .42致 謝 .43第 1 章緒 論1第第 1 1 章章緒緒 論論1.1.1 1 研究背景研究背景及意義及意義隨著信息技術(shù)的飛速發(fā)展，互聯(lián)網(wǎng)走入千家萬(wàn)戶，正在逐步深刻地影響著我們的工作及學(xué)習(xí)的方方面面，現(xiàn)如今，它已深入到大家的日常生活當(dāng)中，成為人們交互信息的重要渠道。網(wǎng)站是互聯(lián)網(wǎng)興起后，人們交互信息的重要途徑，它能夠?qū)崿F(xiàn)信息的發(fā)布、傳遞以及獲取。學(xué)校網(wǎng)站的建立，有利于學(xué)校信息的公布，是學(xué)校的運(yùn)作公正公開，逐步實(shí)現(xiàn)透明化，同時(shí)，有助于學(xué)

19、生與老師、學(xué)生與學(xué)生之間的溝通。校園網(wǎng)站的出現(xiàn)為學(xué)校管理帶來(lái)了一種嶄新的模式，促進(jìn)了舊式學(xué)校管理方法的改革。伴隨著信息時(shí)代的來(lái)臨，舊式的學(xué)校管理將面臨全新的變革。舊式的學(xué)校組織機(jī)構(gòu)被改革成一個(gè)網(wǎng)絡(luò)系統(tǒng)，使得學(xué)校的管理趨于簡(jiǎn)化，效率得到了空前提高。在當(dāng)今社會(huì)，傳統(tǒng)的“教師講授，學(xué)生學(xué)習(xí)”的模式已經(jīng)被“以學(xué)生為主，以教師為輔”的新式教學(xué)模式所代替。隨著新式教育理論的不斷完善，越來(lái)越多的信息資源由校園網(wǎng)站所提供。校園網(wǎng)站能夠?yàn)閹熒峁┙涣餍畔⒑唾Y源共享的平臺(tái)，能夠提高學(xué)校的教育水平和科研能力。因此，校園網(wǎng)站的建設(shè)不僅響應(yīng)國(guó)家教育文件的精神，還能為全校師生提供一個(gè)溝通交流的平臺(tái)在因特網(wǎng)飛速發(fā)展的今天，

20、目前我們亟待解決的一個(gè)問題是：怎樣利用一項(xiàng)新的技術(shù)構(gòu)建校園網(wǎng)站，加速學(xué)校信息化的進(jìn)程，提高學(xué)校及教師的工作效率，增強(qiáng)教育資源的管理，從而提升學(xué)校的知名度。該系統(tǒng)需要多方面考慮每一個(gè)用戶的使用。本校園網(wǎng)站課題在對(duì)各個(gè)組織相關(guān)理論進(jìn)行分析的基礎(chǔ)上，采用了目前應(yīng)用比較普遍的 B/S 架構(gòu)，在 JSP 技術(shù)和 MySQL 數(shù)據(jù)庫(kù)管理技術(shù)的基礎(chǔ)上進(jìn)行設(shè)計(jì)和實(shí)現(xiàn)，能夠很好地幫助學(xué)校解決教學(xué)資源管理的許多難題1。本課題的研究意義表現(xiàn)在以下幾個(gè)方面：其一，推動(dòng)學(xué)校適應(yīng)現(xiàn)代化技術(shù)的發(fā)展，其二，增強(qiáng)學(xué)校資源利用率，其三，加強(qiáng)學(xué)校管理，其四，提升學(xué)校的知名度?？紤]到以上四點(diǎn)原因，我選擇本課題作為畢設(shè)的題目。1.21

21、.2 國(guó)內(nèi)外發(fā)展現(xiàn)狀國(guó)內(nèi)外發(fā)展現(xiàn)狀隨著因特網(wǎng)技術(shù)的高速發(fā)展，校園網(wǎng)站的建設(shè)在國(guó)內(nèi)外各個(gè)學(xué)校受到越來(lái)越多的重視。在當(dāng)今這樣一個(gè)數(shù)字化時(shí)代，校園建的數(shù)字化成為一個(gè)大趨勢(shì)2。在國(guó)內(nèi)，我國(guó)因特網(wǎng)技術(shù)起步較晚，但發(fā)展速度卻絲毫不亞于國(guó)外。從整體來(lái)看，第 1 章緒 論2校園網(wǎng)站的完全實(shí)用化仍處于發(fā)展階段。但是仍然有一部分學(xué)校擁有世界眼光，較早開始運(yùn)用互聯(lián)網(wǎng)并且已經(jīng)具備一定的基礎(chǔ)。最近幾年，因特網(wǎng)在國(guó)內(nèi)發(fā)展速度之快已經(jīng)完全超出想像，各個(gè)教育網(wǎng)站相機(jī)發(fā)展起來(lái)。從發(fā)達(dá)國(guó)家在教育數(shù)字化方面所走過的歷程來(lái)看，學(xué)校網(wǎng)站的建設(shè)是教育數(shù)字化的必經(jīng)之路，其中網(wǎng)絡(luò)技術(shù)為其提供了簡(jiǎn)便的平臺(tái)，使得校園網(wǎng)站的建設(shè)勢(shì)如破竹。在國(guó)外，

22、校園網(wǎng)站建設(shè)開展得很早，但從起點(diǎn)說，就已經(jīng)遠(yuǎn)遠(yuǎn)超過國(guó)內(nèi)水平，普及率之快之廣讓人難以相信。在歐美國(guó)家，國(guó)家對(duì)校園網(wǎng)站的建設(shè)投資巨大，各學(xué)校開始對(duì)校園進(jìn)行數(shù)字化發(fā)展。在美國(guó)，許多大學(xué)都都擁有自己健全的校園網(wǎng)站，此外，中小學(xué)也在充分普及這一理念3。1.31.3 本文研究?jī)?nèi)容及論文組織結(jié)構(gòu)本文研究?jī)?nèi)容及論文組織結(jié)構(gòu)本課題的研究圍繞以下方面開展：熟悉 MyEclipse+MySql Server+Tomcat 的開發(fā)環(huán)境，熟悉JSP、CSS、HTML、JavaScript 開發(fā)語(yǔ)言。涵蓋校園網(wǎng)站的基本功能，包括網(wǎng)站的實(shí)時(shí)新聞發(fā)布、文件的上傳下載、新聞圖片的自動(dòng)切換等。同時(shí)，實(shí)現(xiàn)完整的后臺(tái)管理界面。包括用

23、戶身份驗(yàn)證，登陸狀態(tài)認(rèn)證、功能模塊維護(hù)等。采用 B/S 模式以及三層設(shè)計(jì)架構(gòu)實(shí)現(xiàn)代碼，降低系統(tǒng)復(fù)雜度并提高可擴(kuò)展性，且實(shí)現(xiàn)易維護(hù)性。通過網(wǎng)頁(yè)頁(yè)面的 CSS 設(shè)計(jì)等，盡力達(dá)到簡(jiǎn)約時(shí)尚、頁(yè)面布局合理舒適，色彩清新的界面設(shè)計(jì)。論文組織結(jié)構(gòu)如下：第一章 緒論。闡述系統(tǒng)的研究背景，對(duì)國(guó)內(nèi)外研究現(xiàn)狀進(jìn)行調(diào)研，介紹本文的主要研究工作。第二章 相關(guān)技術(shù)分析。介紹我們所采用的主要技術(shù)以及核心實(shí)現(xiàn)技術(shù)。第三章 系統(tǒng)可行性研究及需求分析。對(duì)系統(tǒng)需求進(jìn)行概要說明，并分析其可行性。第四章 系統(tǒng)設(shè)計(jì)。包括系統(tǒng)整體架構(gòu)的分析設(shè)計(jì)以及數(shù)據(jù)庫(kù)設(shè)計(jì)，同時(shí)介紹幾種主要的系統(tǒng)設(shè)計(jì)模式。第五章 系統(tǒng)實(shí)現(xiàn)及測(cè)試。對(duì)網(wǎng)站開發(fā)的軟硬件環(huán)境需

24、求進(jìn)行說明，著重介紹該網(wǎng)站實(shí)現(xiàn)的關(guān)鍵技術(shù)。第六章 總結(jié)與展望。對(duì)本次網(wǎng)站開發(fā)進(jìn)行總結(jié)并規(guī)劃進(jìn)一步研究方向。 第 2 章相關(guān)技術(shù)3第第 2 2 章章相關(guān)技術(shù)相關(guān)技術(shù)2.12.1 開發(fā)環(huán)境簡(jiǎn)介開發(fā)環(huán)境簡(jiǎn)介本項(xiàng)目中，我們主要采用 JAVA+JSP 開發(fā)為主，結(jié)合 HTML+CSS 進(jìn)行網(wǎng)頁(yè)布局的設(shè)計(jì)，并適當(dāng)利用 JavaScript 以及 JQuery 實(shí)現(xiàn)某些特定功能。因此，根據(jù)項(xiàng)目采用的開發(fā)語(yǔ)言，為提高項(xiàng)目開發(fā)效率，我們決定利用 My Eclipse 進(jìn)行開發(fā)，數(shù)據(jù)庫(kù)采用開源的 MySQL，并配合使用 Tomcat 服務(wù)器，構(gòu)成本項(xiàng)目完整的開發(fā)環(huán)境。以下為開發(fā)環(huán)境的概要介紹。.1

25、 開發(fā)工具開發(fā)工具 MyEclipseMyEclipseMy Eclipse 是用于開發(fā) Java、J2EE 的一個(gè)優(yōu)秀的 Eclipse 插件集合，廣泛支持各種開源的產(chǎn)品。幾乎囊括所有 Eclipse 支持的產(chǎn)品，因此備受青睞。MyEclipse Enterprise Workbench 是對(duì) EclipseIDE 的擴(kuò)展，支持HTML、Structs、JSP、CSS、Javascipt 等等4Error! Reference source not found. ，因此我們可以利用其在數(shù)據(jù)庫(kù)和 JAVAEE 開發(fā)、發(fā)布以及 WEB 應(yīng)用程序服務(wù)的整合方面大大的提高工作效率，并利用它們的完美結(jié)

26、合，最終設(shè)計(jì)出令人難以置信的用戶界面以及絢麗的動(dòng)畫效果。本項(xiàng)目中，我們主要采用 MyEclipse8.6 版本進(jìn)行開發(fā)。其仍然選擇 Eclipse3.5.2 作為核心，但 8.6 的版本在 8.5 之上進(jìn)行了很大的改進(jìn)。MyEclipse 8.6 的重點(diǎn)是進(jìn)一步簡(jiǎn)化基于標(biāo)準(zhǔn)應(yīng)用程序?qū)蠖似脚_(tái) Spring 框架的支持，包括 Spring MVC、Spring Web Flow、iPhone Web 應(yīng)用程序、谷歌 Web 工具包（GWT）和 Adobe Flex，支持最新版本 Apache Tomcat，支持 Structs2 并加載模塊的自定義功能。各方面的特性都更有利于大大提高 Web 項(xiàng)

27、目的開發(fā)。因此，我們采用 MyEclipse8.6 版本進(jìn)行開發(fā)。.2 數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù) MySqlMySql ServerServer 5.65.6MySQL 由瑞迪的 MySQL AB 公司開發(fā)，屬于 Oracle 公司，是一種關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，即將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉(cāng)庫(kù)內(nèi)，這樣的特點(diǎn)是得數(shù)據(jù)庫(kù)的速率增大并提高了靈活性。MySQL 的 SQL 語(yǔ)言為訪問數(shù)據(jù)庫(kù)的的最常用標(biāo)準(zhǔn)化語(yǔ)言。MySQL 由于其特性開源，且它的體積小、速度快、總體擁有成本低，同時(shí)，MySQL 使用了多種編譯器進(jìn)行測(cè)試，保證了源代碼的可移植性，提供多第 2 章相關(guān)技術(shù)4接口，

28、廣泛支持各種編程語(yǔ)言，兼容性良好，提高 TCP/IP、ODBC、JDBC 等多種數(shù)據(jù)庫(kù)接入方式，同時(shí)也支持大型數(shù)據(jù)庫(kù)，支持多種存儲(chǔ)引擎，并有豐富的擴(kuò)展功能。因此，一般中小型的網(wǎng)站，因其超高的性價(jià)比，往往會(huì)選擇采用 MySQL 作為網(wǎng)站的數(shù)據(jù)庫(kù)。在本項(xiàng)目中，我們采用了 MySql Server5.6，同時(shí)為了開發(fā)便捷，我們采用了官方提供的圖形化管理界面 MySQL Workbench 5.2CE。在最新的 5.6 版本中，數(shù)據(jù)庫(kù)的可擴(kuò)展性、集成度以及查詢性能都會(huì)得到提升。新增功能包括實(shí)現(xiàn)全文搜索，開發(fā)者可以通過 InnoDB 存儲(chǔ)引擎列表進(jìn)行索引和搜索基于文本的信息；InnoDB 重寫日志文件容

29、量也增至 2TB，能夠提升寫密集型應(yīng)用程序的負(fù)載性能；加速 MySQL 復(fù)制5613；提供新的編程接口，使用戶可以將 MySQL 與新的和原有的應(yīng)用程序以及數(shù)據(jù)存儲(chǔ)無(wú)縫集成。.3 服務(wù)器服務(wù)器 TomcatTomcat 7.07.0Tomcat 是 Apache 軟件基金會(huì)的 Jakarta 項(xiàng)目中的一個(gè)核心項(xiàng)目，由 Apache、Sun 和其他一些公司及個(gè)人共同開發(fā)而成。由于有了 Sun 的參與和支持，最新的 Servlet 和 JSP 規(guī)范總是能在 Tomcat 中得到體現(xiàn)，Tomcat 5 版本之后開始支持最新的 Servlet 2.4 和 JSP 2.0 規(guī)范。Tomc

30、at 技術(shù)先進(jìn)、性能穩(wěn)定，且是免費(fèi)開放源代碼的 Web 應(yīng)用服務(wù)器，成為目前比較流行的 Web 應(yīng)用服務(wù)器。目前最新版本是 7.0。此外，Tomcat運(yùn)行時(shí)占用系統(tǒng)資源少，且擴(kuò)展性良好，支持 WEB 開發(fā)幾乎所有的常用應(yīng)用功能，且處于不斷更新和進(jìn)步之中，屬于輕量級(jí) WEB 應(yīng)用服務(wù)器。Tomcat5 版本之后支持最新的 JSP 規(guī)范。本項(xiàng)目的開發(fā)基于 JSP，為了使得 JSP 能夠更好的和 Tomcat 進(jìn)行契合，我們選擇 Tomcat7 的一個(gè)重要原因是，Tomcat7.x 版本在 6.0 的基礎(chǔ)上實(shí)現(xiàn)了對(duì)于 Servlet 3.0、JSP 2.2 和 EL 2.2 等特性的支持。且在 WE

31、B 開發(fā)方面得到了進(jìn)一步的改善，如 支持 Web 應(yīng)用內(nèi)存溢出偵測(cè)和預(yù)防，支持 web 應(yīng)用中的外部?jī)?nèi)容的直接引用等等7。2.22.2 開發(fā)語(yǔ)言介紹開發(fā)語(yǔ)言介紹.1 JSPJSPJSP 全稱 Java server pages。是一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的標(biāo)準(zhǔn)。該技術(shù)用于在傳統(tǒng)的靜態(tài)網(wǎng)頁(yè) HTML 中加入 JSP 標(biāo)記和 JS（JavaScript）89，其中 Java 片段用于實(shí)現(xiàn)數(shù)據(jù)的發(fā)第 2 章相關(guān)技術(shù)5送和交互等操作，所有的操作都集成在服務(wù)器端進(jìn)行，這樣使得客戶端免去了對(duì)JAVA等技術(shù)支持的要求，只需要具備主流瀏覽器即可方便的訪問 JSP 頁(yè)面，從而更好實(shí)現(xiàn)網(wǎng)頁(yè)功能。JSP 為

32、跨平臺(tái)設(shè)計(jì)，兼容各類主流的操作系統(tǒng)，有良好的移植性7。JSP 本質(zhì)相當(dāng)于一個(gè) Servlet，它利用標(biāo)記將 java 片段擴(kuò)展至 html 中，當(dāng)頁(yè)面請(qǐng)求發(fā)送到服務(wù)器端后，服務(wù)器對(duì) java 片段進(jìn)行動(dòng)態(tài)處理，即封裝了動(dòng)態(tài)邏輯的處理，最終解析形成一個(gè)靜態(tài)的 html 頁(yè)面發(fā)回客戶端，從而滿足客戶瀏覽各類網(wǎng)頁(yè)的需求。自從 JSP 推出，目前已具備多種優(yōu)良特性。JSP 將其內(nèi)容的顯示與生成分離，依賴可重用性、跨平臺(tái)組件，適應(yīng)各類平臺(tái)，移植性良好，并支持眾多的數(shù)據(jù)庫(kù)連接接口。由于其開發(fā)特性廣受歡迎，迅速得到各大公司的支持，因此，JSP 形成了商業(yè)應(yīng)用的服務(wù)器開發(fā)語(yǔ)言主流。JSP 的運(yùn)行機(jī)制如下圖所示

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

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

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

36、容分離，可以有效的對(duì) HTML 以及 XML 等文件進(jìn)行風(fēng)格顯示的控制，形成精確有效的設(shè)計(jì)風(fēng)格。且易于掌握易于操作12。CSS 能夠精確控制網(wǎng)頁(yè)中布局，對(duì)相對(duì)位置或絕對(duì)位置進(jìn)行限制，支持很多網(wǎng)頁(yè)設(shè)計(jì)元素，用戶可對(duì)其進(jìn)行交互設(shè)計(jì)，是較為完備的設(shè)計(jì)語(yǔ)言之一。CSS 目前最新的版本為 CSS3， CSS3 較 CSS 的初期版本而言，開發(fā)趨勢(shì)更接近于模塊化，它將原來(lái)復(fù)雜的一個(gè)整體模塊，劃分為更加細(xì)小的模塊，從而提高開發(fā)的效率，且 CSS3 向后完全兼容。因此，在本項(xiàng)目中，我們主要以 CSS 的初期版本為主，以 CSS3 為輔，實(shí)現(xiàn)部分網(wǎng)頁(yè)風(fēng)格的設(shè)計(jì)13。.3 JSJSJS，全稱 Ja

37、vaScript 由 Netscape 公司開發(fā)的一種腳本語(yǔ)言14。是一種基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性的客戶端腳本語(yǔ)言。同時(shí)也是一種廣泛用于客戶端 Web 開發(fā)的腳本語(yǔ)言，常用來(lái)給 HTML 網(wǎng)頁(yè)添加動(dòng)態(tài)功能。在 HTML 基礎(chǔ)上，使用JavaScript 可以開發(fā)交互式 Web 網(wǎng)頁(yè)。JavaScript 能提高網(wǎng)頁(yè)的互動(dòng)能力。他可以簡(jiǎn)化HTML 內(nèi)容，降低下載的時(shí)間。它還可以及時(shí)的對(duì)用戶操作作出回應(yīng)，實(shí)時(shí)的對(duì)提交的表單進(jìn)行檢驗(yàn)，不用再因?yàn)榻唤o CGI 進(jìn)行驗(yàn)證而浪費(fèi)時(shí)間。它并非預(yù)編譯語(yǔ)言，而是類腳本語(yǔ)言，它將代碼直接嵌入 HTML 中，只有當(dāng)被瀏覽器讀取時(shí)才編譯和執(zhí)行。JavaScr

38、ipt 無(wú)單獨(dú)運(yùn)行窗口，它所謂的運(yùn)行窗口即瀏覽器的當(dāng)前窗口。第 2 章相關(guān)技術(shù)7一個(gè)完整的 JavaScript 的組成包括：核心（ECMAScript） 、文檔對(duì)象模型（Document Object Model，簡(jiǎn)稱 DOM） 、瀏覽器對(duì)象模型（Browser Object Model，簡(jiǎn)稱 BOM）151617。如下圖所示：ECMAScriptJavaScriptDOMBOM圖 2.2 JavaScript 組成在本項(xiàng)目設(shè)計(jì)中，我們利用 JS 實(shí)現(xiàn)一些基本如彈出框等技術(shù)，相對(duì)于 JSP 要更加方便快捷。2.2.3 3 過濾器技術(shù)過濾器技術(shù)從 J2EE1.3 開始，Servlet2.3 規(guī)

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

40、t 之前，攔截客戶的 HttpServletRequest 。 根據(jù)需要檢查 HttpServletRequest ，也可以修改 HttpServletRequest 頭和數(shù)據(jù)。2、 在 HttpServletResponse 到達(dá)客戶端之前，攔截 HttpServletResponse 。 根據(jù)需要檢查 HttpServletResponse ，也可以修改 HttpServletResponse 頭和數(shù)據(jù)。過濾器的工作原理18：用戶發(fā)出訪問請(qǐng)求后，服務(wù)器首先根據(jù)開發(fā)人員設(shè)定好的過濾規(guī)則進(jìn)行篩選，若求情可通過過濾器，則直接交付請(qǐng)求，否則，可以對(duì)請(qǐng)求進(jìn)行攔截，同時(shí)對(duì)請(qǐng)求進(jìn)行修改，使其可以通過過濾

41、器檢測(cè)，然后將更新后的請(qǐng)求交給服務(wù)器進(jìn)行處理。此外，也可以直接攔截請(qǐng)求后向用戶響應(yīng)。對(duì)響應(yīng)信息也是相同的處理原理。過濾器的工作方式分為四種，request 過濾器、forward 過濾器、include 過濾器、error 過濾器。在本項(xiàng)目中，我們主要運(yùn)用其檢驗(yàn)后臺(tái)用戶的登陸狀態(tài)192019。第 2 章相關(guān)技術(shù)82.42.4 插件應(yīng)用技術(shù)插件應(yīng)用技術(shù).1 jspSmartUploadjspSmartUploadjspSmartUpload 是一個(gè)用于文件上傳下載組件，它無(wú)需付費(fèi)且功能全面，可以嵌入到 JSP 文件中，用于完成上傳下載操作。它的特點(diǎn)如下： 1、 易于使用。僅需要在

42、 JSP 文件中寫很短的代碼就能完成文件的上傳、下載操作，容易使用。 2、 上傳操作是可控的。用 jspSmartUpload 給予的對(duì)象和對(duì)象的操作方法，我們能得到所有上傳文件的相關(guān)內(nèi)容（包括文件的名稱，大小，類型，擴(kuò)展名等） ，易于存儲(chǔ)和獲取。 3、 可以限制上傳文件的類型等。這樣的話，就能過濾那些與要求不符的文件。 4、 提供靈活的下載。短短幾行代碼，就可以從 Web 服務(wù)器轉(zhuǎn)換成文件服務(wù)器。無(wú)論文件在哪個(gè)目錄下，都能使用 jspSmartUpload 做下載操作。jspSmartUpload 組件開源，其 Jar 包可從網(wǎng)上自由下載，進(jìn)行相關(guān)配置后，即可應(yīng)用21。它主要包含以下幾個(gè)類：

43、1、 File 類類：將有關(guān)上傳文件的全部信息進(jìn)行封裝。這樣，能獲取上傳的文件的名稱、擴(kuò)展名、大小以及文件相關(guān)數(shù)據(jù)等內(nèi)容。2、 Files 類類：此類用于對(duì)全部上傳文件的總體進(jìn)行表示，通過這個(gè)類，能獲取上傳文件的大小和個(gè)數(shù)等等相關(guān)內(nèi)容。3、 Request 類類：它的功能類似于 request（JSP 的內(nèi)置對(duì)象） 。提供這個(gè)類的原因是對(duì)文件的上傳表單來(lái)說，表單項(xiàng)上的內(nèi)容無(wú)法通過 request 來(lái)得到，所以只有用 jspSmartUpload 的 Request 對(duì)象得到。4、 SmartUpload 類類：對(duì)核心上傳下載功能進(jìn)行負(fù)載。jspSmartUpload 組件是應(yīng)用 JSP 進(jìn)行

44、B/S 程序開發(fā)過程中經(jīng)常使用的上傳下載組件，它使用簡(jiǎn)單，方便。在本項(xiàng)目中，我們主要應(yīng)用其進(jìn)行文件的上傳下載功能的實(shí)現(xiàn)。該技術(shù)最大問題是往往不支持中文，出現(xiàn)亂碼現(xiàn)象，我們將針對(duì)這一問題作出改進(jìn)，更好的應(yīng)用于項(xiàng)目的開發(fā)。.2 CkeditorCkeditorCkeditor 原名 FCKeditor，該名稱來(lái)源于開發(fā)者的名字縮寫。它是一個(gè)文字編輯器，是開源的，一般專門應(yīng)用于網(wǎng)頁(yè)。Ckeditor 輕量化，是一個(gè)安裝簡(jiǎn)便的插件，應(yīng)用在在第 2 章相關(guān)技術(shù)9線編輯器中?？梢院?ASP、ASP.NET、ColdFusion、ABAP、PHP、JSP、JavaScript 及Java 等

45、多種語(yǔ)言結(jié)合在一起使用。在使用中，由于 CKEditor 是一個(gè) Javascript 的應(yīng)用，在前期配置成功后，我們對(duì)它的應(yīng)用只需要加載它僅需要在頁(yè)面中將它引用，同時(shí)創(chuàng)建一個(gè) Ckeditor 實(shí)例。且Ckeditor 十分方便，它有很多參數(shù)可以自行配置，用戶可以通過設(shè)定不同的參數(shù)來(lái)設(shè)置其個(gè)性化的用戶體驗(yàn)。CKeditor 兼容絕大部分的網(wǎng)頁(yè)瀏覽器，新版的編輯器的更新包括：新的用戶界面，一個(gè)支持 Plug-in 的 Javascript API，并提供對(duì)視覺障礙者的使用支持。CK 是對(duì) FCK 的代碼的完全重寫22。新版中不包含文件瀏覽器，因此，在本項(xiàng)目中，我們結(jié)合舊版FCKeditor，實(shí)

46、現(xiàn)完整的后臺(tái)編輯以及圖片上傳功能。.3 JQueryJQueryJQuery 是一個(gè)優(yōu)秀的 JavaScript 框架。它是一個(gè)輕量級(jí)的 JS 庫(kù)，支持 CSS3，并兼容幾乎所有的主流瀏覽器，JQuery 使用戶能更方便地處理 HTML documents、events、實(shí)現(xiàn)動(dòng)畫效果，并且方便地為網(wǎng)站提供 AJAX 交互。JQuery 還有一個(gè)比較大的優(yōu)勢(shì)是，它的文檔說明很全，而且各種應(yīng)用也說得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。JQuery2324能夠使用戶的 html 頁(yè)面保持代碼和 html 內(nèi)容分離，也就是說，不用再在html 里面插入一堆 JS 來(lái)調(diào)用命令了，只需

47、定義 id 即可。JQuery 是免費(fèi)開源的，且開發(fā)語(yǔ)法簡(jiǎn)單，其實(shí)現(xiàn)的界面動(dòng)態(tài)效果十分絢麗，因此深受開發(fā)人員的歡迎。JQuery 的官方插件是 JQueryUI。開發(fā)者可以任意擴(kuò)展 JQuery 的函數(shù)庫(kù)或者按照自己的需求開發(fā) UI 組件。目前網(wǎng)上已經(jīng)有數(shù)以千計(jì)的 JQuery 插件，覆蓋各種各樣的需求。例如 Ajax 輔助、數(shù)據(jù)表格、動(dòng)態(tài)列表、XML 工具、拖曳、cookie 處理、彈出層等等。JQuery 的文檔說明很全，而且各種應(yīng)用也說得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇,比如 ComponentOne for jQuery25262724。在本項(xiàng)目中，我們將利用 Jquery 的強(qiáng)

48、大特性輕松實(shí)現(xiàn)部分新聞圖片的動(dòng)態(tài)展示28。2.52.5 本章小結(jié)本章小結(jié)本章中，我們對(duì)本次項(xiàng)目開發(fā)中所使用的主要技術(shù)，包括開發(fā)環(huán)境相關(guān)的開發(fā)工具、開發(fā)語(yǔ)言如 JSP、CSS、JQuery 等語(yǔ)言以及相關(guān)的核心技術(shù)如過濾器技術(shù)，以及我們所采用的插件技術(shù)進(jìn)行了概要介紹。第 3 章系統(tǒng)可行性研究及需求分析10第第 3 3 章章系統(tǒng)可行性研究及需求分析系統(tǒng)可行性研究及需求分析3.13.1 系統(tǒng)可行性研究系統(tǒng)可行性研究當(dāng)前，信息時(shí)代愈加發(fā)達(dá)，生活節(jié)奏加快，無(wú)論是工作還是生活，信息成為一個(gè)高頻度名詞。對(duì)信息的及時(shí)發(fā)布以及掌握無(wú)論在系統(tǒng)流程、工作調(diào)控還是日常生活，都至關(guān)重要。因此，作為知識(shí)普及的前沿和陣地，

49、一個(gè)及時(shí)、完整的新聞發(fā)布以及學(xué)校信息對(duì)外公開的平臺(tái)十分重要。人們需要通過這樣一個(gè)平臺(tái)來(lái)獲得學(xué)校的及時(shí)動(dòng)態(tài)，掌握入學(xué)信息；學(xué)生需要這樣一個(gè)平臺(tái)來(lái)掌握每日的教學(xué)動(dòng)態(tài)以及學(xué)校新聞；教師需要這樣一個(gè)平臺(tái)來(lái)展示風(fēng)采，高談闊論；學(xué)校更需要這樣一個(gè)平臺(tái)來(lái)上傳下達(dá)，宣揚(yáng)教學(xué)理念，吸引生源。因此，我們需要建設(shè)一個(gè)基本功能完備，易于操作，界面簡(jiǎn)潔干凈、靈活易管理的校園網(wǎng)站，從而促進(jìn)校園信息的及時(shí)更新與發(fā)布，提高學(xué)校的信息化管理水平29。經(jīng)調(diào)查分析，本文得出結(jié)論，建立一個(gè)校園網(wǎng)站是可行且必要的，具體表現(xiàn)為以下幾點(diǎn)3013：（1）校園網(wǎng)站的建設(shè)有利于現(xiàn)代化人才的培養(yǎng)近年來(lái)，許多學(xué)校進(jìn)行了外在模式上的變革，但教育模式的

50、本質(zhì)絲毫沒有動(dòng)搖，依舊是老師主動(dòng)傳授、學(xué)生被動(dòng)接受的舊式教育模式。學(xué)生的獨(dú)立思考能力以及創(chuàng)造性思維被扼殺，阻礙了學(xué)生性格及能力的發(fā)展，這對(duì)于學(xué)生是毫無(wú)益處可言的。而校園網(wǎng)的建設(shè)，有利于營(yíng)造美好的校園文化氛圍，增加了學(xué)校的創(chuàng)新優(yōu)勢(shì)?？紤]到學(xué)校的人才培養(yǎng)以及長(zhǎng)遠(yuǎn)發(fā)展，建設(shè)校園網(wǎng)站是可行且必要的。（2）校園網(wǎng)站提供了新式教學(xué)、科研平臺(tái)教學(xué)和科研是學(xué)校的兩大核心工作，提高教師的教育和科研能力是增強(qiáng)學(xué)校競(jìng)爭(zhēng)力的關(guān)鍵。但是以目前情況看，許多年輕教師雖具備所需理論知識(shí)，但實(shí)際教學(xué)和科研經(jīng)驗(yàn)略顯缺乏，而一些資深教師卻具備豐富的實(shí)踐經(jīng)驗(yàn)，所以，可以通過校園網(wǎng)站，為各位教師提供交流平臺(tái)，使教師能力穩(wěn)步協(xié)調(diào)發(fā)展。（

51、3）校園網(wǎng)站提高學(xué)習(xí)資源的利用率在互聯(lián)網(wǎng)的眾多資源中，搜索有用的教育教學(xué)信息以及學(xué)習(xí)資源是費(fèi)時(shí)費(fèi)力地，對(duì)于教師，如果有海量的有序資源作為支持，就會(huì)把備課、講課、課后作業(yè)等各種環(huán)節(jié)輕松高效的完成；對(duì)于學(xué)生，海量的有序資源能夠培養(yǎng)學(xué)生的關(guān)注自身有關(guān)信息的責(zé)任感，培養(yǎng)學(xué)生獲取信息以及分析、解決問題的能力。因此，提高學(xué)習(xí)資源的利用率，對(duì)學(xué)校的長(zhǎng)遠(yuǎn)發(fā)展有深遠(yuǎn)的意義30。第 3 章系統(tǒng)可行性研究及需求分析11（4）校園網(wǎng)站有利于進(jìn)行招生宣傳校園網(wǎng)站是學(xué)校與外界的溝通窗口，尤其在招生方面，能夠顯示出校園網(wǎng)的重大作用。利用校園網(wǎng)站發(fā)布招生信息，可以在提高學(xué)校知名度的基礎(chǔ)上，加大招生宣傳力度。3.23.2 需求

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

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

54、關(guān)部門或人員聯(lián)系方式七個(gè)模塊，這一部分主要對(duì)學(xué)校的各項(xiàng)基本信息進(jìn)行介紹，以期望外界對(duì)學(xué)校有較好的整體認(rèn)識(shí)；師資隊(duì)伍包括特級(jí)教師、先進(jìn)教師、現(xiàn)有教師、以及教師優(yōu)秀事跡成果表彰四個(gè)模塊，這一部分對(duì)教師以及教學(xué)資源進(jìn)行概要介紹，將各級(jí)教師分門別類列出，并對(duì)教師的優(yōu)秀事跡以及優(yōu)秀研究成果進(jìn)行表彰，以提高教師的積極性；人才培養(yǎng)部分不再細(xì)化多個(gè)模塊，這部分主要介紹人才培養(yǎng)方式及效果，例如出國(guó)深造、集中培訓(xùn)等；黨團(tuán)建設(shè)主要介紹黨委團(tuán)委的組成以及黨委團(tuán)委組織的第 3 章系統(tǒng)可行性研究及需求分析12各項(xiàng)傳統(tǒng)活動(dòng)等。各部分內(nèi)容由管理員在后臺(tái)進(jìn)行編輯發(fā)布，可根據(jù)需要進(jìn)行定期修改更新。（2）實(shí)時(shí)新聞的發(fā)布校園新聞動(dòng)態(tài)

55、是校園信息化的核心部分，其中的大部分內(nèi)容都將在主頁(yè)中進(jìn)行顯示。實(shí)時(shí)新聞發(fā)布主要包括招生信息、學(xué)校工作、學(xué)生教育和學(xué)生園地四個(gè)部分。其中招生信息不定期進(jìn)行更新，包括特長(zhǎng)生招收和應(yīng)屆生招收，每年發(fā)布的信息都將保留，分條目在界面中展示，點(diǎn)擊條目標(biāo)題可鏈接至正文部分進(jìn)行閱讀，為方便對(duì)本校有興趣的同學(xué)進(jìn)行了解和咨詢，在招生信息欄目下設(shè)置校內(nèi)導(dǎo)航以及校長(zhǎng)書記信箱，增強(qiáng)網(wǎng)站的人性化設(shè)計(jì)；學(xué)校工作包括校內(nèi)工作和教務(wù)公開兩個(gè)模塊，這一部分對(duì)學(xué)校開展的各項(xiàng)工作進(jìn)行發(fā)布，并且公布教務(wù)信息，以保證學(xué)校進(jìn)行的各項(xiàng)工作公開公正；學(xué)生教育部分包括學(xué)校針對(duì)于學(xué)生的教育信息，分條目列出，點(diǎn)擊標(biāo)題即可連接至正文部分；學(xué)生園地部分

56、包括學(xué)生社團(tuán)或者班級(jí)組織的活動(dòng)介紹，學(xué)生的課余作業(yè)等。各部分內(nèi)容由管理員在后臺(tái)進(jìn)行實(shí)時(shí)編輯發(fā)布，根據(jù)需要進(jìn)行定期更新。（3）新聞圖片展示圖片展示功能主要應(yīng)用于主頁(yè)，分為兩個(gè)模塊，一個(gè)用于發(fā)布學(xué)校近期的活動(dòng)，采用幻燈片的形式進(jìn)行展示，展示的圖片為按時(shí)間排序的前四個(gè)活動(dòng)，另一個(gè)模塊用于展現(xiàn)學(xué)校的風(fēng)采，采用圖片滾動(dòng)播放的形式展示，圖片個(gè)數(shù)不限。在兩個(gè)模塊中，圖片均由相關(guān)人員經(jīng)后臺(tái)上傳，在前臺(tái)展現(xiàn)。（4）文件的上傳下載校園網(wǎng)站專門設(shè)置一個(gè)模塊用于文件的下載，這一模塊包括制度政策、學(xué)生下載、教師下載和其他下載四個(gè)模塊，前三個(gè)模塊顧名思義，學(xué)生下載模塊的內(nèi)容只對(duì)學(xué)生可見，教師下載模塊的內(nèi)容只對(duì)教師可見，而

57、其他下載模塊中的內(nèi)容對(duì)所有人可見，包括校外人員。文件的上傳由被賦予權(quán)限的人員進(jìn)行上傳。（5）后臺(tái)維護(hù)后臺(tái)的模塊劃分與前臺(tái)對(duì)應(yīng)，每個(gè)模塊在前臺(tái)的展示，都是后臺(tái)編輯或者上傳的結(jié)果。除前臺(tái)各個(gè)模塊外，后臺(tái)增加了信息管理模塊，分為個(gè)人信息管理和所有用戶管理兩部分，其中個(gè)人信息管理對(duì)超級(jí)管理員和各部門管理員可見，所有用戶管理模塊只對(duì)超級(jí)管理員可見。此校園網(wǎng)站設(shè)置了五種用戶權(quán)限，分別是超級(jí)管理員、部門管理員、老師、學(xué)生和游客，他們?cè)诰W(wǎng)站中中享有不同待遇，擁有不同權(quán)限。除此之外，還要求網(wǎng)站界面簡(jiǎn)潔、易于操作。第 3 章系統(tǒng)可行性研究及需求分析133.33.3 本章小結(jié)本章小結(jié)本章通過對(duì)現(xiàn)有校園網(wǎng)站和學(xué)校情況

58、的調(diào)查分析，說明開發(fā)一個(gè)高效實(shí)用的校園網(wǎng)站具有可行性。作者走入用戶群，通過采訪和問卷調(diào)研等方法，從多方面研究了不同用戶的關(guān)注點(diǎn)，詳細(xì)分析了當(dāng)前學(xué)校的對(duì)學(xué)校網(wǎng)站的需求，并對(duì)需求做了簡(jiǎn)要概括和說明。第 4 章系統(tǒng)設(shè)計(jì)14第第 4 4 章章系統(tǒng)設(shè)計(jì)系統(tǒng)設(shè)計(jì)4.14.1 框架設(shè)計(jì)框架設(shè)計(jì)校園管理系統(tǒng)面向大眾展示校園風(fēng)采、教學(xué)理念等，此外，面向?qū)W生以及教職工進(jìn)行新聞動(dòng)態(tài)以及要聞的發(fā)布，因此，我們采用 B/S 結(jié)構(gòu)以及三層架構(gòu)理念，基于互聯(lián)網(wǎng)進(jìn)行訪問。降低了網(wǎng)站的復(fù)雜性，提高了可擴(kuò)展性。同時(shí)，設(shè)置后臺(tái)管理系統(tǒng)由管理員進(jìn)行統(tǒng)一管理3132。根據(jù)用戶需求的深度調(diào)研，我們?cè)O(shè)計(jì)前臺(tái)界面包括首頁(yè)、校園概況、師資隊(duì)伍

59、、人才培養(yǎng)、黨團(tuán)建設(shè)、招生信息、學(xué)校工作、學(xué)生教育、學(xué)生園地、下載中心以及聯(lián)系我們，共十一個(gè)基本業(yè)務(wù)功能模塊。在后臺(tái)設(shè)計(jì)中，我們?cè)O(shè)置個(gè)人信息管理用于維護(hù)用戶個(gè)人信息，設(shè)置消息發(fā)布，包括所有的實(shí)時(shí)信息的圖片以及要聞的發(fā)布和批量維護(hù)，同時(shí)對(duì)除首頁(yè)以外的學(xué)校概況、師資隊(duì)伍等十個(gè)模塊一一設(shè)置獨(dú)立的管理模塊進(jìn)行維護(hù)。其詳細(xì)框架圖如下所示：校園網(wǎng)站首頁(yè)學(xué)校概況師資隊(duì)伍人才培養(yǎng)黨團(tuán)建設(shè)招生信息學(xué)校工作學(xué)生教育學(xué)生園地文件下載聯(lián)系我們活動(dòng)圖片學(xué)校概況要聞通知快速鏈接校長(zhǎng)信箱書記信箱校務(wù)公開學(xué)生園地教師風(fēng)采學(xué)校圖片學(xué)校簡(jiǎn)介校長(zhǎng)簡(jiǎn)介學(xué)校創(chuàng)始人現(xiàn)任領(lǐng)導(dǎo)組織機(jī)構(gòu)職工待遇聯(lián)系方式特級(jí)教師現(xiàn)有教師先進(jìn)教師特級(jí)教師現(xiàn)有教師

60、先進(jìn)教師教師表彰校內(nèi)工作教務(wù)公開圖 4.1 系統(tǒng)框架設(shè)計(jì)第 4 章系統(tǒng)設(shè)計(jì)154.24.2 數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)設(shè)計(jì).1 E-RE-R 模型模型根據(jù)數(shù)據(jù)庫(kù)設(shè)計(jì)，得到本校園網(wǎng)站的 E-R 圖如下圖所示30：學(xué)生標(biāo)識(shí)學(xué)院專業(yè)班級(jí)姓名學(xué)號(hào)教授1N查看基本信息隸屬模塊詳細(xì)內(nèi)容查看實(shí)時(shí)要聞老師是否置頂標(biāo)識(shí)標(biāo)題內(nèi)容標(biāo)識(shí)學(xué)院專業(yè)職稱姓名職工號(hào)標(biāo)識(shí)模塊名稱部門時(shí)間所屬模塊文件隸屬模塊文件說明標(biāo)識(shí)文件名查看查看下載下載管理員維護(hù)維護(hù)上傳 圖 4.2 E-R 模型.2 數(shù)據(jù)庫(kù)表的邏輯結(jié)構(gòu)設(shè)計(jì)數(shù)據(jù)庫(kù)表的邏輯結(jié)構(gòu)設(shè)計(jì)根據(jù) E-R 圖設(shè)計(jì)以及網(wǎng)站的需求，我們?cè)O(shè)計(jì)數(shù)據(jù)庫(kù)表如下3013：表 4.