Ajax技術在高校學生管理系統的應用

李佳凝

摘 要：在傳統的高校學生管理系統開發中客戶端與服務器端進行數據交換過程中會出現傳輸效率和響應速度低的問題，這影響學生對學生管理系統的使用效率。針對這種問題，運用Ajax技術來開發高校學生管理系統，并將此技術與MVC結構相結合，實現對原有高校學生管理系統的升級，完善系統的可維護性及可擴展性，提高系統的響應速度和學生體驗效果。

關鍵詞：Ajax 學生管理系統 MVC

中圖分類號：G64 文獻標識碼：A 文章編號：1674-098X（2014）04（a）-0148-01

隨著Web技術的發展，B/S模式的應用系統本著硬件要求低、開發速度快、用戶操作方便等特點，更多的高校學生管理系統都采用此模式開發應用程序。但在傳統模式下開發的Web應用程序使用過程中瀏覽器的局限性、網絡傳輸延遲等問題就顯現出來，用戶在訪問Web頁面時修改幾處信息，服務器便會發回整個文檔，并且重新加載整個頁面，這雖然是可行的，但大量重復、不必要的信息在網絡中進行傳輸，不僅降低了用戶瀏覽速度，還浪費了網絡帶寬，更使用戶體驗變差。Ajax技術的出現就很好的解決了這一問題，在Web開發過程中，它被越來越多的Web開發者所接受，并將其應用到應用程序之中實現頁面的局部刷新，提高數據的傳輸效率和用戶體驗。

1 相關技術簡介

1.1 Ajax的工作原理

Ajax是異步的JavaScript與XML技術的簡稱，它主要實現頁面的局部刷新，是在瀏覽器與服務器之間加了一個中間層。如圖1。

用戶向服務器提交請求時，先要將數據信息發送到Ajax中間層，由Ajax中間層來判斷請求的類型，如果只是簡單的數據驗證例如數據的確認、在內存中編輯數據等，則無需服務器進行處理，Ajax中間層便會處理。如果必須由服務器讀取數據信息例如重新組織數據、需要服務器處理的數據等，則Ajax中間層將請求提交給服務器，服務器只將少數進行處理回返給客戶端。在整個請求過程中，用戶在瀏覽器上的操作都是由Ajax中間層來進行處理，網絡傳輸的僅是異步交互的數據，而不是整個頁面數據。這極大縮短了用戶等待時間，減少了服務器的訪問壓力。Ajax中間層主要包含以下幾個特征：[1]

（1）使用XHTML+CSS標準化呈現。

（2）運用JavaScript操作DOM（Document Object Model）實現動態顯示和交互。

（3）運用XML和XSLT綁定和處理所有數據。

（4）運用XMLHttpRequest對象進行異步數據讀取。

（5）使用JavaScript綁定和處理所有數據。

1.2 MVC結構

MVC（Model-View-Control）即模型-視圖-控制器。在這種結構中，所有請求的目標都是servlet，它充當應用程序的控制器。servlet分析請求并將產生響應所需要的數據收集到JavaBeans對象中，該對象作為應用程序的模型。最后servlet控制器將請求轉發到JSP頁面。這些頁面使用存儲在JavaBeans中的數據產生響應。因此，JSP頁面構成了應用程序的視圖。MVC結構主要目的是實現Web應用程序的職能分工，將業務邏輯、用戶界面和控制器分離，每層能夠都獨自的開發，實現低耦合便于系統的維護和擴展。而控制器提供了應用程序的單一入口，提高了系統的安全性，并且這些servlet組件可以根據需要實現重用，提高了系統的開發速度[2]。

2 Ajax技術在高校學生管理系統的應用

在高校學生管理系統中，由于學生在開學初期，都會集中在某一時間段進入到學生管理系統中來查詢成績、選擇課程、發布信息等操作，如果采用傳統設計方法會使服務器負載增大，甚至服務器癱瘓。為此，將Ajax技術引入到系統的開發中，實現網頁的部分內容的刷新，減少網絡數據信息傳輸量，改善學生使用系統的體驗，在升級的系統中主要有三類處理通過Ajax進行實現，分別是用戶登錄、分頁顯示。以下對這兩類處理的實現進行分別介紹。

2.1 用戶登錄

