摘 要：近年來高校學生的數(shù)量增多，隨之帶來的對學生信息管理困難的問題亟待解決。現(xiàn)有的人工管理手段已不足以應對如此龐大的信息量，在人工處理學生學分、成績等信息的過程中難免會產(chǎn)生錯漏現(xiàn)象?；诖藛栴}，本文通過對高校學生學習信息的分析，考察了學生管理人員現(xiàn)有管理需求，對學分預警系統(tǒng)進行了研究。在Spring Boot技術(shù)的基礎(chǔ)上搭建學分預警系統(tǒng)，前端采用Vue技術(shù)進行開發(fā)，根據(jù)設(shè)定的學分預警閾值顯示Echarts的數(shù)據(jù)分析圖形。旨在直觀快速地分析每個學生的學業(yè)信息，減少管理人員工作量的同時，便于學生對學業(yè)的自我管理，順利完成學業(yè)。

關(guān)鍵詞：學分預警；Echarts；SpringBoot；Vue

一、引言

ECharts是一款采用JavaScript的數(shù)據(jù)分析可視化圖示庫，它實現(xiàn)了一種直接清晰、生動有趣、可互動、可人性化訂制的數(shù)據(jù)分析可視化圖示，它最初由百度集團研發(fā)，并于2018年初捐獻給Apache基金會，作為ASF孵化級建設(shè)項目，為用戶帶來了一種更加便捷、高效的數(shù)據(jù)分析可視化服務。ECharts為我們提供了一系列簡單、生動有趣、可互動的數(shù)字可視化圖形，它們能夠滿足用戶的多樣化需要。包含折線圖、柱狀圖、散點圖、K線圖、餅圖、雷達圖、和弦圖、力導向布局圖、數(shù)據(jù)庫、儀表盤、漏斗圖、事件河流圖等十二類圖表類形，而且增加了七個可交互模塊，如目標、圖例、值域、數(shù)字范圍、時間軸和工具箱，實現(xiàn)支持多圖形和軟件的互動和混搭表現(xiàn)。

本文是基于ECharts的學分預警系統(tǒng)，依托于ECharts的特點和多樣性，基于對學習過程形成性評價的學業(yè)預警系統(tǒng)進行深入的研究和實現(xiàn)。

二、研究背景分析

學分管理是各個大學的主要日常管理工作之一。隨著我國高等教育的快速發(fā)展，運用信息化手段管理已成為高校教育改革發(fā)展的必要趨勢。由于高校學生數(shù)量的逐年增多，高校學生信息量也變得越來越巨大，學分制為學生提供了一個多元化、個性化的求學環(huán)境，但同時也帶來了一些問題：高校學生們在日常學習生活中缺乏理性思考，極少思考自身的未來發(fā)展目標，以至于產(chǎn)生考試并不重要，不合格就補考和重修的錯誤心理。而管理人員在對掛科太多而面臨無法正常畢業(yè)問題的學生進行學業(yè)預警時，可能會經(jīng)常出現(xiàn)漏發(fā)或錯發(fā)的情況，因此，應該采取有效措施，以及時確保學生的學習品質(zhì)，提高學習效率，幫助學生的成長。為了降低錯誤的風險，我們需要一個信息化管理系統(tǒng)來對學生進行管理。

在學分預警系統(tǒng)中，首先需要設(shè)置具體的預警規(guī)則，根據(jù)預警級別，將相關(guān)的預警信息反饋給學生班主任，輔導員，學生管理人員，以便及時干預[1]。在預警結(jié)束后，需收集學生班主任，輔導員等管理人員的反饋，對學生預警系統(tǒng)的規(guī)則漏洞進行改正。通過將預警內(nèi)容可視化，給出直接、生動有趣、可互動的表格，讓學生更加重視這些信息，減少學校輔導員和班主任的工作量。

三、系統(tǒng)框架選擇

（一）Spring框架

Spring是一款開源的 Java EE輕量級框架，它在Java世界中廣受歡迎，因為它具有控制反轉(zhuǎn)、面向切面和依賴注入等功用，可以有效減少代碼相互之間的耦合性。SpringBoot是一款基于Spring框架的開發(fā)框架，它不僅傳承了Spring架構(gòu)的各種功能特點，而且大大簡化了配置過程，以約定優(yōu)先的原則，使得開發(fā)人員可以輕松地開發(fā)出基于Spring架構(gòu)的應用，并且已經(jīng)成為業(yè)界的主流開發(fā)框架[2]。

