党建答题系统的设计与实现

2022-04-12沈超琪

电视技术 2022年3期

沈超琪

（浙江省中波发射管理中心第四广播转播台，浙江杭州 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 所示。