黨建答題系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

沈超琪

（浙江省中波發(fā)射管理中心第四廣播轉(zhuǎn)播臺(tái)，浙江 杭州 310000）

0 引言

傳統(tǒng)黨員隊(duì)伍建設(shè)和黨員知識(shí)培訓(xùn)更多地基于書(shū)本和紙質(zhì)材料的傳閱、書(shū)面考核等方式，不僅操作煩瑣，而且材料成本投入較大。隨著互聯(lián)網(wǎng)技術(shù)的迅速發(fā)展，浙江省開(kāi)始在全省部署開(kāi)展數(shù)字化改革。作為黨的聲音的傳播者，浙江省中波發(fā)射管理中心（以下簡(jiǎn)稱(chēng)中心）也在技術(shù)革新方面下足了功夫。隨著線(xiàn)上教育的興起，基于“互聯(lián)網(wǎng)+黨建答題”這一創(chuàng)意，浙江省中波發(fā)射管理中心第四廣播轉(zhuǎn)播臺(tái)設(shè)計(jì)、實(shí)現(xiàn)了智慧中波黨建答題系統(tǒng)[1]。本系統(tǒng)通過(guò)線(xiàn)上答題的方式，將黨員隊(duì)伍建設(shè)和黨的理論知識(shí)學(xué)習(xí)推向“無(wú)紙化”。

1 系統(tǒng)設(shè)計(jì)

智慧中波黨建答題系統(tǒng)是一個(gè)由手機(jī)H5網(wǎng)頁(yè)、管理網(wǎng)頁(yè)、系統(tǒng)后臺(tái)、MySQL 數(shù)據(jù)庫(kù)及專(zhuān)網(wǎng)服務(wù)器組成的線(xiàn)上黨建知識(shí)培訓(xùn)和數(shù)據(jù)管理系統(tǒng)[2]。本系統(tǒng)的H5 網(wǎng)頁(yè)主要使用Vue2.0 開(kāi)發(fā)框架開(kāi)發(fā)，管理網(wǎng)頁(yè)基于vue-element-admin 框架實(shí)現(xiàn)，后臺(tái)采用Spring Boot 框架搭建[3]。整體項(xiàng)目部署在中波專(zhuān)網(wǎng)的服務(wù)器上，與外網(wǎng)實(shí)現(xiàn)完全的物理隔離，確保系統(tǒng)的安全性和穩(wěn)定性。

在手機(jī)H5 頁(yè)面中，黨員用戶(hù)可進(jìn)行用戶(hù)登錄、線(xiàn)上答題、線(xiàn)上知識(shí)競(jìng)賽、積分查看等功能操作。后臺(tái)管理網(wǎng)頁(yè)分為各臺(tái)分部門(mén)管理網(wǎng)頁(yè)和中心管理員管理網(wǎng)頁(yè)，分部門(mén)管理網(wǎng)頁(yè)可對(duì)該臺(tái)的員工進(jìn)行賬號(hào)管理，中心本級(jí)的管理員管理網(wǎng)頁(yè)不僅擁有各分部門(mén)的人員管理權(quán)限，還能夠添加試題、在線(xiàn)生成試卷、對(duì)試題及試卷進(jìn)行管理以及對(duì)部門(mén)、人員積分等進(jìn)行管理，使得黨建管理工作更加便捷、效率更高。

1.1 設(shè)計(jì)原則

1.1.1 安全兼容性

系統(tǒng)應(yīng)保障運(yùn)行的安全性，保障電腦、手機(jī)系統(tǒng)的兼容性，減少系統(tǒng)漏洞對(duì)軟件的影響。

1.1.2 系統(tǒng)性與靈活性

系統(tǒng)須保證各個(gè)功能完整，同層級(jí)之間具有清晰的邏輯關(guān)系，能夠系統(tǒng)性地運(yùn)行和處理各種用戶(hù)的操作和反饋，確保使用過(guò)程有條有理。系統(tǒng)主要應(yīng)用于手機(jī)端，因此系統(tǒng)的靈活性是該系統(tǒng)設(shè)計(jì)的元素之一。設(shè)計(jì)應(yīng)根據(jù)實(shí)際應(yīng)用環(huán)境考慮靈活性，加強(qiáng)系統(tǒng)的用戶(hù)屬性。

