【導(dǎo)讀】形形色色的校園管理系統(tǒng)在全國(guó)各個(gè)教育階段廣泛應(yīng)用。園管理系統(tǒng)存在的問(wèn)題。針對(duì)問(wèn)題提出基于Ajax技術(shù)開(kāi)發(fā)學(xué)校管理系統(tǒng),等待的良好用戶(hù)體驗(yàn)。論文重點(diǎn)對(duì)校園管理系統(tǒng)下的學(xué)生綜合素質(zhì)評(píng)價(jià)系統(tǒng)展開(kāi)研究。析入手,詳細(xì)闡述了評(píng)價(jià)系統(tǒng)及數(shù)據(jù)庫(kù)的設(shè)計(jì)與實(shí)現(xiàn)。自評(píng)、小組評(píng)價(jià)、教師評(píng)價(jià)、家長(zhǎng)評(píng)價(jià)。學(xué)生分別記錄研究性學(xué)習(xí)、社會(huì)實(shí)踐、社區(qū)服務(wù)等活動(dòng)內(nèi)容及感受。真實(shí)、全面并具有代表性。長(zhǎng)配合學(xué)校教育,引導(dǎo)教師全面培養(yǎng)學(xué)生。校園管理系統(tǒng);評(píng)價(jià)模式;;AJAX;

　　

