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

論 文 中 文 題 目 作作 者者 姓姓 名名 吉 林 大 學 分分 類類 號 號 XXX 單位代碼 單位代碼 XXX 研究生學號 研究生學號 XX 密密 級 公級 公 開開 吉 林 大 學 碩士學位論文 基于基于 JSPJSP 的校園網(wǎng)站的設計與實現(xiàn)的校園網(wǎng)站的設計與實現(xiàn) Design and implementation of Campus website Based on the JSP 作者姓名 作者姓名 XXXXXX 專專 業(yè) 業(yè) XXXXXX 研究方向 研究方向 XXXXXX 指導教師 指導教師 XXXXXX 教授教授 培養(yǎng)單位 計算機科學與技術學院培養(yǎng)單位 計算機科學與技術學院 201X 年年 X 月月 基于 JSP 的校園網(wǎng)站的設計與實現(xiàn) Design and implementation of Campus website Based on the JSP 作者姓名 XXX 專業(yè)名稱 XXX 指導教師 XX 教授 學位類別 軟件工程碩士 答辯日期 年 月 日 未經(jīng)本論文作者的書面授權 依法收存和保管本論文書面版 本 電子版本的任何單位和個人 均不得對本論文的全部或部分 內(nèi)容進行任何形式的復制 修改 發(fā)行 出租 改編等有礙作者 著作權的商業(yè)性使用 但純學術性使用不在此限 否則 應承 擔侵權的法律責任 吉林大學碩士學位論文原創(chuàng)性聲明 本人鄭重聲明 所呈交的碩士學位論文 是本人在指導教師的指導下 獨立進行研究工作所取得的成果 除文中已經(jīng)注明引用的內(nèi)容外 本論文 不包含任何其他個人或集體已經(jīng)發(fā)表或撰寫過的作品成果 對本文的研究 做出重要貢獻的個人和集體 均已在文中以明確方式標明 本人完全意識 到本聲明的法律結(jié)果由本人承擔 學位論文作者簽名 日期 201 年 月 日 中國優(yōu)秀博碩士學位論文全文數(shù)據(jù)庫 投稿聲明 研究生院 本人同意 中國優(yōu)秀博碩士學位論文全文數(shù)據(jù)庫 出版章程的內(nèi)容 愿意將本人的學位論文委托研究生院向中國學術期刊 光盤版 電子雜志 社的 中國優(yōu)秀博碩士學位論文全文數(shù)據(jù)庫 投稿 希望 中國優(yōu)秀博碩 士學位論文全文數(shù)據(jù)庫 給予出版 并同意在 中國博碩士學位論文評價 數(shù)據(jù)庫 和 CNKI 系列數(shù)據(jù)庫中使用 同意按章程規(guī)定享受相關權益 論文級別 碩士 博士 學科專業(yè) 軟件工程 論文題目 基于 JSP 的校園網(wǎng)站的設計與實現(xiàn) 作者簽名 指導教師簽名 2013 年 月 日 作者聯(lián)系地址 郵編 作者聯(lián)系電話 摘 要 I 摘摘 要要 基于基于 JSPJSP 的校園網(wǎng)站的設計與實現(xiàn)的校園網(wǎng)站的設計與實現(xiàn) 在信息時代飛速發(fā)展的今天 無論是企業(yè)還是學校 信息化建設都成為一個必不可 少的模塊 校園網(wǎng)站作為學校高度信息化的平臺 主要用于達到學校面向大眾的宣傳 效應以及日常校園管理中新聞的及時發(fā)布 因此 一個好的校園網(wǎng)站在提高校園日常 管理效率的同時 達到良好的宣傳效應 而怎樣利用一項新的技術構建校園網(wǎng)站 加 速學校信息化的進程 提高學校及教師的工作效率 增強教育資源的管理 從而提升 學校的知名度成為我們亟待解決的一個問題 本校園網(wǎng)站課題在對各個組織相關理論進行分析的基礎上 采用了目前應用比較 普遍的 B S 架構 在 JSP 技術和 MySQL 數(shù)據(jù)庫管理技術的基礎上進行設計和實現(xiàn) 能 夠很好地幫助學校解決教學資源管理的許多難題 在設計與開發(fā)過程中 我們采用 JSP 結(jié)合 CSS 以及 JavaScript 設計語言 利用 MyEclipse 以 MySql Server 為數(shù)據(jù)庫 Tomcat 為 web 服務器進行開發(fā) 網(wǎng)站為 B S 架構 開發(fā)過程中遵循三層架構模式 較低了系統(tǒng)的復雜性 提高了系統(tǒng)的可擴展性 我們將系統(tǒng)分為前臺頁面展示和后臺管理兩大模塊 將使用對象劃分為五中用戶角 色并賦予不同級別的權限 設計過程遵循 B S 三層架構 保證了系統(tǒng)的可擴展性 降 低了系統(tǒng)的復雜性 此外 在開發(fā)過程中 我們利用 JavaScript 實現(xiàn)動態(tài)圖片的展示 用 JspSmartUpload 實現(xiàn)上傳下載 用 Ckeditor 實現(xiàn)后臺編輯 用過濾器實現(xiàn)非法登陸 的攔截 最后 我們通過 CSS 結(jié)合 HTML 的精心設計 在實現(xiàn)基本功能的同時 盡力 達到簡約時尚 頁面布局合理舒適 色彩清新的界面設計 在體現(xiàn)其新聞性的同時 提高網(wǎng)站的觀賞性 讓人耳目一新 本次網(wǎng)站的設計與實現(xiàn)過程基于對校園業(yè)務需求的深入調(diào)研 因此 本網(wǎng)站系統(tǒng)涵 蓋了校園網(wǎng)站的所有基本功能 在符合需求的同時 我們實現(xiàn)了合理布局以及便捷式 的操作界面 能夠切實的推動學校適應現(xiàn)代化技術的發(fā)展 增強學校資源的利用率 加強學校管理效率 同時提升了學校的知名度 最終 達到了研究目的并實現(xiàn)系統(tǒng)的 設計意義 關鍵詞 關鍵詞 校園網(wǎng)站 設計與實現(xiàn) JSP Abstract II AbstractAbstract Design and implementation of Campus website based on the JSP With the rapid development of information technology today no matter in 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 efficiency 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 improve 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 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 adopts 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 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 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 try 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 Abstract III This website design realization process based on the in 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 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 Keywords Campus Website Design and Implementation JSP 目 錄 I 目目 錄錄 第 1 章 緒 論 1 1 1 研究背景及意義 1 1 2 國內(nèi)外發(fā)展現(xiàn)狀 1 1 3 本文研究內(nèi)容及論文組織結(jié)構 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 插件應用技術 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)設計 14 4 1 框架設計 14 4 2 數(shù)據(jù)庫設計 15 4 2 1 E R 模型 15 4 2 2 數(shù)據(jù)庫表的邏輯結(jié)構設計 15 4 3 模塊設計 17 4 3 1 圖片展示部分 17 4 3 2 身份驗證及登陸認證 18 4 3 3 要聞發(fā)布 19 4 3 4 上傳下載設計 20 目 錄 II 4 3 5 學校基本信息 20 4 3 6 權限設計 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 關鍵技術的實現(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 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 作者簡介及在學期間所取得的科研成果 42 致 謝 43 第 1 章 緒 論 1 第第 1 1 章章 緒緒 論論 1 1 1 1 研究背景研究背景及意義及意義 隨著信息技術的飛速發(fā)展 互聯(lián)網(wǎng)走入千家萬戶 正在逐步深刻地影響著我們的 工作及學習的方方面面 現(xiàn)如今 它已深入到大家的日常生活當中 成為人們交互信 息的重要渠道 網(wǎng)站是互聯(lián)網(wǎng)興起后 人們交互信息的重要途徑 它能夠?qū)崿F(xiàn)信息的 發(fā)布 傳遞以及獲取 學校網(wǎng)站的建立 有利于學校信息的公布 是學校的運作公正 公開 逐步實現(xiàn)透明化 同時 有助于學生與老師 學生與學生之間的溝通 校園網(wǎng) 站的出現(xiàn)為學校管理帶來了一種嶄新的模式 促進了舊式學校管理方法的改革 伴隨著信息時代的來臨 舊式的學校管理將面臨全新的變革 舊式的學校組織機 構被改革成一個網(wǎng)絡系統(tǒng) 使得學校的管理趨于簡化 效率得到了空前提高 在當今社會 傳統(tǒng)的 教師講授 學生學習 的模式已經(jīng)被 以學生為主 以教 師為輔 的新式教學模式所代替 隨著新式教育理論的不斷完善 越來越多的信息資 源由校園網(wǎng)站所提供 校園網(wǎng)站能夠為師生提供交流信息和資源共享的平臺 能夠提 高學校的教育水平和科研能力 因此 校園網(wǎng)站的建設不僅響應國家教育文件的精神 還能為全校師生提供一個溝通交流的平臺 在因特網(wǎng)飛速發(fā)展的今天 目前我們亟待解決的一個問題是 怎樣利用一項新的 技術構建校園網(wǎng)站 加速學校信息化的進程 提高學校及教師的工作效率 增強教育 資源的管理 從而提升學校的知名度 該系統(tǒng)需要多方面考慮每一個用戶的使用 本校園網(wǎng)站課題在對各個組織相關理論進行分析的基礎上 采用了目前應用比較 普遍的 B S 架構 在 JSP 技術和 MySQL 數(shù)據(jù)庫管理技術的基礎上進行設計和實現(xiàn) 能 夠很好地幫助學校解決教學資源管理的許多難題 1 本課題的研究意義表現(xiàn)在以下幾個方面 其一 推動學校適應現(xiàn)代化技術的發(fā)展 其二 增強學校資源利用率 其三 加強學校管理 其四 提升學校的知名度 考慮 到以上四點原因 我選擇本課題作為畢設的題目 1 21 2 國內(nèi)外發(fā)展現(xiàn)狀國內(nèi)外發(fā)展現(xiàn)狀 隨著因特網(wǎng)技術的高速發(fā)展 校園網(wǎng)站的建設在國內(nèi)外各個學校受到越來越多的 重視 在當今這樣一個數(shù)字化時代 校園建的數(shù)字化成為一個大趨勢 2 在國內(nèi) 我國因特網(wǎng)技術起步較晚 但發(fā)展速度卻絲毫不亞于國外 從整體來看 第 1 章 緒 論 2 校園網(wǎng)站的完全實用化仍處于發(fā)展階段 但是仍然有一部分學校擁有世界眼光 較早 開始運用互聯(lián)網(wǎng)并且已經(jīng)具備一定的基礎 最近幾年 因特網(wǎng)在國內(nèi)發(fā)展速度之快已 經(jīng)完全超出想像 各個教育網(wǎng)站相機發(fā)展起來 從發(fā)達國家在教育數(shù)字化方面所走過 的歷程來看 學校網(wǎng)站的建設是教育數(shù)字化的必經(jīng)之路 其中網(wǎng)絡技術為其提供了簡 便的平臺 使得校園網(wǎng)站的建設勢如破竹 在國外 校園網(wǎng)站建設開展得很早 但從起點說 就已經(jīng)遠遠超過國內(nèi)水平 普 及率之快之廣讓人難以相信 在歐美國家 國家對校園網(wǎng)站的建設投資巨大 各學校 開始對校園進行數(shù)字化發(fā)展 在美國 許多大學都都擁有自己健全的校園網(wǎng)站 此外 中小學也在充分普及這一理念 3 1 31 3 本文研究內(nèi)容及論文組織結(jié)構本文研究內(nèi)容及論文組織結(jié)構 本課題的研究圍繞以下方面開展 熟悉 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 設計等 盡力達到簡約時尚 頁面布局合理舒適 色彩清 新的界面設計 論文組織結(jié)構如下 第一章 緒論 闡述系統(tǒng)的研究背景 對國內(nèi)外研究現(xiàn)狀進行調(diào)研 介紹本文的主 要研究工作 第二章 相關技術分析 介紹我們所采用的主要技術以及核心實現(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)的關鍵技術 第六章 總結(jié)與展望 對本次網(wǎng)站開發(fā)進行總結(jié)并規(guī)劃進一步研究方向 第 2 章 相關技術 3 第第 2 2 章章 相關技術相關技術 2 12 1 開發(fā)環(huán)境簡介開發(fā)環(huán)境簡介 本項目中 我們主要采用 JAVA JSP 開發(fā)為主 結(jié)合 HTML CSS 進行網(wǎng)頁布局 的設計 并適當利用 JavaScript 以及 JQuery 實現(xiàn)某些特定功能 因此 根據(jù)項目采用 的開發(fā)語言 為提高項目開發(fā)效率 我們決定利用 My Eclipse 進行開發(fā) 數(shù)據(jù)庫采用 開源的 MySQL 并配合使用 Tomcat 服務器 構成本項目完整的開發(fā)環(huán)境 以下為開 發(fā)環(huán)境的概要介紹 2 1 12 1 1 開發(fā)工具開發(fā)工具 MyEclipseMyEclipse My Eclipse 是用于開發(fā) Java J2EE 的一個優(yōu)秀的 Eclipse 插件集合 廣泛支持各種 開源的產(chǎn)品 幾乎囊括所有 Eclipse 支持的產(chǎn)品 因此備受青睞 MyEclipse Enterprise Workbench 是對 EclipseIDE 的擴展 支持 HTML Structs JSP CSS Javascipt 等等 4 Error Reference source not found 因此我們可以 利用其在數(shù)據(jù)庫和 JAVAEE 開發(fā) 發(fā)布以及 WEB 應用程序服務的整合方面大大的提 高工作效率 并利用它們的完美結(jié)合 最終設計出令人難以置信的用戶界面以及絢麗 的動畫效果 本項目中 我們主要采用 MyEclipse8 6 版本進行開發(fā) 其仍然選擇 Eclipse3 5 2 作 為核心 但 8 6 的版本在 8 5 之上進行了很大的改進 MyEclipse 8 6 的重點是進一步簡 化基于標準應用程序?qū)蠖似脚_ Spring 框架的支持 包括 Spring MVC Spring Web Flow iPhone Web 應用程序 谷歌 Web 工具包 GWT 和 Adobe Flex 支持最新版 本 Apache Tomcat 支持 Structs2 并加載模塊的自定義功能 各方面的特性都更有利于 大大提高 Web 項目的開發(fā) 因此 我們采用 MyEclipse8 6 版本進行開發(fā) 2 1 22 1 2 數(shù)據(jù)庫數(shù)據(jù)庫 MySqlMySql ServerServer 5 65 6 MySQL 由瑞迪的 MySQL AB 公司開發(fā) 屬于 Oracle 公司 是一種關系型數(shù)據(jù)庫 管理系統(tǒng) 即將數(shù)據(jù)保存在不同的表中 而不是將所有數(shù)據(jù)放在一個大倉庫內(nèi) 這樣 的特點是得數(shù)據(jù)庫的速率增大并提高了靈活性 MySQL 的 SQL 語言為訪問數(shù)據(jù)庫的 的最常用標準化語言 MySQL 由于其特性開源 且它的體積小 速度快 總體擁有成 本低 同時 MySQL 使用了多種編譯器進行測試 保證了源代碼的可移植性 提供多 第 2 章 相關技術 4 接口 廣泛支持各種編程語言 兼容性良好 提高 TCP IP ODBC JDBC 等多種數(shù)據(jù) 庫接入方式 同時也支持大型數(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 復制 5 6 13 提供新的編程接口 使用戶可以將 MySQL 與新的和原有的應用程序以及數(shù)據(jù)存儲無縫 集成 2 1 32 1 3 服務器服務器 TomcatTomcat 7 07 0 Tomcat 是 Apache 軟件基金會的 Jakarta 項目中的一個核心項目 由 Apache Sun 和其他一些公司及個人共同開發(fā)而成 由于有了 Sun 的參與和支持 最新的 Servlet 和 JSP 規(guī)范總是能在 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 的一個重要原因是 Tomcat7 x 版本 在 6 0 的基礎上實現(xiàn)了對于 Servlet 3 0 JSP 2 2 和 EL 2 2 等特性的支持 且在 WEB 開 發(fā)方面得到了進一步的改善 如 支持 Web 應用內(nèi)存溢出偵測和預防 支持 web 應用 中的外部內(nèi)容的直接引用等等 7 2 22 2 開發(fā)語言介紹開發(fā)語言介紹 2 2 12 2 1 JSPJSP JSP 全稱 Java server pages 是一種動態(tài)網(wǎng)頁技術的標準 該技術用于在傳統(tǒng)的靜態(tài) 網(wǎng)頁 HTML 中加入 JSP 標記和 JS JavaScript 8 9 其中 Java 片段用于實現(xiàn)數(shù)據(jù)的發(fā) 第 2 章 相關技術 5 送和交互等操作 所有的操作都集成在服務器端進行 這樣使得客戶端免去了對 JAVA等技術支持的要求 只需要具備主流瀏覽器即可方便的訪問 JSP 頁面 從而更 好實現(xiàn)網(wǎng)頁功能 JSP 為跨平臺設計 兼容各類主流的操作系統(tǒng) 有良好的移植性 7 JSP 本質(zhì)相當于一個 Servlet 它利用標記將 java 片段擴展至 html 中 當頁 面請求發(fā)送到服務器端后 服務器對 java 片段進行動態(tài)處理 即封裝了動態(tài)邏輯的處 理 最終解析形成一個靜態(tài)的 html 頁面發(fā)回客戶端 從而滿足客戶瀏覽各類網(wǎng)頁的需 求 自從 JSP 推出 目前已具備多種優(yōu)良特性 JSP 將其內(nèi)容的顯示與生成分離 依賴 可重用性 跨平臺組件 適應各類平臺 移植性良好 并支持眾多的數(shù)據(jù)庫連接接口 由于其開發(fā)特性廣受歡迎 迅速得到各大公司的支持 因此 JSP 形成了商業(yè)應用的服 務器開發(fā)語言主流 JSP 的運行機制如下圖所示 7 4 客 戶 端 請求JSP頁面 返返回回響響應應 JSP文件 請求JSP頁面 JSP容器 Servlet文件 java Class文件 class Servlet實例 轉(zhuǎn)換 Translation 編譯 javac 執(zhí)行 圖 2 1 JSP 文件的執(zhí)行過程 JSP 的工作原理 當 web 容器 tomcat jboss 等等 接收到用戶的第一個 JSP 頁面請 求時 JSP 引擎將這個 JSP 頁面轉(zhuǎn)換為 java 源代碼 servlet 類 在轉(zhuǎn)換過程中 如果發(fā) 現(xiàn) JSP 文件有任何的語法錯誤 轉(zhuǎn)換過程將終止 并向服務器和客戶端輸出錯誤信息 如果轉(zhuǎn)換成功 然后 JSP 引擎用 javac 編譯 java 源代碼生成 class 文件 然后 web 容器 加載 class 文件并從此創(chuàng)建一個新的 servlet 對象進行實例化 當 Servlet 類實例化后 容器加載 jsinit 以通知 servlet 它已進入服務行列 然后 JSP Service 方法被調(diào)用來 處理客戶端的請求 Container 根據(jù)客戶端的請求創(chuàng)建響應文檔 并發(fā)送給客戶端 當該請求被再次發(fā) 第 2 章 相關技術 6 出時 在 class 存在的期限內(nèi) container 會再次重復生成過程 但當類文件被用戶刪除 后 JSP 文件被重新加載 新生成的響應文檔被發(fā)送給用戶 若多用戶申請訪問 則 Jsp 引擎會處理與請求數(shù)相同的多線程 多線程模式可以提高效率 提高吞吐量以及反 應速率 服務器會檢測 JSP 文件的更新狀況并決定是否重新加載 若需要 則將最新 結(jié)果替代原有版本 當由于各種原因需要將 servlet 才內(nèi)存中移去時 系統(tǒng)首先自動調(diào) 用 destroy 的方法 然后進行垃圾回收 2 2 22 2 2 CSSCSS CSS 全稱 Cascading Style Sheet 級聯(lián)樣式表 10 在網(wǎng)頁設計中用來控制網(wǎng)頁的 顯示風格 我們通過設置 CSS 文件 可以統(tǒng)一的控制 HTML 中各類標簽 包括用戶標 簽和默認標簽的顯示方式 使得網(wǎng)頁的外觀得以有效的控制 11 CSS 相對于傳統(tǒng)的 html 作為一種樣式設計語言 它將網(wǎng)頁表現(xiàn)與內(nèi)容分離 可 以有效的對 HTML 以及 XML 等文件進行風格顯示的控制 形成精確有效的設計風格 且易于掌握易于操作 12 CSS 能夠精確控制網(wǎng)頁中布局 對相對位置或絕對位置進行 限制 支持很多網(wǎng)頁設計元素 用戶可對其進行交互設計 是較為完備的設計語言之 一 CSS 目前最新的版本為 CSS3 CSS3 較 CSS 的初期版本而言 開發(fā)趨勢更接近于 模塊化 它將原來復雜的一個整體模塊 劃分為更加細小的模塊 從而提高開發(fā)的效 率 且 CSS3 向后完全兼容 因此 在本項目中 我們主要以 CSS 的初期版本為主 以 CSS3 為輔 實現(xiàn)部分網(wǎng)頁風格的設計 13 2 2 32 2 3 JSJS JS 全稱 JavaScript 由 Netscape 公司開發(fā)的一種腳本語言 14 是一種基于對象和 事件驅(qū)動并具有相對安全性的客戶端腳本語言 同時也是一種廣泛用于客戶端 Web 開 發(fā)的腳本語言 常用來給 HTML 網(wǎng)頁添加動態(tài)功能 在 HTML 基礎上 使用 JavaScript 可以開發(fā)交互式 Web 網(wǎng)頁 JavaScript 能提高網(wǎng)頁的互動能力 他可以簡化 HTML 內(nèi)容 降低下載的時間 它還可以及時的對用戶操作作出回應 實時的對提交 的表單進行檢驗 不用再因為交給 CGI 進行驗證而浪費時間 它并非預編譯語言 而 是類腳本語言 它將代碼直接嵌入 HTML 中 只有當被瀏覽器讀取時才編譯和執(zhí)行 JavaScript 無單獨運行窗口 它所謂的運行窗口即瀏覽器的當前窗口 第 2 章 相關技術 7 一個完整的 JavaScript 的組成包括 核心 ECMAScript 文檔對象模型 Document Object Model 簡稱 DOM 瀏覽器對象模型 Browser Object Model 簡 稱 BOM 15 16 17 如下圖所示 ECMAScript JavaScript DOMBOM 圖 2 2 JavaScript 組成 在本項目設計中 我們利用 JS 實現(xiàn)一些基本如彈出框等技術 相對于 JSP 要更加 方便快捷 2 2 3 3 過濾器技術過濾器技術 從 J2EE1 3 開始 Servlet2 3 規(guī)范中加入了對過濾器 Filter 的支持 過濾器能夠 對目標資源的請求和響應進行截取 過濾器用于檢測客戶端請求和服務器的響應是否 滿足過濾器規(guī)則 同時對數(shù)據(jù)進行操作 過濾器是通常封裝了一些功能的 Web 組件 同時 支持模塊化 對功能性組件進行封裝 并對其相應處理 過濾器具有動態(tài)的 可重用的 可移植的 模塊化的等多種優(yōu)良特性 在過濾器的實現(xiàn)中 我們需要對其 進行 java 類的編寫用以實現(xiàn) filter 接口 同時進行 web xml 的配置 使用和 元素對編寫的 filter 類進行注冊 并設置它所能攔截的資源 過濾器的功能包括兩個方面 1 HttpServletRequest 到達 Servlet 之前 攔截客戶的 HttpServletRequest 根 據(jù)需要檢查 HttpServletRequest 也可以修改 HttpServletRequest 頭和數(shù)據(jù) 2 在 HttpServletResponse 到達客戶端之前 攔截 HttpServletResponse 根據(jù)需 要檢查 HttpServletResponse 也可以修改 HttpServletResponse 頭和數(shù)據(jù) 過濾器的工作原理 18 用戶發(fā)出訪問請求后 服務器首先根據(jù)開發(fā)人員設定好的過濾規(guī)則進行篩選 若 求情可通過過濾器 則直接交付請求 否則 可以對請求進行攔截 同時對請求進行 修改 使其可以通過過濾器檢測 然后將更新后的請求交給服務器進行處理 此外 也可以直接攔截請求后向用戶響應 對響應信息也是相同的處理原理 過濾器的工作方式分為四種 request 過濾器 forward 過濾器 include 過濾器 error 過濾器 在本項目中 我們主要運用其檢驗后臺用戶的登陸狀態(tài) 19 20 19 第 2 章 相關技術 8 2 42 4 插件應用技術插件應用技術 2 4 12 4 1 jspSmartUploadjspSmartUpload jspSmartUpload 是一個用于文件上傳下載組件 它無需付費且功能全面 可以嵌入 到 JSP 文件中 用于完成上傳下載操作 它的特點如下 1 易于使用 僅需要在 JSP 文件中寫很短的代碼就能完成文件的上傳 下載操作 容易使用 2 上傳操作是可控的 用 jspSmartUpload 給予的對象和對象的操作方法 我們能 得到所有上傳文件的相關內(nèi)容 包括文件的名稱 大小 類型 擴展名等 易于存儲和獲取 3 可以限制上傳文件的類型等 這樣的話 就能過濾那些與要求不符的文件 4 提供靈活的下載 短短幾行代碼 就可以從 Web 服務器轉(zhuǎn)換成文件服務器 無論文件在哪個目錄下 都能使用 jspSmartUpload 做下載操作 jspSmartUpload 組件開源 其 Jar 包可從網(wǎng)上自由下載 進行相關配置后 即可應 用 21 它主要包含以下幾個類 1 File 類類 將有關上傳文件的全部信息進行封裝 這樣 能獲取上傳的文件的名 稱 擴展名 大小以及文件相關數(shù)據(jù)等內(nèi)容 2 Files 類類 此類用于對全部上傳文件的總體進行表示 通過這個類 能獲取上 傳文件的大小和個數(shù)等等相關內(nèi)容 3 Request 類類 它的功能類似于 request JSP 的內(nèi)置對象 提供這個類的原因 是對文件的上傳表單來說 表單項上的內(nèi)容無法通過 request 來得到 所以只 有用 jspSmartUpload 的 Request 對象得到 4 SmartUpload 類類 對核心上傳下載功能進行負載 jspSmartUpload 組件是應用 JSP 進行 B S 程序開發(fā)過程中經(jīng)常使用的上傳下載組件 它使用簡單 方便 在本項目中 我們主要應用其進行文件的上傳下載功能的實現(xiàn) 該技術最大問題是往往不支持中文 出現(xiàn)亂碼現(xiàn)象 我們將針對這一問題作出改進 更好的應用于項目的開發(fā) 2 4 22 4 2 CkeditorCkeditor Ckeditor 原名 FCKeditor 該名稱來源于開發(fā)者的名字縮寫 它是一個文字編輯器 是開源的 一般專門應用于網(wǎng)頁 Ckeditor 輕量化 是一個安裝簡便的插件 應用在在 第 2 章 相關技術 9 線編輯器中 可以和 ASP ASP NET ColdFusion ABAP PHP JSP JavaScript 及 Java 等多種語言結(jié)合在一起使用 在使用中 由于 CKEditor 是一個 Javascript 的應用 在前期配置成功后 我們對 它的應用只需要加載它僅需要在頁面中將它引用 同時創(chuàng)建一個 Ckeditor 實例 且 Ckeditor 十分方便 它有很多參數(shù)可以自行配置 用戶可以通過設定不同的參數(shù)來設置 其個性化的用戶體驗 CKeditor 兼容絕大部分的網(wǎng)頁瀏覽器 新版的編輯器的更新包括 新的用戶界面 一個支持 Plug in 的 Javascript API 并提供對視覺障礙者的使用支持 CK 是對 FCK 的 代碼的完全重寫 22 新版中不包含文件瀏覽器 因此 在本項目中 我們結(jié)合舊版 FCKeditor 實現(xiàn)完整的后臺編輯以及圖片上傳功能 2 4 32 4 3 JQueryJQuery JQuery 是一個優(yōu)秀的 JavaScript 框架 它是一個輕量級的 JS 庫 支持 CSS3 并兼 容幾乎所有的主流瀏覽器 JQuery 使用戶能更方便地處理 HTML documents events 實現(xiàn)動畫效果 并且方便地為網(wǎng)站提供 AJAX 交互 JQuery 還有一個比較大的優(yōu)勢是 它的文檔說明很全 而且各種應用也說得很詳細 同時還有許多成熟的插件可供選擇 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 的文檔說明很全 而且各種應用也說得很詳細 同 時還有許多成熟的插件可供選擇 比如 ComponentOne for jQuery 25 26 27 24 在本項目中 我們將利用 Jquery 的強大特性輕松實現(xiàn)部分新聞圖片的動態(tài)展示 28 2 52 5 本章小結(jié)本章小結(jié) 本章中 我們對本次項目開發(fā)中所使用的主要技術 包括開發(fā)環(huán)境相關的開發(fā)工 具 開發(fā)語言如 JSP CSS JQuery 等語言以及相關的核心技術如過濾器技術 以及我 們所采用的插件技術進行了概要介紹 第 3 章 系統(tǒng)可行性研究及需求分析 10 第第 3 3 章章 系統(tǒng)可行性研究及需求分析系統(tǒng)可行性研究及需求分析 3 13 1 系統(tǒng)可行性研究系統(tǒng)可行性研究 當前 信息時代愈加發(fā)達 生活節(jié)奏加快 無論是工作還是生活 信息成為一個 高頻度名詞 對信息的及時發(fā)布以及掌握無論在系統(tǒng)流程 工作調(diào)控還是日常生活 都至關重要 因此 作為知識普及的前沿和陣地 一個及時 完整的新聞發(fā)布以及學 校信息對外公開的平臺十分重要 人們需要通過這樣一個平臺來獲得學校的及時動態(tài) 掌握入學信息 學生需要這樣一個平臺來掌握每日的教學動態(tài)以及學校新聞 教師需 要這樣一個平臺來展示風采 高談闊論 學校更需要這樣一個平臺來上傳下達 宣揚 教學理念 吸引生源 因此 我們需要建設一個基本功能完備 易于操作 界面簡潔 干凈 靈活易管理的校園網(wǎng)站 從而促進校園信息的及時更新與發(fā)布 提高學校的信 息化管理水平 29 經(jīng)調(diào)查分析 本文得出結(jié)論 建立一個校園網(wǎng)站是可行且必要的 具體表現(xiàn)為以 下幾點 30 13 1 校園網(wǎng)站的建設有利于現(xiàn)代化人才的培養(yǎng) 近年來 許多學校進行了外在模式上的變革 但教育模式的本質(zhì)絲毫沒有動搖 依舊是老師主動傳授 學生被動接受的舊式教育模式 學生的獨立思考能力以及創(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é)調(diào)發(fā)展 3 校園網(wǎng)站提高學習資源的利用率 在互聯(lián)網(wǎng)的眾多資源中 搜索有用的教育教學信息以及學習資源是費時費力地 對于教師 如果有海量的有序資源作為支持 就會把備課 講課 課后作業(yè)等各種環(huán) 節(jié)輕松高效的完成 對于學生 海量的有序資源能夠培養(yǎng)學生的關注自身有關信息的 責任感 培養(yǎng)學生獲取信息以及分析 解決問題的能力 因此 提高學習資源的利用 率 對學校的長遠發(fā)展有深遠的意義 30 第 3 章 系統(tǒng)可行性研究及需求分析 11 4 校園網(wǎng)站有利于進行招生宣傳 校園網(wǎng)站是學校與外界的溝通窗口 尤其在招生方面 能夠顯示出校園網(wǎng)的重大 作用 利用校園網(wǎng)站發(fā)布招生信息 可以在提高學校知名度的基礎上 加大招生宣傳 力度 3 23 2 需求分析需求分析 校園網(wǎng)站作為學校高度信息化的平臺 主要用于達到學校面向大眾的宣傳效應以 及日常校園管理中新聞的及時發(fā)布 校園網(wǎng)站的主要面向?qū)ο鬄榇雽W的家庭以及在 校師生 因此 一個好的校園網(wǎng)站 需要實現(xiàn)基本功能完備 簡約時尚 頁面布局合 理舒適 色彩清新的界面設計 同時體現(xiàn)其新聞性和觀賞性 讓人耳目一新 通過分析 初步分析校園網(wǎng)站各個模塊如下 首先通過校園網(wǎng)站的 學校概況 師資隊伍 人才培養(yǎng) 等模塊對學校進行大力宣傳 不斷加深社會大眾對學校的 了解 使學校逐步趨向?qū)I(yè)化和知名化 其次借助于這一平臺的 人才培養(yǎng) 學生 教育 等模塊 使各位老師重新認識教育的意義 擺脫完全應試教育這一落伍的理念 采用現(xiàn)代教育模式進行人才培養(yǎng) 提高教師的教學水平 再次 通過 學生天地 模 塊 為學生提供一個展示自我的平臺 針對學校學生的特點 充分調(diào)動學生的積極性 以提高學生的學習效果 豐富學生的課余生活 最后 利用 下載中心 模塊 為教 師和學生提供學習及教學資料 為教師提供良好的教學環(huán)境 并且為學生提供良好的 學習環(huán)境 其主要功能需求如下所示 學?；拘畔⒌牟樵?實時新聞的發(fā)布 新聞圖片展示 制度政策文件的上傳下載 后臺維護 1 學校基本信息的查詢 包括學校概況 師資隊伍 人才培養(yǎng) 黨團建設四部分內(nèi)容的展示 其中學校概 況包括學校簡介 校長簡介 學校創(chuàng)始人 現(xiàn)任領導 組織機構 職工待遇以及相關 部門或人員聯(lián)系方式七個模塊 這一部分主要對學校的各項基本信息進行介紹 以期 望外界對學校有較好的整體認識 師資隊伍包括特級教師 先進教師 現(xiàn)有教師 以 及教師優(yōu)秀事跡成果表彰四個模塊 這一部分對教師以及教學資源進行概要介紹 將 各級教師分門別類列出 并對教師的優(yōu)秀事跡以及優(yōu)秀研究成果進行表彰 以提高教 師的積極性 人才培養(yǎng)部分不再細化多個模塊 這部分主要介紹人才培養(yǎng)方式及效果 例如出國深造 集中培訓等 黨團建設主要介紹黨委團委的組成以及黨委團委組織的 第 3 章 系統(tǒng)可行性研究及需求分析 12 各項傳統(tǒng)活動等 各部分內(nèi)容由管理員在后臺進行編輯發(fā)布 可根據(jù)需要進行定期修 改更新 2 實時新聞的發(fā)布 校園新聞動態(tài)是校園信息化的核心部分 其中的大部分內(nèi)容都將在主頁中進行顯 示 實時新聞發(fā)布主要包括招生信息 學校工作 學生教育和學生園地四個部分 其 中招生信息不定期進行更新 包括特長生招收和應屆生招收 每年發(fā)布的信息都將保 留 分條目在界面中展示 點擊條目標題可鏈接至正文部分進行閱讀 為方便對本校 有興趣的同學進行了解和咨詢 在招生信息欄目下設置校內(nèi)導航以及校長書記信箱 增強網(wǎng)站的人性化設計 學校工作包括校內(nèi)工作和教務公開兩個模塊 這一部分對學 校開展的各項工作進行發(fā)布 并且公布教務信息 以保證學校進行的各項工作公開公 正 學生教育部分包括學校針對于學生的教育信息 分條目列出 點擊標題即可連接 至正文部分 學生園地部分包括學生社團或者班級組織的活動介紹 學生的課余作業(yè) 等 各部分內(nèi)容由管理員在后臺進行實時編輯發(fā)布 根據(jù)需要進行定期更新 3 新聞圖片展示 圖片展示功能主要應用于主頁 分為兩個模塊 一個用于發(fā)布學校近期的活動 采用幻燈片的形式進行展示 展示的圖片為按時間排序的前四個活動 另一個模塊用 于展現(xiàn)學校的風采 采用圖片滾動播放的形式展示 圖片個數(shù)不限 在兩個模塊中 圖片均由相關人員經(jīng)后臺上傳 在前臺展現(xiàn) 4 文件的上傳下載 校園網(wǎng)站專門設置一個模塊用于文件的下載 這一模塊包括制度政策 學生下載 教師下載和其他下載四個模塊 前三個模塊顧名思義 學生下載模塊的內(nèi)容只對學生 可見 教師下載模塊的內(nèi)容只對教師可見 而其他下載模塊中的內(nèi)容對所有人可見 包括校外人員 文件的上傳由被賦予權限的人員