（二）Vue框架

Vue是一種適合于搭建用戶的漸進式框架，它不僅注重視圖層，而且支持雙向數(shù)據(jù)綁定，并且使用簡單的API實現(xiàn)了有效的數(shù)據(jù)信息捆綁，同時還推出了組件管理系統(tǒng)[3]，使用起來更加得心應手。

（三）MyBatis框架

MyBatis是一款強大的持久層框架，它能夠支撐通用SQL查找、儲存流程和高級映射，它使用簡單方便，與Spring框架完全融合，支援創(chuàng)建動態(tài)SQL語言，并且能夠?qū)ο笈c數(shù)據(jù)庫的ORM字段關(guān)聯(lián)映射，成為業(yè)界最受歡迎的持久層框架之一。

四、系統(tǒng)總體設(shè)計

系統(tǒng)設(shè)計旨在通過管理員登錄來實現(xiàn)對整個系統(tǒng)的有效控制和管理，以確保其正常運行。采取前后端分離式設(shè)計，前端進行頁面互動和信息顯示，而后端則進行管理操作邏輯并提供相關(guān)數(shù)據(jù)。這種設(shè)計模型不但提高了設(shè)計質(zhì)量，還大大降低了維修生產(chǎn)成本。

系統(tǒng)采用MVVM架構(gòu)設(shè)計，前端采取B/S結(jié)構(gòu)，后端采取最新的SpringBoot框架，MyBatis訪問MySQL數(shù)據(jù)庫，Redis作為數(shù)據(jù)緩存，以達到更加高效的數(shù)據(jù)處理。利用Vue3作為前端框架，Vue-Router用于頁面路徑管理工作，VueX+SessionStorage用于存儲用戶登錄狀態(tài)，使用Axios請求和響應技術(shù)與后端監(jiān)控層完成數(shù)據(jù)交互?；赗ESTful架構(gòu)，通過POST、GET、PUT、DELETE等要求完成對服務器端資源的有效管理工作。通過Ant Design Vue和ECharts科技，前端UI界面可以提供更加精致的用戶體驗，更加清晰地展示數(shù)據(jù)分析，并且能夠更有效地實現(xiàn)頁面交互和邏輯分析。

系統(tǒng)管理可確保系統(tǒng)的正常運行，分為用戶管理，權(quán)限管理，安全管理三部分，多方面保證用戶權(quán)限和系統(tǒng)安全性。

（1）用戶管理：系統(tǒng)由三個不同的權(quán)限組成：學生、教務處管理人員和系統(tǒng)管理人員。

（2）權(quán)限管理：根據(jù)登錄人身份的不同，設(shè)置不同的使用權(quán)限和功能。

（3）安全管理：可以對登錄系統(tǒng)人員的個人信息以及密碼進行管理，也可以對系統(tǒng)的數(shù)據(jù)庫進行備份處理。

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

（一）數(shù)據(jù)庫設(shè)計

在對數(shù)據(jù)庫設(shè)計時，應當遵循職責分離原則，即確保系統(tǒng)之間的獨立性，避免任何形式的干預，以確保數(shù)據(jù)表和系統(tǒng)之間的關(guān)聯(lián)性[4]。

在命名數(shù)據(jù)庫時，應遵守一定的規(guī)范，避免混淆。出于確保信息的統(tǒng)一性，字段名應盡量與表名相似。

成績管理模塊旨在管理學生在校期間的學習成績，包括錄入平時成績、緩考成績以及提供成績顯示。它為學生提供了一個全面的成績管理系統(tǒng)，以便學生能夠更好地完成學業(yè)。

（1）普通成績的錄入：任課教師通過對成績的錄入和學生信息的管理，可以管理學生的一般考試成績。

（2）緩考成績錄入：每個學期中，會有個別同學無法在考試時間參加考試，此功能錄入緩考成績。

（3）成績提示：對學生成績優(yōu)秀和不合格的學生，給予提示或預警，分別用不同顏色表示[5]。

（二）后端功能設(shè)計

