基于SSM的網(wǎng)上評教系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

章勝江 劉萍

摘要：該 文采用Spring+Struts2+Mybatis技術(shù)設(shè)計(jì)并實(shí)現(xiàn)了網(wǎng)上評教系統(tǒng)，分析了學(xué)生網(wǎng)上評教系統(tǒng)的功能，闡述了模塊的具體實(shí)現(xiàn)，以及具體技術(shù)Spring對容器的管理，Struts接受頁面請求傳遞參數(shù)到后臺，Mybatis傳遞數(shù)據(jù)到數(shù)據(jù)庫，EasyUI搭建后端頁面，JavaScript前端頁面動態(tài)效果，每個技術(shù)在相應(yīng)的模塊中起到關(guān)鍵作用。

關(guān)鍵詞： SSM；網(wǎng)上評教；JavaScript

中圖分類號：TP311 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2018）17-0132-03

Abstract：The design and implementation of the system and its testing technology are Spring+Struts2+Mybatis+juint. This paper analyzes the student online evaluation function module of teaching system， and expounds the specific content management module， and the specific technology of spring container， struts page request transmission parameters to the background， Mybatis transfers data to the database， easyUI builds back pages， and JS front page dynamic effects.

Key words： SSM； Online Evaluation； JavaScript

1 概述

隨著網(wǎng)絡(luò)技術(shù)的快速發(fā)展，Web技術(shù)的大量的使用和應(yīng)用，網(wǎng)絡(luò)化教學(xué)管理模式和教學(xué)模式充分以應(yīng)用，如果在互聯(lián)網(wǎng)飛快發(fā)展和快速的蔓延的今天，仍舊采用紙質(zhì)的表單填寫來達(dá)到對教師評分留言和統(tǒng)計(jì)的方式，這樣做浪費(fèi)了大量的工作量和沒有跟隨現(xiàn)在的發(fā)展，因此建立一個基于WEB的教學(xué)評教系統(tǒng)很有必要。為了讓教師評教和教師的督導(dǎo)工作的完整化，為了增強(qiáng)評教和教師的督導(dǎo)作用采用web開發(fā)可以正確的、準(zhǔn)確的、完整的對教師的評教，采用先進(jìn)的網(wǎng)絡(luò)技術(shù)開發(fā)基于Spring+Struts2+Mybatis+Oracle的學(xué)生網(wǎng)上評教系統(tǒng)。

2 核心類

整個工程采用MVC架構(gòu)，每一層干自己的活，每一層實(shí)現(xiàn)自己的功能，dao就是對數(shù)據(jù)庫進(jìn)行操作，service就是處理邏輯然后往dao層傳遞數(shù)據(jù)，action就是干對頁面?zhèn)鬟f進(jìn)來的參數(shù)進(jìn)行封裝，傳遞到業(yè)務(wù)層，然后接收到業(yè)務(wù)層的返回值。本文主要包含的類有：dao層類，service層類，action類，fifter過濾器類。

1）dao層類：TeacherDao，StudentDao

TeacherDao是對數(shù)據(jù)庫操作的mapper文件存放地，改文件用于對數(shù)據(jù)庫進(jìn)行增刪改查，來達(dá)到對教師功能的正刪改查。

2）service層類：TeacherService，StudentService

TeacherService是所有的業(yè)務(wù)的處理，接收到action接受到的數(shù)據(jù)穿到后臺，進(jìn)行參數(shù)校驗(yàn)，調(diào)用dao，來達(dá)到對數(shù)據(jù)庫的增刪改查。

3）action類：TeacherAction，StudentAction

TeacherAction該類接收前端頁面?zhèn)鬟M(jìn)來的參數(shù)，這邊也可以做參數(shù)的校驗(yàn)，調(diào)用不同的service，接收service返回來的resp，來達(dá)到重定向或轉(zhuǎn)發(fā)到下一個頁面。

4）fifter過濾器類：LogionFitter

LogionFitter是過濾掉前端頁面強(qiáng)行進(jìn)入其他頁面，只有先登錄了，在session里有對象，才可以放心，在web.xml中配置參數(shù)，和struts.xml配置過濾的頁面，達(dá)到對頁面的過濾。

3 學(xué)生評教模塊

學(xué)生評教模塊總體功能如表1所示。

