基于MVC模式學(xué)生評(píng)教系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

黃玉春，王雪峰

(1.安徽省智慧產(chǎn)業(yè)研究院，安徽 池州 247100；2.安徽工業(yè)職業(yè)技術(shù)學(xué)院，安徽 銅陵 244000)

0 引 言

隨著中國(guó)制造業(yè)的升級(jí)，社會(huì)對(duì)高素質(zhì)技能人才的需求不斷加大，高等職業(yè)教育承擔(dān)了為社會(huì)培養(yǎng)技能型人才的重任，而教師是人才培養(yǎng)質(zhì)量的關(guān)鍵所在。如何提高教育教學(xué)質(zhì)量是每個(gè)高等職業(yè)院校謀求學(xué)院發(fā)展的必經(jīng)之路，建立科學(xué)、行之有效的課堂教學(xué)質(zhì)量評(píng)價(jià)體系是改善教學(xué)質(zhì)量的有效途徑[1]。為保障人才培養(yǎng)質(zhì)量，教育部2015年印發(fā)了《高等職業(yè)院校內(nèi)部質(zhì)量保證體系診斷與改進(jìn)指導(dǎo)方案》，根據(jù)文件精神，學(xué)院制定了教師課堂教學(xué)滿(mǎn)意度測(cè)評(píng)辦法。

傳統(tǒng)的學(xué)生評(píng)教方法主要是學(xué)生填寫(xiě)測(cè)評(píng)表，通過(guò)人工統(tǒng)計(jì)分析測(cè)評(píng)數(shù)據(jù)的方式進(jìn)行。這種測(cè)評(píng)方式費(fèi)時(shí)復(fù)雜、效率低下，而且數(shù)據(jù)往往不夠準(zhǔn)確，學(xué)院管理者不能及時(shí)得到測(cè)評(píng)數(shù)據(jù)，掌握教師課堂教學(xué)效果。傳統(tǒng)方法會(huì)使用大量紙張、人力和時(shí)間，浪費(fèi)教學(xué)資源，影響測(cè)評(píng)效果。

隨著智慧校園的建設(shè)，學(xué)院信息化水平不斷提高，學(xué)生智能手機(jī)已完全普及，學(xué)生利用移動(dòng)設(shè)備進(jìn)行評(píng)教變得切實(shí)可行。利用網(wǎng)絡(luò)評(píng)教，不僅組織方便、信息精確、結(jié)果實(shí)時(shí)呈現(xiàn)，而且評(píng)教結(jié)果方便存檔及歷年結(jié)果進(jìn)行對(duì)比，幫助老師提高課堂教學(xué)效果，還充分利用了移動(dòng)網(wǎng)絡(luò)資源，節(jié)約了評(píng)教成本。實(shí)踐證明，利用移動(dòng)設(shè)備評(píng)教效果明顯，可以推廣。

該系統(tǒng)采用B/S架構(gòu)，使用ASP.NET MVC模式開(kāi)發(fā)，部署在云平臺(tái)上，這種模式開(kāi)發(fā)的系統(tǒng)靈活方便，不受客戶(hù)端限制，只要有瀏覽器，就能夠通過(guò)網(wǎng)絡(luò)登錄服務(wù)器進(jìn)行信息處理。采用B/S模式開(kāi)發(fā)，有效地解決了系統(tǒng)的跨平臺(tái)問(wèn)題，在系統(tǒng)升級(jí)和維護(hù)上也只需在云平臺(tái)進(jìn)行配置即可。在該系統(tǒng)開(kāi)發(fā)過(guò)程中，根據(jù)學(xué)院教師課堂評(píng)價(jià)管理的要求，將標(biāo)準(zhǔn)化管理的要素融入評(píng)教系統(tǒng)設(shè)計(jì)的各個(gè)環(huán)節(jié)，用系統(tǒng)軟件來(lái)規(guī)范操作，履行標(biāo)準(zhǔn)，實(shí)現(xiàn)了管理與信息的真正融合。

1 ASP.NET Core MVC簡(jiǎn)介

1.1 MVC模式[2-4]

MVC是一種使用Model View Controller(模型-視圖-控制器)設(shè)計(jì)創(chuàng)建Web應(yīng)用程序模式，是Xerox PARC最早發(fā)明的一種軟件設(shè)計(jì)模式，后被Sun公司引用到Java EE平臺(tái)上使用，ASP.NET MVC 2009年正式發(fā)布，在其他語(yǔ)言和領(lǐng)域中也有廣泛運(yùn)用。