數(shù)據(jù)庫設(shè)計完成后，在項目中集成MyBatis實現(xiàn)數(shù)據(jù)庫持久層操作。利用MyBatis Generator插件自動生成持久層代碼，簡化開發(fā)過程，提高代碼編寫效率。使用Spring AOP面向切面編程完成請求參數(shù)、返回結(jié)果和接口耗時的日志信息顯示，在日志中增加日志跟蹤號，以方便生產(chǎn)運維。在后端數(shù)據(jù)訪問接口中使用PageHelper插件實現(xiàn)分頁技術(shù)。使用雪花算法實現(xiàn)實體類ID自增操作，使用Validation完成參數(shù)的校驗。在前后端訪問時可能會存在跨域問題，通過在后端配置跨域請求允許前端訪問后端接口。

系統(tǒng)是基于前后端分離的架構(gòu)進行開發(fā)，后端向前端返回通用接口數(shù)據(jù)CommonResp，" （下轉(zhuǎn)第126頁）

（上接第124頁）后臺接口封裝請求參數(shù)和響應參數(shù)，制作CopyUtil工具類封裝BeanUtils，快速完成數(shù)據(jù)庫查詢實體對象和返回對象之間的數(shù)據(jù)拷貝。

（三）前端功能設(shè)計

在前端首頁功能左側(cè)，學生可以填寫用戶名和密碼，登錄網(wǎng)頁，查看個人學業(yè)情況，并使用Echarts圖表可視化展示該生的個人成績，預警信息，預約記錄等。如圖1所示。

前端訪問后端接口數(shù)據(jù)時集成了HTTP庫Axios，完成前后端數(shù)據(jù)的交互，VueCLI多環(huán)境的配置以實現(xiàn)開發(fā)和生產(chǎn)環(huán)境的無縫切換，通過設(shè)置Axios的默認baseURL可以設(shè)置統(tǒng)一的接口請求域前綴。

登錄教師管理員頁面，管理員可以根據(jù)需要創(chuàng)建和更新學生課程成績，并且可以對個人中心、學生管理、教師管理、學院信息、班級信息、學科信息、成績信息、預警信息、補考預約、掛科統(tǒng)計以及公告信息等進行有效管理，從而更好地滿足學生的需求[6]。

在學期末，輔導員可查看到本年級課程的掛科占比分析表，直觀的了解到學生所學情況。如圖2所示。對一些掛科兩門及以上的學生，輔導員通過彈框的形式接收到學生預警信息，提醒輔導員要多關(guān)注該生，并且輔導員可具體查看該生每一門成績對該生做出具體分析，將自己的分析情況通過預警消息發(fā)送給學生，學生可通過郵件的方式接收到本人預警信息，也可登錄到本系統(tǒng)中具體查看預警信息。如圖3所示。學生可根據(jù)預警消息內(nèi)容和自身情況相結(jié)合，制定好自己的相關(guān)規(guī)劃，更順利的完成自己的學業(yè)。

六、結(jié)語

本文旨在探討基于ECharts的學分預警系統(tǒng)的設(shè)計，首先對其背景和目的進行了深入的探討，接著結(jié)合文獻資料，詳細分析了學生成績分析與預警系統(tǒng)的需求，并對國內(nèi)外研究現(xiàn)狀進行了全面的比較，以期更好地理解學分預警系統(tǒng)的基礎(chǔ)知識。通過使用ECharts控件，我們研發(fā)了基于B/S構(gòu)架，將學生學習成果以表格的方式展示出來，實現(xiàn)數(shù)據(jù)分析可視化的系統(tǒng)設(shè)計，更方便用戶進行查看分析。

參考文獻：

[1]萬芳，江維，秦艷珊，周鵬.高校學生預警系統(tǒng)的研究和實現(xiàn)[J].計算機光盤軟件與應用，2011，（13）209

[2]王偉，常慶麗，吳朝霞.基于Springboot+Vue的精準幫扶系統(tǒng)研究與實現(xiàn)[J].河南科技，2021，40（27）：12-14.

[3]劉博文.深入淺出Vue.js[M].北京：人民郵電出版社，2019.

[4]王珊，薩師煊.數(shù)據(jù)庫系統(tǒng)概論（第5版）[M].北京：高等教育出版社，2018：205-240

[5]張海軍，陳映輝.高校學生管理預警系統(tǒng)的研究與設(shè)計.電腦知識與技術(shù)，2010，（6）：6765-6766

[6] 陳文，錢萌.高校學位預警系統(tǒng)的設(shè)計與實現(xiàn).安慶師范學院學報（自然科學版），2010，（3）：57-60