基于Vue+JEECG紀(jì)法在線學(xué)習(xí)考試系統(tǒng)的實(shí)現(xiàn)

摘? 要：為了適應(yīng)我國當(dāng)前及未來紀(jì)法學(xué)習(xí)的信息化，需及時(shí)解決在線學(xué)習(xí)考試的問題，因此研究如何促進(jìn)當(dāng)前在線學(xué)習(xí)系統(tǒng)的發(fā)展，推動(dòng)我國紀(jì)法在線學(xué)習(xí)考試系統(tǒng)的構(gòu)建進(jìn)程。文章以Vue和JEECG作為開發(fā)工具設(shè)計(jì)紀(jì)法在線學(xué)習(xí)考試系統(tǒng)，旨在提供一個(gè)高效、安全、智能、規(guī)范的紀(jì)法學(xué)習(xí)平臺(tái)，提高銀行等社會(huì)機(jī)構(gòu)管理水平，同時(shí)也能讓用戶體驗(yàn)更好的基于互聯(lián)網(wǎng)的在線學(xué)習(xí)考試平臺(tái)。

關(guān)鍵詞：紀(jì)法;在線學(xué)習(xí);考試;Vue

中圖分類號(hào)：TP311.5? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：2096-4706（2020）17-0093-03

Abstract：In order to adapt to the current and future informatization of discipline and law learning in China，it is necessary to solve the problem of online learning examination in time. Therefore，this paper studies how to promote the development of online learning system and promote the construction process of discipline and law online learning examination system in China. In this paper，Vue and JEECG are used as development tools to design the online learning and examination system of discipline and law. The purpose is to provide an efficient，safe，intelligent and standardized learning platform for discipline and law，improve the management level of social institutions such as banks，and also enable users to experience a better online learning and examination platform based on the Internet.

Keywords：discipline and law;online learning;examination;Vue

0? 引? 言

本人通過對(duì)我國紀(jì)律檢查委員會(huì)近年來執(zhí)行的廉政建設(shè)和反腐敗工作的研究調(diào)查，以了解社會(huì)當(dāng)前紀(jì)法學(xué)習(xí)的需求和存在的問題。隨著政策變化的加劇，銀行等社會(huì)機(jī)構(gòu)對(duì)紀(jì)法學(xué)習(xí)的需求激增，巨大的學(xué)習(xí)需求對(duì)社會(huì)機(jī)構(gòu)的管理和考核提出更高的要求，中國人民銀行西安分行營業(yè)管理部基于這個(gè)需求為中國人民銀行西安分行開發(fā)設(shè)計(jì)在線學(xué)習(xí)考試系統(tǒng)。本人首先通過中國人民銀行西安分行營業(yè)管理部整理出的需求文檔，分析系統(tǒng)總體設(shè)計(jì)目標(biāo)，完善系統(tǒng)整體的學(xué)習(xí)和考核功能;其次采用B/S開發(fā)模式配合Vue搭建系統(tǒng);最后系統(tǒng)分成為五個(gè)模塊，分別為登錄注冊(cè)及首頁、在線考試系統(tǒng)、自主練習(xí)系統(tǒng)、資料自主學(xué)習(xí)下載、個(gè)人中心。目前紀(jì)法在線學(xué)習(xí)考試系統(tǒng)已經(jīng)在中國人民銀行西安分行進(jìn)行學(xué)習(xí)使用，大幅度地提高了中國人民銀行西安分行學(xué)習(xí)效率。

1? 紀(jì)法在線學(xué)習(xí)考試系統(tǒng)設(shè)計(jì)與開發(fā)的必要性