升級前的學生登錄系統主要采用MVC結構，學生在JSP頁面中輸入學號和密碼，servlet應用程序根據需要將表單提交到JavaBean程序中與數據庫中的數據信息進行驗證是否一致，將結果重新返回給JSP頁面顯示給學生。升級前的處理與Ajax技術的區別就是在驗證與返回。傳統處理，無論是否一致，都會將整個頁面進行刷新，而Ajax技術將少量信息通過數據庫進行驗證。例如，學生進行登錄時，填寫的學號和密碼信息與數據庫存儲的數據信息相同，學生頁面只將局部進行刷新，而不是整個頁面。

2.2 分頁顯示

升級前的學生登錄系統分頁顯示，學生發出請求信息后，服務器都會將新的頁面返回給學生，將用戶瀏覽器頁面整個進行更新，而有很多的重復信息，如果圖片、文字等，都會進行重新加載，這會浪費時間和帶寬去重新讀取整個頁面，影響學生體驗。而采用Ajax技術分頁顯示數據信息將服務器返回頁面運用DOM進行更新網頁，這不僅防止整個網頁的刷新，減少數據信息的重復加載，提高了數據信息顯示速度，減少學生等待時間。

3 結語

Ajax帶給我們不僅是頁面刷新的一種技術，而更多的是以人為本的理念，它很好的解決了數據信息重復、占有帶寬資源、響應時間長等諸多問題，還使用戶體驗度得到提升。實踐證明，運用Ajax技術的學生管理系統，學生請求與服務器響應都能實現高效的異步交互，降低了服務器的負載，使服務器能正常進行響應。

參考文獻

[1] Molodtsov D.Soft set theory-first results[J].Computer and Mathematics with Application，1999，37（4/5）：19-31.

[2] 沈澤剛.Java Web編程技術[M].清華大學出版社，2010.endprint

摘 要：在傳統的高校學生管理系統開發中客戶端與服務器端進行數據交換過程中會出現傳輸效率和響應速度低的問題，這影響學生對學生管理系統的使用效率。針對這種問題，運用Ajax技術來開發高校學生管理系統，并將此技術與MVC結構相結合，實現對原有高校學生管理系統的升級，完善系統的可維護性及可擴展性，提高系統的響應速度和學生體驗效果。

關鍵詞：Ajax 學生管理系統 MVC

中圖分類號：G64 文獻標識碼：A 文章編號：1674-098X（2014）04（a）-0148-01

隨著Web技術的發展，B/S模式的應用系統本著硬件要求低、開發速度快、用戶操作方便等特點，更多的高校學生管理系統都采用此模式開發應用程序。但在傳統模式下開發的Web應用程序使用過程中瀏覽器的局限性、網絡傳輸延遲等問題就顯現出來，用戶在訪問Web頁面時修改幾處信息，服務器便會發回整個文檔，并且重新加載整個頁面，這雖然是可行的，但大量重復、不必要的信息在網絡中進行傳輸，不僅降低了用戶瀏覽速度，還浪費了網絡帶寬，更使用戶體驗變差。Ajax技術的出現就很好的解決了這一問題，在Web開發過程中，它被越來越多的Web開發者所接受，并將其應用到應用程序之中實現頁面的局部刷新，提高數據的傳輸效率和用戶體驗。

1 相關技術簡介

1.1 Ajax的工作原理

Ajax是異步的JavaScript與XML技術的簡稱，它主要實現頁面的局部刷新，是在瀏覽器與服務器之間加了一個中間層。如圖1。

用戶向服務器提交請求時，先要將數據信息發送到Ajax中間層，由Ajax中間層來判斷請求的類型，如果只是簡單的數據驗證例如數據的確認、在內存中編輯數據等，則無需服務器進行處理，Ajax中間層便會處理。如果必須由服務器讀取數據信息例如重新組織數據、需要服務器處理的數據等，則Ajax中間層將請求提交給服務器，服務器只將少數進行處理回返給客戶端。在整個請求過程中，用戶在瀏覽器上的操作都是由Ajax中間層來進行處理，網絡傳輸的僅是異步交互的數據，而不是整個頁面數據。這極大縮短了用戶等待時間，減少了服務器的訪問壓力。Ajax中間層主要包含以下幾個特征：[1]

（1）使用XHTML+CSS標準化呈現。

（2）運用JavaScript操作DOM（Document Object Model）實現動態顯示和交互。

（3）運用XML和XSLT綁定和處理所有數據。

（4）運用XMLHttpRequest對象進行異步數據讀取。

（5）使用JavaScript綁定和處理所有數據。

1.2 MVC結構

