【文章內(nèi)容簡(jiǎn)介】 l 進(jìn)行動(dòng)態(tài)顯示和交互；使用 XMLHttpRequest 與服務(wù)器進(jìn)行異步通信；使用 JavaScript 綁定一切。 Ajax 的核心是 JavaScript 對(duì)象 XmlHttpRequest。該對(duì)象在 Inter Explorer5中首次引入，它是一種支持異步請(qǐng)求的技術(shù)。簡(jiǎn)而言之， XmlHttpRequest 使您可以使用JavaScript 向服務(wù)器提出請(qǐng)求并處理響應(yīng)，而不阻塞用戶(hù)。 傳統(tǒng)的 Web 應(yīng)用允許用戶(hù)填寫(xiě)表單 (form)，當(dāng)提交表單時(shí)就向 Web 服務(wù)器發(fā)送一個(gè)請(qǐng)求。服務(wù)器接收并處理傳來(lái)的表單，然后返回一個(gè)新的網(wǎng)頁(yè)。這個(gè)做法浪費(fèi)了許多帶寬， 因?yàn)樵谇昂髢蓚€(gè)頁(yè)面中的大部分 HTML 代碼往往是相同的。由于每次應(yīng)用的交互都需要向服務(wù)器發(fā)送請(qǐng)求，應(yīng)用的響應(yīng)時(shí)間就依賴(lài)于服務(wù)器的響應(yīng)時(shí)間。這導(dǎo)致了用戶(hù)界面的響應(yīng)比本地應(yīng)用慢得多。 與此不同， AJAX 應(yīng)用可以?xún)H向服務(wù)器發(fā)送并取回必需的數(shù)據(jù)，它使用 SOAP 或其它一些基于 XML 的 Web Service 接口，并在客戶(hù)端采用 JavaScript 處理來(lái)自服務(wù)器的響應(yīng)。因?yàn)樵诜?wù)器和瀏覽器之間交換的數(shù)據(jù)大量減少，結(jié)果我們就能看到響應(yīng)更快的應(yīng)用。同時(shí)很多的處理工作可以在發(fā)出請(qǐng)求的客戶(hù)端機(jī)器上完成，所以 Web，服務(wù)器的處理時(shí)間 也減少了。 使用 Ajax 的最大優(yōu)點(diǎn)，就是能在不更新整個(gè)頁(yè)面的前提下維護(hù)數(shù)據(jù)。這使得 Web應(yīng)用程序能更為迅捷地回應(yīng)用戶(hù)的動(dòng)作，并避免了在網(wǎng)絡(luò)上發(fā)送那些沒(méi)有改變過(guò)的信息。 Ajax 不需要任何瀏覽器插件，但需要用戶(hù)允許 JavaScript 在瀏覽器上執(zhí)行。就像 DHTML應(yīng)用程序那樣， Ajax應(yīng)用程序必須在眾多不同的瀏覽器和平臺(tái)上經(jīng)過(guò)嚴(yán)格的測(cè)試。隨著 Ajax 的成熟，一些簡(jiǎn)化 Ajax 使用方法的程序庫(kù)也相繼問(wèn)世。同樣，也出現(xiàn)了另一種輔助程序設(shè)計(jì)的技術(shù)，為那些不支持 JavaScript 的用戶(hù)提供替代功能。 對(duì)應(yīng)用 Ajax 最主要的批評(píng)就是，它可能破壞瀏覽器后退按鈕的正常行為。在動(dòng)態(tài)更新頁(yè)面的情況下，用戶(hù)無(wú)法回到前一個(gè)頁(yè)面狀態(tài)，這是因?yàn)闉g覽器僅能記下歷史記錄中的靜態(tài)頁(yè)面。一個(gè)被完整讀入的頁(yè)面與一個(gè)已經(jīng)被動(dòng)態(tài)修改過(guò)的頁(yè)面之間的差別非常微妙；用戶(hù)通常都希望單擊后退按鈕，就能夠取消他們的前一次操作，但是在 Ajax 應(yīng)用程序中，卻無(wú)法這樣做。不過(guò)開(kāi)發(fā)者已想出了種種辦法來(lái)解決這個(gè)問(wèn)題，當(dāng)中大多數(shù)都是在用戶(hù)單擊后退按鈕訪問(wèn)歷史記錄時(shí)，通過(guò)建立或使用一個(gè)隱藏的 IFRAME 來(lái)重現(xiàn)頁(yè)面上的變更。 基于 B/S 模式的畢業(yè)生答辯管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 7 . JavaScript技術(shù) JavaScript 是一種由 Netscape 的 LiveScript 發(fā)展而來(lái)的腳本語(yǔ)言，主要目的是為了解決服務(wù)器終端語(yǔ)言，比如 Perl，遺留的速度問(wèn)題。當(dāng)時(shí)服務(wù)端需要對(duì)數(shù)據(jù)進(jìn)行驗(yàn)證 ,由于網(wǎng)絡(luò)速度相當(dāng)緩慢，只有 28． 8kbps，驗(yàn)證步驟浪費(fèi)的時(shí)間太多。于是 Netscape的瀏覽器 Navigator 加入了 JavaScript，提供了數(shù)據(jù)驗(yàn)證的基本功能。 JavaScript 的正式名稱(chēng)是“ ECMAScript”。這個(gè)標(biāo)準(zhǔn)由 ECMA 組織發(fā)展和維護(hù)。 ECMA． 262 是正式的 JavaScript 標(biāo)準(zhǔn)。這個(gè)標(biāo)準(zhǔn)基于 JavaScript(Netscape)和Jscript(Microsoft)。 Netscape()的 Brendan Eich 發(fā)明了這門(mén)語(yǔ)言，從1996 年開(kāi)始，已經(jīng)出現(xiàn)在所有的 Netscape 和 Microsoft 瀏覽器中。 能夠具有交互性，能夠包含更多活躍的元素，就有必要在網(wǎng)頁(yè)中嵌入其它的技術(shù)。 如： JavaScript、 VBScript、 Document Object Model(文件目標(biāo)模塊 )、 Layers和 Cascading Style Sheets(CSS)。 JavaScript 就是適應(yīng)動(dòng)態(tài)網(wǎng)頁(yè)制作的 需要而誕生的一種新的編程語(yǔ)言，如今越來(lái)越廣泛地使用于 Inter 網(wǎng)頁(yè)制作上。 JavaScript 是由 Netscape 公司開(kāi)發(fā)的一種腳本語(yǔ)言 (scripting language)，或者稱(chēng)為描述語(yǔ)言。在 HTML 基礎(chǔ)上，使用 JavaScript 可以開(kāi)發(fā)交互式 Web 網(wǎng)頁(yè)。 JavaScript 的出現(xiàn)使得網(wǎng)頁(yè)和用戶(hù)之間實(shí)現(xiàn)了一種實(shí)時(shí)性的、 動(dòng)態(tài)的、交互性的關(guān)系，使網(wǎng)頁(yè)包含更多活躍的元素和更加精彩的內(nèi)容。運(yùn)行用 JavaScript 編寫(xiě)的程序需要能支持 JavaScript 語(yǔ)言的瀏覽器。 Netscape公司 Navigator 以上版本的瀏覽器都能支持 JavaScript 程序，微軟公司 Inter Explorer 以上版本的瀏覽器基本上支持 JavaScript。微軟公司還有自己開(kāi)發(fā)的JavaScript，稱(chēng)為 JScript。 JavaScript 和 JScript 基本上是相同的，只是在一些細(xì)節(jié)上有出入。 JavaScript 短小精悍，又是在客戶(hù)機(jī)上執(zhí)行的，大大提高了網(wǎng)頁(yè)的瀏覽速度和交互能力。同時(shí)它又是專(zhuān)門(mén)為制作 Web 網(wǎng)頁(yè)而量身定做的一種簡(jiǎn)單的編程語(yǔ)言。 JavaScript 使網(wǎng)頁(yè)增加互動(dòng)性。 JavaScript 使有規(guī)律地重復(fù)的 HTML 文段簡(jiǎn)化，減少下載時(shí)間。 JavaScript 能及時(shí)響應(yīng)用戶(hù)的操作，對(duì)提交表單做即時(shí)的檢查，無(wú)需浪費(fèi)時(shí)間交由 CGI 驗(yàn)證。 一個(gè) JavaScript 程序其實(shí)是一個(gè)文檔，一個(gè)文本文件。它是嵌入到 HTML 文檔中的。所以，任何可以編寫(xiě) HTML 文檔的軟件都可以用來(lái)開(kāi)發(fā) JavaScript。 JavaScript 加入網(wǎng)頁(yè)有兩種方法： 直接加入 HTML 文檔。這是最常用的方法，大部分含有 JavaScript 的網(wǎng)頁(yè)都采用這種方法。 引用方式。如果已經(jīng)存在一個(gè)JavaScript 源文件 (以 js 為擴(kuò)展名 )，則可以采用這種引用的方式，以提高程序代碼的利用率。 基于 B/S 模式的畢業(yè)生答辯管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 8 4. 系統(tǒng) 總體 設(shè)計(jì) . 系統(tǒng)體系結(jié)構(gòu)設(shè)計(jì) 本系統(tǒng)采用 B/S 結(jié)構(gòu)， ASP 技術(shù)設(shè)計(jì)，以 SqlServer 為后臺(tái)數(shù)據(jù)庫(kù)。所有的 Web 應(yīng)用程序都采用 ASP 技術(shù)開(kāi)發(fā)，使系統(tǒng)具有良好的跨平臺(tái)性和通用性。系統(tǒng)的開(kāi)發(fā)環(huán)境和運(yùn)行環(huán)境如下： . 系統(tǒng)開(kāi)發(fā)環(huán)境 操作系統(tǒng)： Windows XP； 數(shù)據(jù)庫(kù)服務(wù)器： SqlServer 2020； 開(kāi)發(fā)工具： VisualStudio 2020； . 系統(tǒng)運(yùn)行環(huán)境 . 軟件系統(tǒng)環(huán)境 IE 要升到 以上； 系統(tǒng)已經(jīng)安裝 框架； 操作系統(tǒng) Win9X, Win2020, WinXp 或更高版本； . 硬件系統(tǒng)環(huán)境 桌上型個(gè)人電腦、筆記本電腦均適用 ； 光驅(qū)和鼠標(biāo) ； CPU 奔騰 以上 ； 至少 256M，建議 512M 內(nèi)存 ； . 系統(tǒng)功能模塊設(shè)計(jì) 畢業(yè)設(shè)計(jì)跟蹤管理系統(tǒng) 需要滿足來(lái)自 四個(gè) 方面的需求，這 四 個(gè)方面分別是 大四畢業(yè)生、教師、系統(tǒng)管理員和教研室 領(lǐng)導(dǎo)，功能是完成學(xué)生畢業(yè)設(shè)計(jì)中從選題到論文的提交，統(tǒng)計(jì)和教師打分等功能。系統(tǒng)功能模塊圖如圖 41 所示： 基于 B/S 模式的畢業(yè)生答辯管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 9 圖 41 系統(tǒng)功能模塊圖 . 數(shù)據(jù)庫(kù)設(shè)計(jì) 畢業(yè)設(shè)計(jì)流程跟蹤管理系統(tǒng)需要對(duì)大量的數(shù)據(jù)完成搜集、分析、整理、存儲(chǔ)、交換等工作，這就需要設(shè)計(jì)一個(gè)強(qiáng)大的數(shù)據(jù)庫(kù)來(lái)對(duì)這些數(shù)據(jù)進(jìn)行管理。在這里我們本著實(shí)用、安全、方便、可靠的原則，采用 SqlServer 2020 作為系統(tǒng)數(shù)據(jù)庫(kù)的支持，針對(duì)畢業(yè)設(shè)計(jì)流程跟蹤管理系統(tǒng)總體設(shè)計(jì)所要實(shí)現(xiàn)的全部功能，把每個(gè)子模塊將要涉及到的相關(guān)數(shù)據(jù)分別歸類(lèi)。 畢業(yè)設(shè)計(jì)流程跟蹤管理系統(tǒng)相 關(guān)實(shí)體對(duì)象有：學(xué)生、教師、課題、小組和成績(jī)等。各實(shí)體之間相互存在關(guān)聯(lián)關(guān)系，通過(guò)各種關(guān)聯(lián)關(guān)系把各個(gè)鼓勵(lì)的數(shù)據(jù)聯(lián)系到一起，形成一個(gè)統(tǒng)一完整的數(shù)據(jù)庫(kù)。數(shù)據(jù)庫(kù)的實(shí)現(xiàn)可以依據(jù)這種關(guān)系設(shè)置參照完整性，創(chuàng)建數(shù)據(jù)庫(kù)基于 B/S 模式的畢業(yè)生答辯管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 10 視圖。依據(jù)實(shí)體及其聯(lián)系構(gòu)建關(guān)系數(shù)據(jù)庫(kù)模式，并對(duì)其中的各個(gè)關(guān)系模式進(jìn)行優(yōu)化，進(jìn)一步結(jié)合具體的數(shù)據(jù)庫(kù)管理系統(tǒng) SqlServer 2020，定義各關(guān)系模式對(duì)應(yīng)的表結(jié)構(gòu)及其完整性約束。 本系統(tǒng)主要數(shù)據(jù)表有：學(xué)生表、教師表、課題信息表、教師分組表、教師評(píng)閱分組表、學(xué)生答辯分組表、答辯記錄表、答辯教師打分表、指導(dǎo)教師打分表、 評(píng)閱教師打分表等。數(shù)據(jù)庫(kù)表之間的關(guān)系圖如圖 4 43 所示： 圖 42 數(shù)據(jù)庫(kù)關(guān)系圖 a 基于 B/S 模式的畢業(yè)生答辯管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 11 圖 43 數(shù)據(jù)庫(kù)關(guān)系圖 b 下面具體設(shè)計(jì)數(shù)據(jù)庫(kù)中所用數(shù)據(jù)表的結(jié)構(gòu)。數(shù)據(jù)表結(jié)構(gòu)的設(shè)計(jì)包括確定各數(shù)據(jù)表的名稱(chēng)、字段名稱(chēng)、表中數(shù)據(jù)類(lèi)型、表中字段的長(zhǎng)度、定義描述等。以下介紹幾個(gè)主要的數(shù)據(jù)庫(kù)表的設(shè)計(jì)： （ 1） 院系表：該表保存學(xué)校各個(gè)學(xué)院、系的編號(hào)和名稱(chēng)，院系表結(jié)構(gòu)如表 41 所示： 表 41 院系表 （ 2）專(zhuān)業(yè)表：該表保存各個(gè)院系的專(zhuān)業(yè)編號(hào)、系別編號(hào)和專(zhuān)業(yè)名稱(chēng)，專(zhuān)業(yè)表結(jié)構(gòu)如表 42 所示： 表 42 專(zhuān)業(yè)表 列 名 數(shù)據(jù)類(lèi)型 可否為空 說(shuō) 明 id int Notnull 專(zhuān)業(yè)編號(hào)（主鍵） college_id nchar(10) Null 系別編號(hào) speciality nchar(10) Null 專(zhuān)業(yè)名稱(chēng) 列 名 數(shù)據(jù)類(lèi)型 可否為空 說(shuō) 明 college_id nchar(2) Notnull 學(xué)院編號(hào)（主鍵） college_name nchar(10) Null 學(xué)院名稱(chēng) 基于 B/S 模式的畢業(yè)生答辯管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 12 （ 3）班級(jí)表：該表保存各院系班級(jí)編號(hào)、系別編號(hào)和班級(jí)名稱(chēng)，班級(jí)表結(jié)構(gòu)如表43 所示： 表 43 班級(jí)表 列 名 數(shù)據(jù)類(lèi)型 可否為空 說(shuō) 明 id int Notnull 班級(jí)編號(hào)（主鍵） speciality_id int Null 系別編號(hào) class nchar(10) Null 班級(jí)名稱(chēng) （ 4）課題表：該表保存畢業(yè)設(shè)計(jì)課題題目信息，主要有課題編號(hào)、課題名稱(chēng)、出題老師編號(hào)、課題人數(shù)、課題簡(jiǎn)述、審核狀態(tài)、選題日期、課題意見(jiàn)、課題審核教師、畢業(yè)年份、課題來(lái)源、課題類(lèi)型、分工情況、預(yù)期目標(biāo)、要求、條件、參考資料、課題難度，課題表結(jié)構(gòu)如表 44 所示： 表 44 課題表 列 名 數(shù)據(jù)類(lèi)型 可否為空 說(shuō) 明 ID int Notnull 課題編號(hào)（主鍵） Title varchar(200) Null 課題名稱(chēng) TeacherID nvarchar(50) Null 出題老師編號(hào) max int Null 課題人數(shù) Memo varchar(500) Null 課題簡(jiǎn)述 Audit varchar(50) Null 審核狀態(tài) SubmitDate datetime Null 選題日期 Comment nvarchar(200) Null 課題意見(jiàn) Auditpeople varchar(50) Null 課題審核教師 GraduateYear varchar(50) Null 畢業(yè)年份 ketilaiyuan varchar(50) Null 課題來(lái)源 ketileixing varchar(50) Null 課題類(lèi)型 基于 B/S 模式的畢業(yè)生答辯管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 13 fengong varchar(MAX) Null 分工情況 yuqimubiao varchar(MAX) Null 預(yù)期目標(biāo) yaoqiu varchar(MAX) Null 要求 tiaojian varchar(MAX) Null 條件 cankaoziliao varchar(MAX) Null 參考資料 nandu varchar(50) Null 課題難度 （ 5）學(xué)生信息表：該表主要保存參加畢業(yè)設(shè)計(jì)學(xué)生信息，包含學(xué)生編號(hào)、學(xué)生姓名、學(xué)生班級(jí)、學(xué)生密碼、學(xué)生性別、學(xué)生狀態(tài)、學(xué)生電話、學(xué)生郵箱、學(xué)生課題號(hào)、學(xué)生導(dǎo)師號(hào)、學(xué)生畢業(yè)年份、學(xué)生專(zhuān)業(yè)。學(xué)生信息表結(jié)構(gòu)如表 45 所示： 表 45 學(xué)生信息表 列 名 數(shù)據(jù)類(lèi)型 可否為空 說(shuō) 明 StudentID nchar(10) Not null 學(xué)生編號(hào)（主鍵 ） StudentName nchar(10) Null 學(xué)生姓名 StudentClass nchar(10) Null 學(xué)生班級(jí) StudentPassword nchar(20) Null 學(xué)生密碼 StudentSex nchar(1) Null 學(xué)生性別 Stud