【正文】 HTML 的即時(shí)生成。在 Ajax 技術(shù)中當(dāng)客戶(hù) 發(fā)出的異步請(qǐng)求得到服務(wù)端響應(yīng)時(shí) ,由客戶(hù)端 JavaScript 調(diào)用 DOM 方法對(duì)頁(yè)面 元素進(jìn)行修改 ,從而動(dòng)態(tài)控制頁(yè)面顯示的內(nèi)容。 (5)層疊樣式表 CSS 在 Ajax 中 ,CSS 擔(dān)當(dāng)著界面表現(xiàn)的重任 ,重要性超過(guò)了傳 統(tǒng)的 Web 程序設(shè) 計(jì)。 JavaScript 通過(guò) XMLHttpRequest 對(duì)象和服務(wù)器進(jìn)行交互 ,通常獲取的都是 單純的數(shù)據(jù) ,不包括表現(xiàn)元素 ,將這些數(shù)據(jù)插入到文檔是一件嚴(yán)謹(jǐn)?shù)墓ぷ?,如果 此時(shí)還需要使用 JavaScript 操作標(biāo)記的屬性來(lái)控制其外觀 ,會(huì)使代碼更加復(fù)雜而 且難以維護(hù) ,也無(wú)法做到程序開(kāi)發(fā)人員和界面設(shè)計(jì)人員分工合作 ,使用 CSS 則 能很好地解決這些問(wèn)題。 CSS 知道出現(xiàn)在某個(gè)地方的標(biāo)記應(yīng)該顯示什么樣式 ,通 過(guò)簡(jiǎn)單的類(lèi)屬性和 ID 屬性也很容易決定哪些元素應(yīng)該有怎樣的表現(xiàn)樣式。 11 基于 AJAX 技術(shù)校園管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) AJAX 技術(shù) AJAX 是 的擴(kuò)展 ,是微軟公司所推出的全新頁(yè)面開(kāi)發(fā) 技術(shù)。完全集成了服務(wù)器端開(kāi)發(fā)工具、功能與服務(wù)。借助 AJAX,可以 將應(yīng)用程序的主要處理操作移轉(zhuǎn)到客戶(hù)端來(lái)執(zhí)行 ,在此同時(shí)還能夠以后臺(tái)操作方 式與服務(wù)器端進(jìn)行通信。這樣一來(lái) ,便可開(kāi)發(fā)出具有豐富操作界面、響應(yīng)快、不 【 10】 中斷操作的 Ajax 頁(yè)面程序。 概括起來(lái) , AJAX 應(yīng)用程序提供了下列功能 : (1)將大量的頁(yè)面處理移轉(zhuǎn)至客戶(hù)端的瀏覽器中來(lái)執(zhí)行 ,從而提高效率。 (2)提供了進(jìn)度欄指示、工具提示信息以及彈出窗口等大家所需要且熟悉 的界面項(xiàng)目。 (3) 提供異步局部更新功能 ,即以異步方式來(lái)局部更新頁(yè)面中需要更改的 內(nèi)容。這種做法有別于傳統(tǒng)頁(yè)面動(dòng)不動(dòng)就必須整個(gè)頁(yè)面全部刷新的方式 ,由于更 新的數(shù)據(jù)量少 ,效率自然提高 ,再者 ,畫(huà)面不會(huì)閃爍 ,大幅提升界面的親和力。 (4) AJAX 應(yīng)用程序不需要整個(gè)頁(yè)面回送。一個(gè)以瀏覽器為主的 應(yīng)用程序 (也就是以客戶(hù)端為主的應(yīng)用程序 )仍然需要使用以服務(wù)器端為 主的應(yīng) 用程序服務(wù) ,昀常見(jiàn)者不外乎就是窗體驗(yàn)證與用戶(hù)設(shè)置文件。 AJAX 提 供了相對(duì)應(yīng)的 JavaScript Proxy 方法 ,可以使通過(guò)以瀏覽器為主的應(yīng)用程序能夠 不需要進(jìn)行整個(gè)頁(yè)面回送就使用這些服務(wù)。 (5)提供內(nèi)置的異步機(jī)制來(lái)讓您在客戶(hù)端使用 JavaScript 去調(diào)用 Web 服務(wù) , 以便輕易且快速整合來(lái)自不同源的數(shù)據(jù)。 (6)提供了一個(gè)基礎(chǔ)架構(gòu)來(lái)讓您更容易為服務(wù)器控件添加客戶(hù)端功能。這 意味著 , AJAX 提供了一個(gè)完善的機(jī)制來(lái)讓您自行創(chuàng)建具備客戶(hù)端功能 的服 務(wù)器控件。 (7)支持目前市場(chǎng)上昀流行的瀏覽器 ,包括 :Microsoft Inter Explorer 、 Mozilla Firefox 以及 Apple Safari。 系統(tǒng)設(shè)計(jì)中我選擇 AJAX 技術(shù)作為開(kāi)發(fā)工具 ,目的是利用 服務(wù)器端的功能的同時(shí)可以整合客戶(hù)端的 JavaScript 功能。 AJAX的架 構(gòu)橫跨了客戶(hù)端與服務(wù)器端 ,非常適合用來(lái)創(chuàng)建操作方式更便利、反應(yīng)更快速的 跨瀏覽器頁(yè)面應(yīng)用程序。 AJAX 的功能涵蓋了這兩大層面 ,提供 頁(yè)面應(yīng) 用程序開(kāi)發(fā)人員一個(gè)功能豐富且開(kāi)發(fā)模式一致的頁(yè)面應(yīng)用程序開(kāi)發(fā)平臺(tái)。 12 基于 AJAX 技術(shù)校園管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 傳統(tǒng)開(kāi)發(fā)模式和基于 AJAX 技術(shù)的開(kāi)發(fā)模式 傳統(tǒng)的 Web 應(yīng)用模型工作起來(lái)就象這樣 :請(qǐng)求 刷新 顯示。大部分界面上 的用戶(hù)動(dòng)作觸發(fā)一個(gè)連接到 Web 服務(wù)器的 HTTP 請(qǐng)求。服務(wù)器完成一些處理 接收數(shù)據(jù) ,處理計(jì)算 ,再訪(fǎng)問(wèn)其它的數(shù)據(jù)庫(kù)系統(tǒng) ,昀后處理完畢后服務(wù)器返回一 個(gè) HTML 頁(yè)面到客戶(hù)端 ,將信息通過(guò)瀏覽器進(jìn)行顯示。而在服務(wù)器進(jìn)行處理的 這段時(shí)間里瀏覽器 處 Loading 狀態(tài) ,顯示為空白和無(wú)響應(yīng)狀態(tài) ,用戶(hù)能做的事情 只有等待。事實(shí)上 ,用戶(hù)為了一個(gè)微小的請(qǐng)求卻不得不刷新整個(gè)頁(yè)面 ,讓其他所 有的圖片和數(shù)據(jù)都被重新運(yùn)算和下載。這不僅加大了網(wǎng)絡(luò)流量 ,也加大了服務(wù)器 的處理負(fù)擔(dān) ,造成用戶(hù)體驗(yàn)質(zhì)量的下降。 可以說(shuō)在傳統(tǒng) Web 模式中是一種同步的概念 :用戶(hù)必須等待每個(gè)請(qǐng)求 ,當(dāng) 一個(gè)請(qǐng)求完成后才能獲得結(jié)果 ,在使用完這些結(jié)果后才會(huì)發(fā)出新的請(qǐng)求。即當(dāng)用 戶(hù)請(qǐng)求了一篇文章 ,肯定會(huì)在閱讀完這篇文章后才會(huì)去獲得其它數(shù)據(jù) ,否則當(dāng)前 文章頁(yè)面將被刷新 ,無(wú)法閱讀。也就是說(shuō) ,在傳統(tǒng)的 Web 開(kāi)發(fā)中 ,用戶(hù)只有等 請(qǐng)求完成后才能進(jìn)行的用戶(hù)操作 ,操作完成后才能提交下一個(gè)請(qǐng)求 ,用戶(hù)行為和 服務(wù)器行為是一種同步的關(guān)系 ,需要相互等待 ,正是這種等待 ,造成了 BS 架構(gòu) 客戶(hù)端和 CS 架構(gòu)客戶(hù)端的本質(zhì)區(qū)別。 在基于 Ajax 技術(shù)的 Web 程序中 ,昀為重要的特征就是將同步請(qǐng)求轉(zhuǎn)變?yōu)楫? 步請(qǐng)求。這意味著客戶(hù)端和服務(wù)器端不必再互相等待 ,而是可以進(jìn)行一些并發(fā)的 操作。用戶(hù)在發(fā)送請(qǐng)求以后可以繼續(xù)當(dāng)前工作 ,包括瀏覽或提交信息。在服務(wù)器 響應(yīng)完成之后 ,Ajax 引擎會(huì)將更新的數(shù)據(jù)顯示給用戶(hù) ,而用戶(hù)則根據(jù)響應(yīng)內(nèi)容 來(lái) 決定自己下一步的行為。 通過(guò)在用戶(hù)和服務(wù)器之間引入一個(gè) Ajax 引擎 ,可以消除 Web 的開(kāi)始 停止 開(kāi)始 停止這樣的交互過(guò)程。它就像增加了一層機(jī)制到程序中 ,使它響應(yīng)更靈 敏 ,如圖 31 所示。 13 基于 AJAX 技術(shù)校園管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 【 4】 圖 31 傳統(tǒng)的 Web 應(yīng)用模型左與基于 Ajax 技術(shù)的 Web 模型的對(duì)比右 當(dāng)開(kāi)始一個(gè)會(huì)話(huà)時(shí) ,瀏覽器加載了一個(gè) Ajax 引擎 ,采用 JavaScript 編寫(xiě)并且 通常在一個(gè)隱藏 frame 中。這個(gè)引擎同時(shí)負(fù)責(zé)為用戶(hù)看到的界面進(jìn)行描述以及響 應(yīng)用戶(hù)的請(qǐng)求 并與服務(wù)器進(jìn)行交互。 Ajax 允許用戶(hù)與服務(wù)器進(jìn)行異步的交互 , 不用等待服務(wù)器的通訊。因此用戶(hù)就不必一直呆呆地盯著一個(gè)空白的瀏覽器窗口 和沙漏圖標(biāo) ,等著服務(wù)器做數(shù)據(jù)處理。 這樣一個(gè) HTTP 請(qǐng)求的用戶(hù)動(dòng)作現(xiàn)在通過(guò) JavaScript 調(diào)用 Ajax 引擎來(lái)代替 , 任何用戶(hù)動(dòng)作的響應(yīng)不再要求直接傳到服務(wù)器。例如簡(jiǎn)單的數(shù)據(jù)校驗(yàn) ,內(nèi)存中的 數(shù)據(jù)修改 ,甚至一些頁(yè)面導(dǎo)航 ,AJAX 引擎自己就可以處理它。如果引擎需要從 服務(wù)器獲取數(shù)據(jù)來(lái)響應(yīng)用戶(hù)動(dòng)作 ,假設(shè)它提交需要處理的數(shù)據(jù) ,載入另外的界面 代碼 ,或者接收新的數(shù)據(jù) ,AJAX 引擎讓這些工作異步進(jìn)行 ,通常使用 XML, 且無(wú)需用戶(hù)停止它們與應(yīng)用程序的交互。 Ajax 的異步通訊概念 ,綜合 XML、 JavaScript、 DOM、 CSS 幾大技術(shù)的優(yōu) 勢(shì) ,提出無(wú)刷新更新頁(yè)面的概念 ,不會(huì)打斷交互流程。在用戶(hù)和服務(wù)器之間加了 一個(gè)中間層 ,只有需要從服務(wù)器讀取新數(shù)據(jù)時(shí)才由 Ajax 引擎代為向服務(wù)器提交 請(qǐng)求 ,按需取數(shù)據(jù)。 Ajax 技術(shù)的應(yīng)用 ,能夠創(chuàng)建更接近桌面應(yīng)用、更直接、更 豐富、更動(dòng)態(tài)的 Web 用戶(hù)界面 ,使用戶(hù)可以在瀏覽器中像操作桌面上的軟件一 樣輕松、方便 ,而且不需要安 裝插件、控件之類(lèi)的東西。使得 Web 應(yīng)用的優(yōu)勢(shì) 充分發(fā)揮出來(lái)?；? Ajax 技術(shù)校園管理系統(tǒng)的實(shí)現(xiàn)使學(xué)校的管理走向無(wú)紙化辦 公和規(guī)范化、現(xiàn)代化管理 ,提升了學(xué)校的教學(xué)、科研和管理水平。 14 基于 AJAX 技術(shù)校園管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) AJAX 技術(shù)在系統(tǒng)中的應(yīng)用 建立一個(gè)使用 Ajax 的 Web 站點(diǎn)時(shí) ,與傳統(tǒng)的 應(yīng)用程序 相比在配置文件中會(huì)包含一些新的設(shè)置區(qū)段和運(yùn)行組件。 AJAX 的配置 在 中 , 文件用于保存應(yīng)用程序的設(shè)置 ,這些設(shè)置會(huì)作 用于該文件所在的目錄及其子文件夾中。每個(gè)應(yīng)用程序都可以在不同的目錄下放 置相關(guān)的 文件 ,以應(yīng)用不同的設(shè)置。 文件是文本文件 ,內(nèi) 容格式符合 XML 模式 (schema),標(biāo)準(zhǔn)的 schema 文件定義了許多內(nèi)建的區(qū)段和 元素 ,但是也可以增加新的區(qū)段來(lái)配置自定義的服務(wù)和組件。 文件的配置 配置文件的根元素 (configuration)包含自定義服務(wù)信息的特定配 置文件 ,可以選擇性的定義一些新 的區(qū)段。配置文件中的所有非標(biāo)準(zhǔn)區(qū)段必須在 中進(jìn)行聲明。 第一步 :配置節(jié)點(diǎn) //!此節(jié)點(diǎn)必須作為的第一個(gè)節(jié)點(diǎn)出現(xiàn) sectionGroup name//.ensions ? sectionGroup nam