MVC（Model-View-Control）即模型-視圖-控制器。在這種結構中，所有請求的目標都是servlet，它充當應用程序的控制器。servlet分析請求并將產生響應所需要的數據收集到JavaBeans對象中，該對象作為應用程序的模型。最后servlet控制器將請求轉發到JSP頁面。這些頁面使用存儲在JavaBeans中的數據產生響應。因此，JSP頁面構成了應用程序的視圖。MVC結構主要目的是實現Web應用程序的職能分工，將業務邏輯、用戶界面和控制器分離，每層能夠都獨自的開發，實現低耦合便于系統的維護和擴展。而控制器提供了應用程序的單一入口，提高了系統的安全性，并且這些servlet組件可以根據需要實現重用，提高了系統的開發速度[2]。

2 Ajax技術在高校學生管理系統的應用

在高校學生管理系統中，由于學生在開學初期，都會集中在某一時間段進入到學生管理系統中來查詢成績、選擇課程、發布信息等操作，如果采用傳統設計方法會使服務器負載增大，甚至服務器癱瘓。為此，將Ajax技術引入到系統的開發中，實現網頁的部分內容的刷新，減少網絡數據信息傳輸量，改善學生使用系統的體驗，在升級的系統中主要有三類處理通過Ajax進行實現，分別是用戶登錄、分頁顯示。以下對這兩類處理的實現進行分別介紹。

2.1 用戶登錄

升級前的學生登錄系統主要采用MVC結構，學生在JSP頁面中輸入學號和密碼，servlet應用程序根據需要將表單提交到JavaBean程序中與數據庫中的數據信息進行驗證是否一致，將結果重新返回給JSP頁面顯示給學生。升級前的處理與Ajax技術的區別就是在驗證與返回。傳統處理，無論是否一致，都會將整個頁面進行刷新，而Ajax技術將少量信息通過數據庫進行驗證。例如，學生進行登錄時，填寫的學號和密碼信息與數據庫存儲的數據信息相同，學生頁面只將局部進行刷新，而不是整個頁面。

2.2 分頁顯示

升級前的學生登錄系統分頁顯示，學生發出請求信息后，服務器都會將新的頁面返回給學生，將用戶瀏覽器頁面整個進行更新，而有很多的重復信息，如果圖片、文字等，都會進行重新加載，這會浪費時間和帶寬去重新讀取整個頁面，影響學生體驗。而采用Ajax技術分頁顯示數據信息將服務器返回頁面運用DOM進行更新網頁，這不僅防止整個網頁的刷新，減少數據信息的重復加載，提高了數據信息顯示速度，減少學生等待時間。

3 結語

Ajax帶給我們不僅是頁面刷新的一種技術，而更多的是以人為本的理念，它很好的解決了數據信息重復、占有帶寬資源、響應時間長等諸多問題，還使用戶體驗度得到提升。實踐證明，運用Ajax技術的學生管理系統，學生請求與服務器響應都能實現高效的異步交互，降低了服務器的負載，使服務器能正常進行響應。

參考文獻

[1] Molodtsov D.Soft set theory-first results[J].Computer and Mathematics with Application，1999，37（4/5）：19-31.

[2] 沈澤剛.Java Web編程技術[M].清華大學出版社，2010.endprint

摘 要：在傳統的高校學生管理系統開發中客戶端與服務器端進行數據交換過程中會出現傳輸效率和響應速度低的問題，這影響學生對學生管理系統的使用效率。針對這種問題，運用Ajax技術來開發高校學生管理系統，并將此技術與MVC結構相結合，實現對原有高校學生管理系統的升級，完善系統的可維護性及可擴展性，提高系統的響應速度和學生體驗效果。

關鍵詞：Ajax 學生管理系統 MVC

中圖分類號：G64 文獻標識碼：A 文章編號：1674-098X（2014）04（a）-0148-01

隨著Web技術的發展，B/S模式的應用系統本著硬件要求低、開發速度快、用戶操作方便等特點，更多的高校學生管理系統都采用此模式開發應用程序。但在傳統模式下開發的Web應用程序使用過程中瀏覽器的局限性、網絡傳輸延遲等問題就顯現出來，用戶在訪問Web頁面時修改幾處信息，服務器便會發回整個文檔，并且重新加載整個頁面，這雖然是可行的，但大量重復、不必要的信息在網絡中進行傳輸，不僅降低了用戶瀏覽速度，還浪費了網絡帶寬，更使用戶體驗變差。Ajax技術的出現就很好的解決了這一問題，在Web開發過程中，它被越來越多的Web開發者所接受，并將其應用到應用程序之中實現頁面的局部刷新，提高數據的傳輸效率和用戶體驗。

1 相關技術簡介

1.1 Ajax的工作原理