隨著社會(huì)市場(chǎng)發(fā)展，我國戰(zhàn)略目標(biāo)也在不斷變化，為了穩(wěn)定國家市場(chǎng)和政治政策，銀行等各社會(huì)機(jī)構(gòu)的領(lǐng)導(dǎo)及員工需要及時(shí)學(xué)習(xí)紀(jì)法知識(shí)，以適應(yīng)我國法治社會(huì)的建立和推動(dòng)社會(huì)主義市場(chǎng)的穩(wěn)定發(fā)展。考試是對(duì)各級(jí)領(lǐng)導(dǎo)和干部學(xué)習(xí)紀(jì)法的重要管理手段，使每個(gè)人自覺學(xué)習(xí)紀(jì)法知識(shí)，增強(qiáng)自己的義務(wù)和責(zé)任感。僅僅使用傳統(tǒng)的學(xué)習(xí)和考試管理方式已經(jīng)不能滿足當(dāng)前紀(jì)法學(xué)習(xí)的形勢(shì)，批改考核工作量大，不僅浪費(fèi)了社會(huì)機(jī)構(gòu)大量的人力和財(cái)力，同時(shí)也浪費(fèi)了學(xué)習(xí)者和管理者的較多時(shí)間，不利于提高紀(jì)法學(xué)習(xí)質(zhì)量。因此，在線學(xué)習(xí)考試系統(tǒng)相對(duì)于線下來說，可以更好地解決學(xué)習(xí)效率、管理效率等現(xiàn)實(shí)問題，提供給學(xué)習(xí)者一個(gè)客觀、公正并且高效的學(xué)習(xí)平臺(tái)，不僅可以很大程度上減少學(xué)習(xí)經(jīng)費(fèi)，還可以使考試信息反饋及時(shí)、精確，在我國社會(huì)機(jī)構(gòu)設(shè)計(jì)紀(jì)法在線學(xué)習(xí)考試系統(tǒng)已經(jīng)勢(shì)在必行。

2? 紀(jì)法在線學(xué)習(xí)考試系統(tǒng)應(yīng)用現(xiàn)狀

因?yàn)樵诰€學(xué)習(xí)考試系統(tǒng)有著諸多優(yōu)點(diǎn)，所以國內(nèi)外許多高校和企業(yè)都已經(jīng)應(yīng)用了在線考試學(xué)習(xí)系統(tǒng)，希望減少學(xué)習(xí)和考試管理時(shí)間，以及兩地奔波的時(shí)間，并且領(lǐng)導(dǎo)者和管理者可以減少考試信息反饋時(shí)間。目前的TOEFL、GRE在線考試系統(tǒng)有著許多不同的基于考試的算法，例如隨機(jī)出卷算法、評(píng)分分析算法等較為成熟的算法，因此有越來越多的機(jī)構(gòu)開始將在線考試系統(tǒng)應(yīng)用到紀(jì)法的學(xué)習(xí)和考核中。本紀(jì)法在線學(xué)習(xí)考試系統(tǒng)為了避免雷同現(xiàn)象的產(chǎn)生，找出了最適合各銀行分行機(jī)構(gòu)的設(shè)計(jì)和實(shí)現(xiàn)方案，采用Vue+JEECG開發(fā)工具來實(shí)現(xiàn)紀(jì)法在線學(xué)習(xí)考試系統(tǒng)的用戶端和后臺(tái)，通過前后端分離的方式為學(xué)習(xí)者和管理者提供不同的功能。

3? 紀(jì)法在線學(xué)習(xí)考試系統(tǒng)需求分析

3.1? 系統(tǒng)總體設(shè)計(jì)目標(biāo)

我國紀(jì)法信息化學(xué)習(xí)平臺(tái)已經(jīng)走出規(guī)模，學(xué)習(xí)和考核功能更加完善，然而總的來說仍有許多不足之處。此套在線學(xué)習(xí)考試系統(tǒng)采用B/S模式，這個(gè)模式將客戶端進(jìn)行統(tǒng)一管理，使所有需要實(shí)現(xiàn)的功能都集中在服務(wù)器上，從而簡化了系統(tǒng)的開發(fā)和使用，具有分布性特點(diǎn)，可以隨時(shí)隨地進(jìn)行查詢、瀏覽等業(yè)務(wù)處理;還可以擴(kuò)展改變需求，拓展業(yè)務(wù)方便簡潔。只需要管理服務(wù)器就可以進(jìn)行維護(hù)，開發(fā)簡單，共享維護(hù)方便是其一大特點(diǎn)。

同時(shí)本系統(tǒng)將用戶的學(xué)習(xí)和考試需求分成五個(gè)模塊，分別為登錄注冊(cè)及首頁、在線考試系統(tǒng)、自主練習(xí)系統(tǒng)、資料自主學(xué)習(xí)下載、個(gè)人中心五大部分，實(shí)現(xiàn)用戶不受時(shí)間、地點(diǎn)的限制自主學(xué)習(xí)紀(jì)法知識(shí)，以及試卷的自動(dòng)生成和自動(dòng)成績?cè)u(píng)判以及自動(dòng)錄入系統(tǒng)，具體系統(tǒng)需求結(jié)構(gòu)如圖1所示。

3.2? 系統(tǒng)開發(fā)架構(gòu)