MVC由3大核心模塊組成：模型(model)、視圖(view)和控制器(controller)。其中，Model負(fù)責(zé)數(shù)據(jù)處理，是應(yīng)用程序中處理應(yīng)用程序數(shù)據(jù)邏輯的部分；View負(fù)責(zé)視圖呈現(xiàn)，是應(yīng)用程序中處理數(shù)據(jù)顯示的部分；Controller負(fù)責(zé)處理視圖和模型之間的邏輯，是應(yīng)用程序中處理用戶(hù)交互的部分，通?？刂破鲝囊晥D讀取數(shù)據(jù)、控制用戶(hù)輸入，并向模型發(fā)送數(shù)據(jù)。MVC流程如圖1所示。

圖1 MVC組件類(lèi)型之間的關(guān)系

模型(model)是應(yīng)用程序中用于處理應(yīng)用程序數(shù)據(jù)邏輯的部分，通常模型對(duì)象在數(shù)據(jù)庫(kù)中存取數(shù)據(jù)和數(shù)據(jù)業(yè)務(wù)處理。

視圖(view)是Web應(yīng)用程序中處理數(shù)據(jù)顯示的部分，通常從模型數(shù)據(jù)中創(chuàng)建視圖。

控制器(controller)是應(yīng)用程序中處理用戶(hù)交互的部分，通?？刂破鲝囊晥D讀取數(shù)據(jù)及控制用戶(hù)輸入，并向模型發(fā)送數(shù)據(jù)。

1.2 ASP.NET Core MVC

ASP.NET Core是微軟公司重新設(shè)計(jì)的ASP.NET 4.x，它更改了以前的體系結(jié)構(gòu)，形成了更簡(jiǎn)潔的模塊化框架，是一個(gè)完全跨平臺(tái)的高性能的開(kāi)源應(yīng)用程序開(kāi)發(fā)框架，用于生成基于云連接Internet的新式應(yīng)用程序。ASP.NET Core MVC使用“模型-視圖-控制器”設(shè)計(jì)模式構(gòu)建Web應(yīng)用和API的豐富框架，是輕量級(jí)、開(kāi)源、高度可測(cè)試的演示框架，并針對(duì)ASP.NET Core進(jìn)行了優(yōu)化。它的Razor Pages是基于頁(yè)面的編程模型，使Web UI的生成更加簡(jiǎn)單高效。Razor標(biāo)記提供了適用于Razor頁(yè)面和MVC視圖的高效語(yǔ)法。

面向ASP.NET Framework的MVC無(wú)法跨平臺(tái)，僅在Windows系統(tǒng)上運(yùn)行，而面向ASP.NET Core的MVC可以實(shí)現(xiàn)真正的跨平臺(tái)，不僅可以在Windows系統(tǒng)上運(yùn)行，還可以在MacOS、Linux等系統(tǒng)上運(yùn)行。

1.3 開(kāi)發(fā)平臺(tái)結(jié)構(gòu)模型

在線評(píng)教系統(tǒng)基于B/S模式，開(kāi)發(fā)階段采用輕量級(jí)的IIS6.0作為應(yīng)用服務(wù)器，SQL Server2012作為后臺(tái)數(shù)據(jù)庫(kù)。選擇ASP.NET Core MVC作為開(kāi)發(fā)工具，前端使用HTML5+CSS3技術(shù)并結(jié)合Bootstrap前端框架作為開(kāi)發(fā)平臺(tái)進(jìn)行開(kāi)發(fā)。開(kāi)發(fā)完成后部署到云平臺(tái)，Web平臺(tái)的3層分布式結(jié)構(gòu)如圖2所示。

圖2 Web平臺(tái)的3層分布式結(jié)構(gòu)

2 學(xué)生在線評(píng)教系統(tǒng)的總體規(guī)劃

2.1 在線評(píng)教系統(tǒng)功能

在線評(píng)教系統(tǒng)由學(xué)生測(cè)評(píng)模塊(前臺(tái)系統(tǒng))和管理員管理模塊(后臺(tái)系統(tǒng))2部分組成[5-6]。

前臺(tái)系統(tǒng)是學(xué)生通過(guò)手機(jī)登錄到評(píng)教頁(yè)面，對(duì)本班任課教師教學(xué)水平、教學(xué)效果進(jìn)行評(píng)價(jià)。教師可以通過(guò)手機(jī)登錄系統(tǒng)查看學(xué)生對(duì)自己的教學(xué)評(píng)價(jià)結(jié)果。后臺(tái)系統(tǒng)是管理員通過(guò)電腦端對(duì)課程、任課教師、學(xué)生、班級(jí)等信息的維護(hù)。各模塊的主要功能如圖3所示。