1.1.3 開(kāi)放性與擴(kuò)展性

系統(tǒng)的功能會(huì)隨著線(xiàn)下工作的不斷遷移變得更加豐富，因此要考慮未來(lái)系統(tǒng)性能的優(yōu)化以及對(duì)于新需求和新技術(shù)的適應(yīng)能力。系統(tǒng)在設(shè)計(jì)過(guò)程中需為未來(lái)新的功能擴(kuò)展留出接口，方便為新的功能及創(chuàng)意實(shí)踐提供技術(shù)應(yīng)用場(chǎng)景。

1.1.4 簡(jiǎn)便美觀性

由于系統(tǒng)的使用率相對(duì)較高，使用人群屬性較復(fù)雜，系統(tǒng)應(yīng)具備簡(jiǎn)便、美觀性，應(yīng)采用合理的布局、人性化的交互設(shè)計(jì)以及符合一般審美的外觀包裝，提升用戶(hù)的使用體驗(yàn)。

1.2 相關(guān)技術(shù)

1.2.1 SuperAgent 請(qǐng)求代理模塊

SuperAgent 是nodejs 里一個(gè)非常方便的客戶(hù)端請(qǐng)求代理模塊，支持get，post，put，delete 等數(shù)據(jù)請(qǐng)求。它具有可讀性高、學(xué)習(xí)曲線(xiàn)低、易操作等特性。它的內(nèi)部依賴(lài)nodejs 原生的請(qǐng)求api，適用于nodejs環(huán)境。

1.2.2 vue-element-admin 框架

vue-element-admin 框架是基于vue2.0 框架加上餓了么團(tuán)隊(duì)創(chuàng)建的element-ui 搭建的，內(nèi)置了i18國(guó)際化解決方案。它具備動(dòng)態(tài)路由、懶加載、權(quán)限驗(yàn)證、多環(huán)境發(fā)布等功能模型，支持大多數(shù)主流瀏覽器?？蚣茉趧?chuàng)建時(shí)會(huì)生成一個(gè)完整的開(kāi)發(fā)模型，提供了涵蓋中后臺(tái)開(kāi)發(fā)的各類(lèi)功能，整個(gè)框架的初始目錄結(jié)構(gòu)如圖1 所示。

圖1 vue-element-admin 框架目錄結(jié)構(gòu)圖

1.2.3 Spring Boot 框架

Spring Boot 是由Pivotal 團(tuán)隊(duì)提供的一套基于Java 語(yǔ)言的、可用于迅速搭建后臺(tái)的全新框架，其設(shè)計(jì)目的是簡(jiǎn)化新Spring 應(yīng)用的初始搭建及開(kāi)發(fā)過(guò)程。Spring Boot 的核心思想為約定大于配置，因此它在創(chuàng)建時(shí)會(huì)默認(rèn)進(jìn)行大部分的組件配置和系統(tǒng)設(shè)置，大大地減少了開(kāi)發(fā)者的配置和開(kāi)發(fā)成本。Spring Boot 還具有安全策略集成簡(jiǎn)潔直觀、支持關(guān)系型和非關(guān)系型數(shù)據(jù)庫(kù)、支持運(yùn)行期內(nèi)嵌容器、自動(dòng)管理依賴(lài)、自帶應(yīng)有監(jiān)控等多種特性[4]。Spring Boot 框架的分層結(jié)構(gòu)如圖2 所示。

圖2 Spring Boot 分層結(jié)構(gòu)圖

2 功能實(shí)現(xiàn)

2.1 題庫(kù)管理

題庫(kù)管理是智慧中波黨建答題系統(tǒng)必不可少的功能，是本系統(tǒng)題庫(kù)的數(shù)據(jù)基礎(chǔ)，主要具有黨建知識(shí)庫(kù)的錄入（支持在線(xiàn)輸入和Excel 題庫(kù)導(dǎo)入）、黨建題目的查詢(xún)（支持關(guān)鍵字和題目類(lèi)別查詢(xún)）、黨建題目的刪改以及生成試卷等功能。中心本級(jí)管理員通過(guò)題庫(kù)管理模塊對(duì)整個(gè)系統(tǒng)的基礎(chǔ)題庫(kù)進(jìn)行精確管理，在保證題目全部完整準(zhǔn)確后，再根據(jù)需求，自定義（或者隨機(jī)）從題庫(kù)中抽取相當(dāng)數(shù)量的題目用于生成試卷。