學(xué)生參與學(xué)習(xí)時都?xì)w屬于特定的班級，因此本系統(tǒng)僅能讓學(xué)生評價屬于自己的任課教師，也可以評價班主任。隨后，學(xué)生可以看到自己的評教信息和評教的分?jǐn)?shù)。當(dāng)然這個可以找到相應(yīng)的老師，在頁面彈框顯示總分。下面還設(shè)置了兩個按鈕如果沒有點(diǎn)擊提交，是不會在數(shù)據(jù)庫中有這個評分，在后臺也不會顯示出這個記錄。成功進(jìn)去了系統(tǒng)，跳轉(zhuǎn)到你自己的任課教師頁面，里面有相應(yīng)老師的簡介和對這個老師以及班主任的評教。點(diǎn)擊圖片可以進(jìn)入留言頁面對老師進(jìn)行留言，觀看相應(yīng)的分?jǐn)?shù)和最近人對他的留言，點(diǎn)擊留言對這個老師進(jìn)行留言，留言可選匿名，實(shí)名模式。若選擇特定教師評教后，先驗(yàn)證該學(xué)員在當(dāng)前月份是否已經(jīng)評教。若該學(xué)員當(dāng)前月份已進(jìn)行評教，則跳轉(zhuǎn)至他的評教內(nèi)容界面。若沒進(jìn)行評教，跳轉(zhuǎn)到評教頁面，進(jìn)行評教。評教完成后自動跳轉(zhuǎn)至顯示自己的評教內(nèi)容界面，且可通過查看全部教師信息按鈕，注銷按鈕跳轉(zhuǎn)到相應(yīng)的界面。學(xué)員在教師簡介界面或教師詳情界面點(diǎn)擊評教后，后臺判斷當(dāng)前這個學(xué)生是否評論，進(jìn)入評教界面。若已評教，彈出相應(yīng)的框提示該同學(xué)已經(jīng)評價。學(xué)員依次對每一項(xiàng)評分項(xiàng)進(jìn)行評分（均為必選）。若對該教師有意見或建議則在底部輸入框輸入。點(diǎn)擊提交，若必選項(xiàng)均已完成，則跳轉(zhuǎn)至個人評教結(jié)果展示頁面。在該頁面顯示個人對該教師的評教一覽。各個下拉框中的值是沒有固定的，根據(jù)學(xué)生的選擇，產(chǎn)生不同的數(shù)據(jù)，最后在總分下顯示出這個學(xué)生這次評教的具體的分?jǐn)?shù)。彈出相應(yīng)的框出來，顯示這個學(xué)生的具體分?jǐn)?shù)。

任課教師簡介界面顯示教師的基本信息，且按照博士、講師、班主任的分類顯示。在界面頂部可以選擇相應(yīng)課程的講師，點(diǎn)擊后界面只顯示對應(yīng)的講師。每個講師下方有評教按鈕可選。根據(jù)當(dāng)前登陸學(xué)員所屬講師，對應(yīng)講師，班主任的評教按鈕為可選狀態(tài)，對應(yīng)博士的按鈕是否可選擇狀態(tài)。點(diǎn)擊即進(jìn)入該講師/班主任/博士評教界面。同時，學(xué)員可以通過點(diǎn)擊講師圖片進(jìn)入該講師詳情界面。講師簡介界面左上角的搜索框可以幫助學(xué)員快速選擇出自己要找的講師。并在主頁面顯示該講師照片，簡介信息。圖片由具體的圖片加上簡介合成的，點(diǎn)擊圖片可以進(jìn)入相應(yīng)的教師的詳情頁面，上面的搜索框是安裝模糊查詢的，上面的樣式CSS+JS實(shí)現(xiàn)，左右還有兩個按鈕，分別進(jìn)行左右移動老師，點(diǎn)擊評教按鈕進(jìn)入相應(yīng)的評教頁面，教師評教、班主任和博士的評教頁面都是不一樣的，所以，根據(jù)不同的類型跳轉(zhuǎn)出不同的評教項(xiàng)。

4 評教留言管理模塊

管理員登錄賬號成功，進(jìn)入界面后，在左邊區(qū)域樹形結(jié)構(gòu)下有三大模塊，分別是學(xué)生管理，教師管理和評教管理。管理員點(diǎn)擊教師管理后會出現(xiàn)第二層樹形結(jié)構(gòu)，第二層樹形結(jié)構(gòu)顯示評教管理。點(diǎn)擊第二層的評教管理后，會出現(xiàn)第三層樹形結(jié)構(gòu)。第三層樹內(nèi)有評教分顯示，查看學(xué)生反饋，查看未評教學(xué)生，開啟下一輪投票，管理評分項(xiàng)，查看對公司反饋，刪除留言7個選項(xiàng)。單擊相應(yīng)選項(xiàng)main界面處出現(xiàn)相應(yīng)界面，選擇對應(yīng)相應(yīng)功能。管理員點(diǎn)擊評教分顯示后，按照總平均分降序，在main窗口顯示教師姓名，各項(xiàng)得分的平均分，總平均分的信息。管理員可以通過查看該信息的方式，對各個講師近段的工作表現(xiàn)得出一定的總結(jié)。計(jì)算平均分和總分是對教師的這個月的一個評教的內(nèi)容，點(diǎn)擊評教管理時，點(diǎn)擊相應(yīng)的老師，下面就會顯示出這個老師這個月的平均分和總分和學(xué)生對他的留言。計(jì)算平均分的功能，是點(diǎn)擊事件觸發(fā)到后臺直接調(diào)取相應(yīng)的方法，在方法下面查詢出這個老師的具體的分?jǐn)?shù)，然后放在json下面，一次性的傳到前臺，前臺進(jìn)行接收這個數(shù)據(jù)，之后，數(shù)據(jù)進(jìn)行整理之后，顯示到頁面中。