根據(jù)本紀(jì)法在線學(xué)習(xí)考試系統(tǒng)所要遵循的需求，因此采用基于B/S結(jié)構(gòu)進(jìn)行設(shè)計(jì)，這個(gè)結(jié)構(gòu)可以充分發(fā)揮在線系統(tǒng)的優(yōu)勢(shì)，也可以適用軟件工程的開發(fā)原則，配合Vue搭建系統(tǒng)，當(dāng)Vue創(chuàng)建一個(gè)對(duì)象的時(shí)候，首先會(huì)初始化其數(shù)據(jù)對(duì)象。在初始化的過程中，Observer會(huì)一直監(jiān)聽該數(shù)據(jù)對(duì)象中全部屬性;同時(shí)Compile會(huì)掃描Web頁面中所有操作指令，并對(duì)掃描后的指令進(jìn)行編譯解析，也會(huì)初始化該視圖。所以需選取Vue最合適的MVC架構(gòu)開發(fā)模式，降低用戶端五大模塊功能業(yè)務(wù)邏輯之間的耦合度，配合JEECG快速搭建網(wǎng)頁服務(wù)器，從View層解析再到Service層的實(shí)現(xiàn)，最后經(jīng)過Dao層的數(shù)據(jù)處理返回給View層進(jìn)行數(shù)據(jù)回顯，不僅使用戶端學(xué)習(xí)考試的業(yè)務(wù)更加清晰，也能為紀(jì)法在線學(xué)習(xí)系統(tǒng)的數(shù)據(jù)安全提供保障。

4? 紀(jì)法在線學(xué)習(xí)考試系統(tǒng)的實(shí)現(xiàn)

4.1? 登錄注冊(cè)界面設(shè)計(jì)

普通用戶登錄之后系統(tǒng)首頁如圖2所示，管理員登錄之后系統(tǒng)首頁如圖3所示。

本紀(jì)法在線學(xué)習(xí)考試系統(tǒng)利用Vue語言的特性結(jié)合JEECG框架，能夠快速地開發(fā)出企業(yè)級(jí)的Web應(yīng)用系統(tǒng)，并且界面相對(duì)會(huì)比較好看，登錄界面中分別為用戶名、密碼、記住密碼設(shè)置不同的模態(tài)框，最后登錄使用最常用的submit提交表單，注冊(cè)的業(yè)務(wù)邏輯與此相似，只需判斷用戶名是否存在即可。

4.2? 在線考試業(yè)務(wù)設(shè)計(jì)

考試是此系統(tǒng)中最重要的一個(gè)功能，采取全題庫隨機(jī)抽取考試，抽取的題目根據(jù)知識(shí)點(diǎn)進(jìn)行劃分。將不同模塊設(shè)置不同抽取幾率，題目隨機(jī)抽取算法采用Vue自帶的方法進(jìn)行隨機(jī)，例如將社會(huì)主義核心價(jià)值觀的模塊設(shè)置抽取幾率為百分之二十，剩下的部分則由其他模塊的題目組成;如果管理員又繼續(xù)添加了新的模塊，要重新對(duì)模塊幾率進(jìn)行計(jì)算。考試時(shí)間由管理員設(shè)置，沒有到規(guī)定考試時(shí)間系統(tǒng)會(huì)設(shè)置權(quán)限，任何人不能登錄考試界面;并且每次考試都會(huì)有時(shí)間限制，超過時(shí)間限制將自動(dòng)提示交卷;可以提前點(diǎn)擊結(jié)束考試，如果只有選擇題或者機(jī)改題目可以直接查看自己分?jǐn)?shù)。目前考試成績的衡量規(guī)則是由中國人民銀行西安分行營業(yè)管理部多次討論而來，最后規(guī)定衡量用戶紀(jì)法考試的方法為選取近3次考試的最高成績，并以此成績進(jìn)行本系統(tǒng)所有人員的成績排名，各單位進(jìn)行排名時(shí)不考慮層級(jí)關(guān)系。在線考試答題模塊設(shè)計(jì)如圖4所示。

4.3? 自主練習(xí)業(yè)務(wù)設(shè)計(jì)