在題庫(kù)管理中，數(shù)據(jù)的集成和排列顯示使用了vue-element-admin 框架中大量的表格組件及彈窗組件，實(shí)現(xiàn)了界面的敏捷開(kāi)發(fā)，大大縮短了時(shí)間成本。數(shù)據(jù)的Excel 導(dǎo)入則采用文件導(dǎo)入加上后臺(tái)數(shù)據(jù)處理的形式，保證的數(shù)據(jù)的穩(wěn)定性和安全性。部分具體界面如圖3 所示。

圖3 題庫(kù)管理部分界面圖

2.2 部門(mén)管理

部門(mén)管理功能位于中心本級(jí)管理員管理網(wǎng)頁(yè)中，是人員管理的必要條件。部門(mén)管理的主要功能包括新增部門(mén)、部門(mén)id 及具體名稱(chēng)顯示、部門(mén)修改與刪除等。中心本級(jí)管理員根據(jù)中心目前已有的部門(mén)相關(guān)資料對(duì)部門(mén)進(jìn)行統(tǒng)一管理，保證數(shù)據(jù)的準(zhǔn)確性。人員的創(chuàng)建和管理需要依托于部門(mén)，所以部門(mén)管理尤為重要。

部門(mén)管理頁(yè)面主要通過(guò)el-table 進(jìn)行數(shù)據(jù)的網(wǎng)格化顯示與管理，采用SuperAgent 模塊進(jìn)行前后端的數(shù)據(jù)交互。將el-button 與el-message 結(jié)合使用，實(shí)現(xiàn)不同的彈窗與消息提示。部門(mén)管理部分界面如圖4 所示。

圖4 部門(mén)管理部分界面圖

2.3 用戶(hù)管理

用戶(hù)管理的主要功能有不同篩選條件下的用戶(hù)查詢(xún)、新增用戶(hù)、新用戶(hù)名單的Excel 導(dǎo)入以及用戶(hù)信息管理等。整個(gè)黨建系統(tǒng)的核心是用戶(hù)數(shù)據(jù)。在系統(tǒng)建立初期，中心本級(jí)管理員需要采集并錄入需要使用本系統(tǒng)的所有用戶(hù)數(shù)據(jù)，并保證數(shù)據(jù)的準(zhǔn)確性。后期功能的使用和擴(kuò)展也將圍繞用戶(hù)進(jìn)行展開(kāi)，所以用戶(hù)管理這一功能的完整性和可擴(kuò)展性將決定系統(tǒng)的實(shí)用性和未來(lái)的業(yè)務(wù)走向。

用戶(hù)管理模塊不僅使用element-ui 進(jìn)行頁(yè)面開(kāi)發(fā)，還對(duì)Excel導(dǎo)入的文件采用不同的鉤子進(jìn)行處理，在后臺(tái)通過(guò)easyexcel 工具對(duì)excel 文件進(jìn)行解析并回傳數(shù)據(jù)，從而采用前后端相結(jié)合的方式實(shí)現(xiàn)了用戶(hù)數(shù)據(jù)的大批量導(dǎo)入[5]。具體功能界面如圖5 所示。

圖5 用戶(hù)管理部分界面圖

3 結(jié)語(yǔ)

本文采用前后端分離的方式，研發(fā)了一套智慧中波黨建答題系統(tǒng)。系統(tǒng)總體包含題庫(kù)管理、試卷管理、用戶(hù)答題以及用戶(hù)信息管理等模塊，打造了線(xiàn)上培訓(xùn)模式，為部門(mén)黨建工作的“無(wú)紙化”及數(shù)字化改革提供了應(yīng)用場(chǎng)景。本系統(tǒng)將繼續(xù)改進(jìn)和創(chuàng)新，為智慧中波建設(shè)添磚加瓦。