管理員點(diǎn)擊查看學(xué)生反饋即學(xué)生對老師的留言，在main界面彈出相應(yīng)的表格，表格內(nèi)顯示了所有的學(xué)生反饋。在表格頂部有查找按鈕，管理員可以通過點(diǎn)擊查找按鈕，在彈出的框內(nèi)輸入教師姓名的方式，查找關(guān)于該老師的學(xué)生反饋。反饋信息在main窗口以表格的形式進(jìn)行顯示。查詢留言list，前臺點(diǎn)擊觸發(fā)事件，跳轉(zhuǎn)到后臺，后臺對這個指令進(jìn)行傳達(dá)，傳到dao層，然后調(diào)用dao里面的方法，查詢?nèi)康牧粞?，查詢玩全部的留言之后，?shù)據(jù)放到j(luò)son，傳到前段頁面接受。管理員點(diǎn)擊未評教學(xué)生按鈕后，main窗口產(chǎn)生一個新界面，界面內(nèi)顯示了當(dāng)前這一輪的投票中，仍未投票的學(xué)生信息。該功能可以幫助管理員方便地找到仍未評教的學(xué)生，并催促他們完成該輪的投票。一下子顯示全部沒有評教的學(xué)生，這時候數(shù)據(jù)量肯定很大，分頁是必要的操作，分頁之后，數(shù)據(jù)排列整齊在頁面中。操作者可以查詢定位到哪位老師下面沒有評教的學(xué)生的信息（模糊查詢），一下子查詢到這個老師下面沒有對他進(jìn)行評教的學(xué)生的信息，也可以查詢學(xué)生沒有評教的信息，操作者也是可以對這個頁面進(jìn)行相應(yīng)操作。防止數(shù)據(jù)的誤導(dǎo)，添加沒有評教的學(xué)生，刪除已評教的學(xué)生的信息，修改未評教的信息，這個對這個頁面的操作完全是可以按照數(shù)據(jù)的處理的前提下整理出來的。添加操作的時候要首先校驗(yàn)正則，接著要校驗(yàn)該數(shù)據(jù)是否是已經(jīng)存在 ，完成這兩個操作之后，就可以對這個頁面進(jìn)行添加操作了。刪除的功能的實(shí)現(xiàn)，也是先檢驗(yàn)數(shù)據(jù)的有效性，之后對這個數(shù)據(jù)進(jìn)行刪除操作，這里刪除的操作也是批量處理的。

5 評分項(xiàng)管理模塊

評分項(xiàng)不會是一直不變的。管理員可以選擇對評分項(xiàng)的增刪改查操作，同時，管理員可以選擇禁用某個評分項(xiàng)，在今后可能需要的同時啟用即可，避免可能存在的反復(fù)刪除，增加操作。點(diǎn)擊左側(cè)樹形結(jié)構(gòu)相關(guān)功能后，main區(qū)域出現(xiàn)當(dāng)前所有評分項(xiàng)，在main區(qū)域可查找特定評分項(xiàng)。選中每個評分項(xiàng)后可在main區(qū)域頂部選擇修改，刪除操作。在main區(qū)域頂部還有增加的操作。評分項(xiàng)管理如圖1所示。

6 關(guān)鍵技術(shù)的應(yīng)用

本文以登錄為例來介紹關(guān)鍵技術(shù)的應(yīng)用，學(xué)生、管理員登錄共用一個頁面，登錄頁面如圖2所示。

7 結(jié)束語

紙質(zhì)評分表格評教方式，不僅浪費(fèi)資源也浪費(fèi)統(tǒng)計(jì)時間，更影響評估結(jié)果的準(zhǔn)確性。本文設(shè)計(jì)并實(shí)現(xiàn)的基于SSM 的網(wǎng)上評教系統(tǒng)上線后，可以解決上述問題。

參考文獻(xiàn)：

[1] 趙一琦. 基于WEB的學(xué)生評教系統(tǒng)[Z]. 論文聯(lián)合庫， 2014.

[2] 楊兆洋. 學(xué)生在線評教系統(tǒng)[J]. 許昌學(xué)院學(xué)報， 2016， 25（5）.

[3] 羅國慶， 陳良萍. 網(wǎng)站建設(shè)案例精粹[M]. 北京： 電子工業(yè)出版社， 2014.

[4] 王林. 基于SOA的生產(chǎn)運(yùn)行管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[M]. 北京： 電子工業(yè)出版社， 2015.

[5] 劉嗣睿. 編輯部管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D]. 上海：華東師范大學(xué)， 2016.

[6] 李甜. 面向?qū)W生的教師評教系統(tǒng)的設(shè)計(jì)[Z]. 互聯(lián)網(wǎng)文庫， 2015.