基于實踐應用的Web開發技術教學改革研究

李亞平　徐雷　錢芳

摘要：Web開發技術是一門綜合性較強、實踐能力要求高的課程。本文針對目前課程在課程設置上面存在一些偏重理論、實驗滯后、學生參與積極性低等的問題，設計了該課程的配套實驗，使課程形象生動，提高教學效果。

關鍵詞：Web開發技術；教學改革；實踐應用

中圖分類號：G642.0 文獻標志碼：A 文章編號：1674-9324（2017）05-0259-02

互聯網對整體社會的影響已進入到新的階段。[1]當今社會需要大量掌握信息系統管理理論并且懂得信息化建設方法與技術的復合型人才。培養基礎扎實、動手實踐能力強的Web開發技術人才必須從本科開始抓起。

Web開發技術是一門對實踐和開發能力要求較高的綜合性課程，Web技術是目前動態網站開發的主流技術之一，學生通過學習該課程，可熟悉B/S模式的結構，掌握常用的Web開發工具和相關技術，提高信息系統建設與管理的水平。

本文針對目前在Web開發技術課程中教學方法以及實驗設置等存在的問題，突出培養動手實踐能力，[2]在課程設置、培養方法、配套實驗的選取與設計等方面作了一定的調整與創新。

一、Web開發技術課程目前存在的問題

1.課程設置偏重于理論，實驗滯后，與教學脫節。Web開發技術是一門重要的綜合型課程。大多數高校都非常重視這門課程，并在“Web開發技術”課程后設置相應的實驗課程。但由于實驗課程大多安排在理論教學結束后的幾周，實驗遠遠滯后于相關知識點的學習，不能鞏固教學內容，[3]而且所安排的實驗內容大多注重對已學知識的驗證，實用性、創新性與前沿性顯得不足。[4]這類問題導致學生在今后的實習和工作中不能很快地適應需要敏捷開發的信息與管理系統的工作要求。

2.授課模式單一，課堂氣氛沉悶，教學效果不佳。在Web開發技術的課堂上，傳統的“填鴨式”灌輸知識的單一授課模式依然占據主導地位，教師講得多，學生討論得少；學生看的多、動手的少。因此，學生積極性普遍不高，課堂氣氛比較沉悶。學生的創新能力、動手能力與實踐能力無法得到培養與提高。

3.多重復雜因素導致純理論授課效果不佳。Web開發技術作為實用型的重要基礎課程，要求學生能夠熟悉掌握Web的基本概念、C/S、B/S模型以及Web開發的基本技術，為以后利用相關技術或工具設計開發信息化系統打下基礎。由于目前高校擴招的現狀，學生地域來源復雜，基礎知識水平參差不齊，另外，由于跨專業選修的學生知識結構不同，導致理論授課學習效果不佳。如何提高學生對于C/S、B/S模型的理解，對于常用Web技術的熟悉以及對于Web網站具體開發方法的掌握，最理想的方法當然是實踐教學。[5]

二、配套實驗環節的設計

1.實驗內容的選取。實驗內容與課堂理論教學需做到相輔相成、相互關聯、互為補充。[6]“Web開發技術”課程主要涉及四塊內容：①Web的基本概念和基礎知識；②C/S模式與B/S模式的結構；③常用的Web開發工具；④Web開發的基本技術。這四個部分相對獨立又相互關聯。

在大數據時代，各個領域需要處理的數據信息量越來越大。對企業而言，隨著其規模的擴大，員工數量的增多，人事管理系統中的數據在成倍的增加。要管理大量信息和數據，企業的人事信息系統成為一個實用且需求量很大的Web系統。[7]我們首選的上機實踐內容是“企業人事信息系統”。主界面如圖2.1所示。它根據大多數企業的需求，通過數據處理，以期達到減少企業人事的管理成本、提高管理效率，實現辦公信息化、智能化、自動化的目的。