Ajax是異步的JavaScript與XML技術的簡稱，它主要實現頁面的局部刷新，是在瀏覽器與服務器之間加了一個中間層。如圖1。

用戶向服務器提交請求時，先要將數據信息發送到Ajax中間層，由Ajax中間層來判斷請求的類型，如果只是簡單的數據驗證例如數據的確認、在內存中編輯數據等，則無需服務器進行處理，Ajax中間層便會處理。如果必須由服務器讀取數據信息例如重新組織數據、需要服務器處理的數據等，則Ajax中間層將請求提交給服務器，服務器只將少數進行處理回返給客戶端。在整個請求過程中，用戶在瀏覽器上的操作都是由Ajax中間層來進行處理，網絡傳輸的僅是異步交互的數據，而不是整個頁面數據。這極大縮短了用戶等待時間，減少了服務器的訪問壓力。Ajax中間層主要包含以下幾個特征：[1]

（1）使用XHTML+CSS標準化呈現。

（2）運用JavaScript操作DOM（Document Object Model）實現動態顯示和交互。

（3）運用XML和XSLT綁定和處理所有數據。

（4）運用XMLHttpRequest對象進行異步數據讀取。

（5）使用JavaScript綁定和處理所有數據。

1.2 MVC結構

MVC（Model-View-Control）即模型-視圖-控制器。在這種結構中，所有請求的目標都是servlet，它充當應用程序的控制器。servlet分析請求并將產生響應所需要的數據收集到JavaBeans對象中，該對象作為應用程序的模型。最后servlet控制器將請求轉發到JSP頁面。這些頁面使用存儲在JavaBeans中的數據產生響應。因此，JSP頁面構成了應用程序的視圖。MVC結構主要目的是實現Web應用程序的職能分工，將業務邏輯、用戶界面和控制器分離，每層能夠都獨自的開發，實現低耦合便于系統的維護和擴展。而控制器提供了應用程序的單一入口，提高了系統的安全性，并且這些servlet組件可以根據需要實現重用，提高了系統的開發速度[2]。

2 Ajax技術在高校學生管理系統的應用

在高校學生管理系統中，由于學生在開學初期，都會集中在某一時間段進入到學生管理系統中來查詢成績、選擇課程、發布信息等操作，如果采用傳統設計方法會使服務器負載增大，甚至服務器癱瘓。為此，將Ajax技術引入到系統的開發中，實現網頁的部分內容的刷新，減少網絡數據信息傳輸量，改善學生使用系統的體驗，在升級的系統中主要有三類處理通過Ajax進行實現，分別是用戶登錄、分頁顯示。以下對這兩類處理的實現進行分別介紹。

2.1 用戶登錄

升級前的學生登錄系統主要采用MVC結構，學生在JSP頁面中輸入學號和密碼，servlet應用程序根據需要將表單提交到JavaBean程序中與數據庫中的數據信息進行驗證是否一致，將結果重新返回給JSP頁面顯示給學生。升級前的處理與Ajax技術的區別就是在驗證與返回。傳統處理，無論是否一致，都會將整個頁面進行刷新，而Ajax技術將少量信息通過數據庫進行驗證。例如，學生進行登錄時，填寫的學號和密碼信息與數據庫存儲的數據信息相同，學生頁面只將局部進行刷新，而不是整個頁面。

2.2 分頁顯示

升級前的學生登錄系統分頁顯示，學生發出請求信息后，服務器都會將新的頁面返回給學生，將用戶瀏覽器頁面整個進行更新，而有很多的重復信息，如果圖片、文字等，都會進行重新加載，這會浪費時間和帶寬去重新讀取整個頁面，影響學生體驗。而采用Ajax技術分頁顯示數據信息將服務器返回頁面運用DOM進行更新網頁，這不僅防止整個網頁的刷新，減少數據信息的重復加載，提高了數據信息顯示速度，減少學生等待時間。

3 結語

Ajax帶給我們不僅是頁面刷新的一種技術，而更多的是以人為本的理念，它很好的解決了數據信息重復、占有帶寬資源、響應時間長等諸多問題，還使用戶體驗度得到提升。實踐證明，運用Ajax技術的學生管理系統，學生請求與服務器響應都能實現高效的異步交互，降低了服務器的負載，使服務器能正常進行響應。

參考文獻

[1] Molodtsov D.Soft set theory-first results[J].Computer and Mathematics with Application，1999，37（4/5）：19-31.

[2] 沈澤剛.Java Web編程技術[M].清華大學出版社，2010.endprint