自主練習(xí)功能可以提供給用戶一個(gè)模擬的測(cè)試環(huán)境，幫助用戶鞏固紀(jì)法知識(shí)。其主要設(shè)計(jì)練習(xí)形式、練習(xí)規(guī)則、練習(xí)效果三個(gè)業(yè)務(wù)，不再采用隨機(jī)抽題的方式，而是有規(guī)律地重復(fù)學(xué)習(xí)未掌握的題。這里判斷掌握的邏輯為標(biāo)記題目，新題答對(duì)一次標(biāo)記一次，標(biāo)記三次則歸納為已掌握;通過單選題和多選題進(jìn)行快速練習(xí)，一次自主練習(xí)共10題且一次只可查看1題;當(dāng)練習(xí)選擇的選項(xiàng)錯(cuò)誤時(shí)，系統(tǒng)會(huì)自動(dòng)提示正確答案，并且為用戶提供本題相應(yīng)的學(xué)習(xí)資料查看。

4.4? 資料自主學(xué)習(xí)業(yè)務(wù)設(shè)計(jì)

自主學(xué)習(xí)業(yè)務(wù)和自主練習(xí)目的一樣，提供紀(jì)法相關(guān)學(xué)習(xí)材料供用戶自行下載學(xué)習(xí)，將各知識(shí)模塊進(jìn)行分類顯示，用戶點(diǎn)擊即可下載學(xué)習(xí)，這里需要使用到Vue中file類型的input框，然后創(chuàng)建form表單，通過監(jiān)聽change事件完成文件的下載;同時(shí)提供用戶搜索資料功能，這里采用模糊查詢方法，所以用戶只需搜索關(guān)鍵字即可在頁面中分頁顯示。

4.5? 個(gè)人中心模塊設(shè)計(jì)

首先需要設(shè)計(jì)權(quán)限，只有登錄之后才能進(jìn)入個(gè)人中心界面，所以在配置時(shí)要分清security=“none”的區(qū)別，因?yàn)橹挥羞@樣在用戶未登錄時(shí)無論怎樣都不能獲取到登錄人賬號(hào)的值，通過session把user對(duì)象傳到頁面中，顯示user的個(gè)人基本信息、用戶考試情況、練習(xí)情況等信息，因?yàn)椴簧婕澳：樵儯灾恍枰樵兒罄肑EECG進(jìn)行頁面回顯即可。

5? 結(jié)? 論

本人結(jié)合中國人民銀行西安分行營業(yè)管理部實(shí)際工作情況，介紹了紀(jì)法在線學(xué)習(xí)考試系統(tǒng)的設(shè)計(jì)與開發(fā)的必要性，從而說明了本文所研究的目的與意義，選擇了Vue+JEECG最適合的開發(fā)工具，在如今眾多在線考試學(xué)習(xí)平臺(tái)中本人所開發(fā)的系統(tǒng)體現(xiàn)了其特殊性和創(chuàng)新，通過具體的功能需求分析保證了本系統(tǒng)開發(fā)架構(gòu)的完整性，并且在社會(huì)、經(jīng)濟(jì)等多層方面都是可行的。對(duì)系統(tǒng)用戶端的五大功能模塊進(jìn)行黑盒測(cè)試和白盒測(cè)試時(shí)，其功能都能夠準(zhǔn)確地運(yùn)行，達(dá)到本系統(tǒng)的開發(fā)要求，該系統(tǒng)可以大大提高銀行等社會(huì)機(jī)構(gòu)人員學(xué)習(xí)紀(jì)法的效率，也為參加考試和管理成績提供了很大方便。綜上所述，本系統(tǒng)有著良好的學(xué)習(xí)和考試體驗(yàn)感，安全性高且功能齊全。

參考文獻(xiàn)：

[1] 楊靜.基于Web的在線考試系統(tǒng)的設(shè)計(jì)與開發(fā) [J].西安文理學(xué)院學(xué)報(bào)（自然科學(xué)版），2019，22（4）：55-59.

[2] 蔡創(chuàng).基于Spring和Hibernate的在線教學(xué)系統(tǒng)的研究與實(shí)現(xiàn) [J].自動(dòng)化與儀器儀表，2019（7）：216-218.

[3] 劉安，郭良敏.課程在線學(xué)習(xí)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn) [J].福建電腦，2019，35（5）：46-49.

[4] 王晟，居沈貴.在線學(xué)習(xí)考試系統(tǒng)促進(jìn)學(xué)生自主學(xué)習(xí)的探索實(shí)踐 [J].化工時(shí)刊，2019，33（5）：59-60.

作者簡介：胡雨時(shí)（1984—），男，漢族，陜西榆林人，工程師，碩士研究生，研究方向：系統(tǒng)軟件開發(fā)。