基于Vue.js 的高校党员干部管理系统设计与实现

林金莲

（福建农业职业技术学院信息工程学院，福建福州 350007）

随着高校的干部队伍和党员队伍的不断扩大，传统的Excel 数据管理方式及单机版本的信息管理系统存在着各种问题，比如不同部门之间协同管理困难，在线增删改查数据不方便，数据历史版本繁多不易保存和查找等，为高校党员干部数据的管理带来诸多不便[1-2]。因此，开发一款基于Web 的在线党员干部管理系统，实现有效的信息存储、更新、查询和历史版本数据管理等操作显得非常有必要。

1 需求分析

1.1 业务需求分析

高校党员干部数据的管理主要分为两个部分，一个部分是关于干部数据的管理，另一部分是关于党员数据的管理。其中，党工部统一负责全校干部数据和党员数据的日常维护。党总支或直属党支部负责本党总支或直属党支部的党员数据的日常管理工作。党员干部数据管理还有一个特殊的业务需求，要求保留历史版本数据，比如需要根据要求提供某年某月某日的党员和干部数据。

1.2 功能模块分析

根据当前业务需求分析，党员干部管理系统主要功能模块分为党员干部管理模块和系统管理员模块[3-4]。

党员干部管理模块：包含党员管理和干部管理，分别进行党员数据和干部数据的增、删、改、查、导入、导出等管理；历史版本定期记录党员、干部的版本历史，起到追溯作用。

系统管理员模块：含包对用户、机构和角色的增、删、改、查等管理功能；对角色进行菜单访问权限的分配；统一管理用户的操作行为。

1.3 用户和安全性分析

党员干部管理系统用户主要分为系统管理员、党工部管理员和党总支或直属党支部管理员，为了保障数据和操作的安全性，对登录系统的用户进行身份验证，不同权限的用户可以访问和操作的功能模块不同。

2 系统设计

2.1 功能模块设计

根据需求分析，对党员干部管理系统功能模块进行设计，如图1 所示。登录模块提供用户权限认证功能，系统采用多重权限管理模式[5]，不同用户登录后可以操作的模块不同。

图1 党员干部管理系统功能模块设计图

2.2 数据库设计

数据库是信息管理系统的基础，根据各个功能模块间的业务关系，梳理出党员干部管理系统的数据库的设计。党员干部管理系统主要包括用户信息表、机构信息表、角色表、菜单信息表、数据字典表、操作日志表、用户角色对应表、角色菜单对应表、党员信息表、干部信息表和历史版本表等。党员信息表和干部信息表的结构设计[6-8]见表1、表2。

表1 干部信息表结构

表2 党员信息表结构

3 系统实现

3.1 开发环境

党员干部管理系统采用前后端分离的模式，环境分为前端环境和后端环境两个部分，开发涉及的资源主要是前后端开发工具。

前端开发环境涉及的技术主要有node.js、VSCode、Vue-cli 和Webpack。node.js 是运行在服务端的JavaScript，是项目编译需要依赖的环境。Visual Studio Code(简称VSCode/VSC)是一款免费开源的现代化轻量级代码编辑器，作为前端开发的IDE。Webpack 是一个前端资源加载/ 打包工具。Vue-cli 是一个基于Vue.js 进行快速开发的脚手架，可以生成Vue 工程模板。

后端开发环境涉及到的技术主要有JDK、Mysql 和Eclipse。JDK 是项目运行、编译需要依赖的环境。MySQL 是流行的关系型数据库管理系统。Eclipse 作为后端开发IDE。

3.2 技术架构

党员干部管理系统使用面向服务、前后端分离的开发思想，采用三层软件构架，即用户层、业务逻辑层和数据存储层。（见图2）

图2 党员干部管理系统总体架构

用户层是整个架构的最上层，主要用于将操作界面呈现给用户、建立与服务器的连接、接收并验证用户的输入。用户层使用Vue+ElementUI 技术实现，Vue 是一套用于构建用户界面的渐进式JavaScript框架，是一个轻巧、高性能、可组件化的MVVM库。

中间接口层采用Springboot 开发，基于http 协议封装接口。通过Spring 安全框架来校验访问，在用户和服务器之间传递安全可靠的信息。

业务逻辑层负责对用户层提交的请求，按照业务逻辑解析处理，并将结果返回。整个系统采用Springboot 框架来封装多个服务，以模块化的方式对外提供每个模块的功能。模块之间的通信交互以消息中间件解耦。

数据层负责系统数据和信息的存储，采用mqsql来存储数据，引入redis缓存来解决后端数据库的压力。

3.3 功能模块实现

系统管理模块主要是完成用户、机构、角色、菜单等通用信息的管理，党员干部管理模块，分为党员管理模块和干部管理模块，这里主要介绍用户管理的实现，其他管理功能类似。

用户管理的流程如下：

（1）用户登录系统后，进入到用户管理模块；

（2）通过用户管理模块进行用户的管理操作：包括查看、增加、编辑、删除等功能；

（3）返回给到前端，供用户查看。

用户管理具体流程图如图3，实现的功能类图如图4，最终实现页面如图5 所示。

图3 用户管理流程图

图4 用户管理功能类图

图5 用户管理页面

4 结语

本系统采用前后端分离的技术开发和部署，前端使用高效的Vue.js 框架，后端使用JavaEE 平台，安全性高、扩展性和维护性好。系统实现了党员和干部的在线管理功能，系统管理工作者可以快捷方便地完成党员、干部数据的增、删、改、查、导入、导出和历史版本数据保留和查询等工作，提升了工作效率，提高了管理水平。