圖3 系統(tǒng)主要功能模塊

2.2 在線評(píng)教系統(tǒng)流程

學(xué)生在線評(píng)教系統(tǒng)按照前端用戶(hù)(學(xué)生和教師)、操作流程、后臺(tái)管理流程3部分來(lái)實(shí)現(xiàn)。

前端用戶(hù)操作流程要求所有功能操作必須在用戶(hù)登錄完成后實(shí)現(xiàn)，所有學(xué)生、教師、學(xué)院領(lǐng)導(dǎo)用戶(hù)通過(guò)輸入用戶(hù)名和密碼并選擇身份進(jìn)行登錄。登錄成功后，學(xué)生用戶(hù)進(jìn)入評(píng)教頁(yè)面對(duì)任課教師評(píng)教。教師用戶(hù)可以查詢(xún)到所有任課班級(jí)學(xué)生對(duì)自己的評(píng)教結(jié)果(注：為保護(hù)學(xué)生權(quán)益，教師不能查看具體學(xué)生評(píng)教打分和留言者信息)。管理者可以根據(jù)級(jí)別查看相應(yīng)教師的評(píng)教結(jié)果。

后端管理流程是管理員進(jìn)入后臺(tái)管理界面，可以實(shí)現(xiàn)對(duì)學(xué)生、教師及課程等信息的管理。各類(lèi)信息管理包括增加、刪除、修改和查詢(xún)操作。

3 數(shù)據(jù)庫(kù)設(shè)計(jì)

本系統(tǒng)采用SQL Server2012作為數(shù)據(jù)庫(kù)管理系統(tǒng)。數(shù)據(jù)庫(kù)是信息系統(tǒng)的核心和基礎(chǔ)[7]。

3.1 數(shù)據(jù)庫(kù)需求分析

根據(jù)系統(tǒng)功能的要求，數(shù)據(jù)庫(kù)功能主要體現(xiàn)在各種信息的保存、更新和查詢(xún)操作上，系統(tǒng)主要包括學(xué)生信息、教師信息、課程表信息、評(píng)教信息和管理員信息等。設(shè)計(jì)1個(gè)名為xspjDB的數(shù)據(jù)庫(kù)，庫(kù)中包含上述主要信息對(duì)應(yīng)的數(shù)據(jù)表，外加一些學(xué)期信息、課程信息等輔助數(shù)據(jù)表等。

3.2 數(shù)據(jù)庫(kù)創(chuàng)建

采用MVC+EF框架代碼優(yōu)先(code first)方式開(kāi)發(fā)，因此數(shù)據(jù)庫(kù)設(shè)計(jì)不必在SQL Server中創(chuàng)建數(shù)據(jù)庫(kù)，可以在還沒(méi)有建立數(shù)據(jù)庫(kù)的情況下就開(kāi)始編碼，然后通過(guò)代碼生成數(shù)據(jù)庫(kù)。創(chuàng)建的數(shù)據(jù)表默認(rèn)名稱(chēng)為類(lèi)名稱(chēng)的復(fù)數(shù)形式?？梢酝ㄟ^(guò)下列步驟實(shí)現(xiàn)數(shù)據(jù)庫(kù)和數(shù)據(jù)表的創(chuàng)建。

(1)配置web.config文件，指定數(shù)據(jù)庫(kù)連接字符串

connectionString="Data Source=.;Initial Catalog= XspjDB;Uid=sa;pwd=***"/>

(2)在模型(model)里加入數(shù)據(jù)庫(kù)所需表的類(lèi)和數(shù)據(jù)庫(kù)上下文DbContext類(lèi)(主要類(lèi)的代碼如下，其他類(lèi)代碼省略)

學(xué)生類(lèi)代碼：

public class Student

{

[DisplayName("編號(hào)")]

public int Id { get; set; }

[DisplayName("學(xué)號(hào)"),Required]

public string sCode { get; set; }

[DisplayName("姓名"), Required]

public string sName { get; set; }

[DisplayName("班級(jí)編號(hào)"), Required]

public string classID { get; set; }

[DisplayName("班級(jí)")]

public virtual Class Class { get; set; }

}

教師類(lèi)代碼：

public class Teacher

