黨建答題系統的設計與實現

沈超琪

（浙江省中波發射管理中心第四廣播轉播臺，浙江 杭州 310000）

0 引言

傳統黨員隊伍建設和黨員知識培訓更多地基于書本和紙質材料的傳閱、書面考核等方式，不僅操作煩瑣，而且材料成本投入較大。隨著互聯網技術的迅速發展，浙江省開始在全省部署開展數字化改革。作為黨的聲音的傳播者，浙江省中波發射管理中心（以下簡稱中心）也在技術革新方面下足了功夫。隨著線上教育的興起，基于“互聯網+黨建答題”這一創意，浙江省中波發射管理中心第四廣播轉播臺設計、實現了智慧中波黨建答題系統[1]。本系統通過線上答題的方式，將黨員隊伍建設和黨的理論知識學習推向“無紙化”。

1 系統設計

智慧中波黨建答題系統是一個由手機H5網頁、管理網頁、系統后臺、MySQL 數據庫及專網服務器組成的線上黨建知識培訓和數據管理系統[2]。本系統的H5 網頁主要使用Vue2.0 開發框架開發，管理網頁基于vue-element-admin 框架實現，后臺采用Spring Boot 框架搭建[3]。整體項目部署在中波專網的服務器上，與外網實現完全的物理隔離，確保系統的安全性和穩定性。

在手機H5 頁面中，黨員用戶可進行用戶登錄、線上答題、線上知識競賽、積分查看等功能操作。后臺管理網頁分為各臺分部門管理網頁和中心管理員管理網頁，分部門管理網頁可對該臺的員工進行賬號管理，中心本級的管理員管理網頁不僅擁有各分部門的人員管理權限，還能夠添加試題、在線生成試卷、對試題及試卷進行管理以及對部門、人員積分等進行管理，使得黨建管理工作更加便捷、效率更高。

1.1 設計原則

1.1.1 安全兼容性

系統應保障運行的安全性，保障電腦、手機系統的兼容性，減少系統漏洞對軟件的影響。

1.1.2 系統性與靈活性

系統須保證各個功能完整，同層級之間具有清晰的邏輯關系，能夠系統性地運行和處理各種用戶的操作和反饋，確保使用過程有條有理。系統主要應用于手機端，因此系統的靈活性是該系統設計的元素之一。設計應根據實際應用環境考慮靈活性，加強系統的用戶屬性。

1.1.3 開放性與擴展性

系統的功能會隨著線下工作的不斷遷移變得更加豐富，因此要考慮未來系統性能的優化以及對于新需求和新技術的適應能力。系統在設計過程中需為未來新的功能擴展留出接口，方便為新的功能及創意實踐提供技術應用場景。

1.1.4 簡便美觀性

由于系統的使用率相對較高，使用人群屬性較復雜，系統應具備簡便、美觀性，應采用合理的布局、人性化的交互設計以及符合一般審美的外觀包裝，提升用戶的使用體驗。

1.2 相關技術

1.2.1 SuperAgent 請求代理模塊

SuperAgent 是nodejs 里一個非常方便的客戶端請求代理模塊，支持get，post，put，delete 等數據請求。它具有可讀性高、學習曲線低、易操作等特性。它的內部依賴nodejs 原生的請求api，適用于nodejs環境。

1.2.2 vue-element-admin 框架

vue-element-admin 框架是基于vue2.0 框架加上餓了么團隊創建的element-ui 搭建的，內置了i18國際化解決方案。它具備動態路由、懶加載、權限驗證、多環境發布等功能模型，支持大多數主流瀏覽器。框架在創建時會生成一個完整的開發模型，提供了涵蓋中后臺開發的各類功能，整個框架的初始目錄結構如圖1 所示。

圖1 vue-element-admin 框架目錄結構圖

1.2.3 Spring Boot 框架

Spring Boot 是由Pivotal 團隊提供的一套基于Java 語言的、可用于迅速搭建后臺的全新框架，其設計目的是簡化新Spring 應用的初始搭建及開發過程。Spring Boot 的核心思想為約定大于配置，因此它在創建時會默認進行大部分的組件配置和系統設置，大大地減少了開發者的配置和開發成本。Spring Boot 還具有安全策略集成簡潔直觀、支持關系型和非關系型數據庫、支持運行期內嵌容器、自動管理依賴、自帶應有監控等多種特性[4]。Spring Boot 框架的分層結構如圖2 所示。

圖2 Spring Boot 分層結構圖

2 功能實現

2.1 題庫管理

題庫管理是智慧中波黨建答題系統必不可少的功能，是本系統題庫的數據基礎，主要具有黨建知識庫的錄入（支持在線輸入和Excel 題庫導入）、黨建題目的查詢（支持關鍵字和題目類別查詢）、黨建題目的刪改以及生成試卷等功能。中心本級管理員通過題庫管理模塊對整個系統的基礎題庫進行精確管理，在保證題目全部完整準確后，再根據需求，自定義（或者隨機）從題庫中抽取相當數量的題目用于生成試卷。

在題庫管理中，數據的集成和排列顯示使用了vue-element-admin 框架中大量的表格組件及彈窗組件，實現了界面的敏捷開發，大大縮短了時間成本。數據的Excel 導入則采用文件導入加上后臺數據處理的形式，保證的數據的穩定性和安全性。部分具體界面如圖3 所示。

圖3 題庫管理部分界面圖

2.2 部門管理

部門管理功能位于中心本級管理員管理網頁中，是人員管理的必要條件。部門管理的主要功能包括新增部門、部門id 及具體名稱顯示、部門修改與刪除等。中心本級管理員根據中心目前已有的部門相關資料對部門進行統一管理，保證數據的準確性。人員的創建和管理需要依托于部門，所以部門管理尤為重要。

部門管理頁面主要通過el-table 進行數據的網格化顯示與管理，采用SuperAgent 模塊進行前后端的數據交互。將el-button 與el-message 結合使用，實現不同的彈窗與消息提示。部門管理部分界面如圖4 所示。

圖4 部門管理部分界面圖

2.3 用戶管理

用戶管理的主要功能有不同篩選條件下的用戶查詢、新增用戶、新用戶名單的Excel 導入以及用戶信息管理等。整個黨建系統的核心是用戶數據。在系統建立初期，中心本級管理員需要采集并錄入需要使用本系統的所有用戶數據，并保證數據的準確性。后期功能的使用和擴展也將圍繞用戶進行展開，所以用戶管理這一功能的完整性和可擴展性將決定系統的實用性和未來的業務走向。

用戶管理模塊不僅使用element-ui 進行頁面開發，還對Excel導入的文件采用不同的鉤子進行處理，在后臺通過easyexcel 工具對excel 文件進行解析并回傳數據，從而采用前后端相結合的方式實現了用戶數據的大批量導入[5]。具體功能界面如圖5 所示。

圖5 用戶管理部分界面圖

3 結語

本文采用前后端分離的方式，研發了一套智慧中波黨建答題系統。系統總體包含題庫管理、試卷管理、用戶答題以及用戶信息管理等模塊，打造了線上培訓模式，為部門黨建工作的“無紙化”及數字化改革提供了應用場景。本系統將繼續改進和創新，為智慧中波建設添磚加瓦。