這個實驗可以使學生將課堂所掌握的理論知識快速應用于項目實踐中，變抽象為形象，培養學生實踐動手能力與創新性的思維。

2.實驗設計工具的選擇。考慮到授課對象對C#語言有一定的了解，采用C#作為主要編程語言。系統采取B/S結構，運行于.Net Framework4.0架構，采用SQL Server 2005數據庫，開發環境Microsoft Visual Studio 2010，用簡潔高效的語句編寫層次明晰的Web系統，同時兼顧程序的兼容性和可擴展性。該方案突出了如下能力的培養。①熟悉B/S模式的結構，及其相較于傳統的C/S模式結構的優越性；②熟悉常用的Web開發工具和相關技術；③C#語言編程能力培養。

3.實驗內容的設計。實驗內容為指導學生開發一個企業人事信息系統，系統的主要功能有：輸入正確的用戶名和密碼方可進入系統（否則無法進入）；可實現增加、刪除、修改用戶的帳戶；對于員工各種信息的輸入和修改；對于應聘合格員工的添加；可刪除轉出、辭職以及離退員工信息；發布及修改新的消息等；增加刪除以及修改部門、職稱的功能；對員工調配工作崗位的功能。

4.數據庫的設計。基于上述功能的要求，數據庫主要涉及員工、部門、職稱、工資和崗位等實體。其中員工的屬性較為復雜，建表如圖2.2所示。

5.實驗內容的實現。登錄主窗體可以看到如下幾個模塊：系統管理模塊、個人信息管理模塊、管理員管理模塊和新聞模塊等。其中管理員的身份對應有兩種不同的權限：管理員用戶、超級管理員用戶。系統管理模塊包括：登錄、登錄信息管理、注銷幾個部分。1）登錄：實現系統管理員登錄。2）登錄信息管理又包括三部分：更改密碼、更改權限和添加用戶。①更改權限：實現更改管理員用戶權限。②更改密碼：實現更改管理員用戶密碼。③添加用戶：實現添加管理員用戶。3）注銷。個人信息管理模塊提供密碼的修改等功能。

管理員管理模塊包括：員工招聘辭退管理、員工工資管理、崗位管理和部門管理、職稱管理等。職稱設定如圖2.3所示。

新聞模塊提供管理員發布及修改新聞通知。

6.實驗考核的完整性。本實驗最終考核要求上交詳細設計文檔，文檔包括系統需求分析、系統功能、系統模塊劃分、系統流程圖、數據庫的詳細設計及其實現、運行效果圖、關鍵代碼、總結體會等。

三、結語

本文從課程設置、培養方法、配套實驗的選取與設計等方面對Web開發技術課程教學改革探索進行探索，旨在增進學生對Web開發技術與工具的熟悉度，提高學生對web系統的開發設計能力，使學生全面掌握信息系統建設與管理的理論、技術和方法，在畢業后可以很快適應企業的實際項目開發，成為企業所需的能夠承擔信息化管理、信息系統設計和開發的“高分高能”型人才。

參考文獻：

[1]張艷明.大學“JavaWeb開發”課程模塊化教學改革研究[J].電腦知識與技術，2013，9（33）：7549-7551.

[2]易婷.“數字信號處理”課程課內配套實驗的設計[J].電氣電子教學學報，2013，35（4）：89-90，120.

[3]陳榮，馬文忠.卓越工程師背景下電氣工程及其自動化專業教學改革[J].中國成人教育，2015，（18）：156-158.

[4]包永強.“通信原理”課程實踐教學探討[J].電氣電子教學學報，2013，35（4）：114-116.

[5]盧敏.“無線通信原理”課程實驗環節設計[J].電氣電子教學學報，2011，33（5）：58-60.

[6]史會余，謝政廷，李秀鵬，等.基于ASP.NET的企業人事管理系統設計與開發[J].電腦編程技巧與維護，2015，（23）：63-63.