{

[DisplayName("編號(hào)")]

public int Id { get; set; }

[DisplayName("教工號(hào)"), Required]

public string tCode { get; set; }

[DisplayName("姓名"), Required]

public string tName { get; set; }

[DisplayName("所在系"), Required]

public string dept { get; set; }

}

課程表類(lèi)代碼：

public class CourseTable

{

[DisplayName("編號(hào)")]

public int Id { get; set; }

[DisplayName("課程編號(hào)"), Required]

public string cCode { get; set; }

[DisplayName("任課教師編號(hào)"), Required]

public string tCode { get; set; }

[DisplayName("班級(jí)編號(hào)"), Required]

public string classID { get; set; }

[DisplayName("學(xué)期編號(hào)"), Required]

public string termID { get; set; }

[DisplayName("所在系"), Required]

public string dept { get; set; }

}

創(chuàng)建數(shù)據(jù)庫(kù)類(lèi)代碼：

public class XspjDB:DbContext

{

public DbSet Students {get; set;}

public DbSet Teachers {get; set;}

…

}

(3)在控制器(controller)中編寫(xiě)創(chuàng)建數(shù)據(jù)庫(kù)和數(shù)據(jù)表的實(shí)例代碼。

通過(guò)代碼優(yōu)先創(chuàng)建的數(shù)據(jù)表的表名是類(lèi)名的英語(yǔ)復(fù)數(shù)形式，字段名與類(lèi)中的字段名一致。

4 系統(tǒng)技術(shù)實(shí)現(xiàn)

圖4 學(xué)生登錄頁(yè)面 圖5 選擇評(píng)教老師頁(yè)面

基于MVC模式的教師教學(xué)業(yè)務(wù)測(cè)評(píng)系統(tǒng)開(kāi)發(fā)技術(shù)主要使用.net CORE MVC實(shí)現(xiàn)，前端使用HTML5、CSS3、JavaScript結(jié)合Bootstrap框架技術(shù)，后臺(tái)使用C#語(yǔ)言，數(shù)據(jù)庫(kù)使用SQL Server2012，系統(tǒng)部署在云平臺(tái)。

4.1 前端實(shí)現(xiàn)

該系統(tǒng)的前端設(shè)計(jì)(以學(xué)生端為例)主要考慮使用者的習(xí)慣和操作的簡(jiǎn)便性，考慮到學(xué)生更多使用手機(jī)，因此選擇設(shè)計(jì)符合手機(jī)操作的前端界面。學(xué)生登錄頁(yè)面如圖4所示。學(xué)生選擇評(píng)教老師的頁(yè)面如圖5所示。

4.2 系統(tǒng)功能的實(shí)現(xiàn)[8]

系統(tǒng)實(shí)現(xiàn)學(xué)生網(wǎng)上對(duì)本學(xué)期任課教師測(cè)評(píng)，教師在網(wǎng)上查閱學(xué)生對(duì)自己的評(píng)價(jià)和意見(jiàn)建議。為防止學(xué)生在評(píng)教過(guò)程中隨意評(píng)價(jià)，設(shè)置了學(xué)生對(duì)每個(gè)評(píng)價(jià)項(xiàng)目都必須填寫(xiě)，而且不能選擇相同的選項(xiàng)，否則無(wú)法提交等限制。系統(tǒng)管理員能夠?qū)ο到y(tǒng)環(huán)境和系統(tǒng)用戶(hù)進(jìn)行設(shè)置，學(xué)院管理者能夠查詢(xún)每個(gè)教師的評(píng)教結(jié)果。系統(tǒng)管理員用戶(hù)查看教師評(píng)教匯總結(jié)果界面如圖6所示，查看教師評(píng)教明細(xì)信息結(jié)果如圖7所示。

圖7 評(píng)教明細(xì)信息

圖6 評(píng)教匯總結(jié)果

5 結(jié) 論

高等職業(yè)院校教師教學(xué)業(yè)務(wù)考核是提高教學(xué)質(zhì)量的有效途徑，學(xué)生在線評(píng)教是教師教學(xué)能力考核的基本方式。本文提出了基于MVC模式的教師教學(xué)業(yè)務(wù)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)，闡述了基于MVC模式設(shè)計(jì)流程，設(shè)計(jì)了一套科學(xué)的管理系統(tǒng)，并在云平臺(tái)實(shí)現(xiàn)了部署。

實(shí)踐證明，該系統(tǒng)有效解決了傳統(tǒng)學(xué)生評(píng)教存在的問(wèn)題，提高了工作效率。