基于Vue.js 的高校黨員干部管理系統設計與實現

林金蓮

（福建農業(yè)職業(yè)技術學院信息工程學院，福建福州 350007）

隨著高校的干部隊伍和黨員隊伍的不斷擴大，傳統的Excel 數據管理方式及單機版本的信息管理系統存在著各種問題，比如不同部門之間協同管理困難，在線增刪改查數據不方便，數據歷史版本繁多不易保存和查找等，為高校黨員干部數據的管理帶來諸多不便[1-2]。因此，開發(fā)一款基于Web 的在線黨員干部管理系統，實現有效的信息存儲、更新、查詢和歷史版本數據管理等操作顯得非常有必要。

1 需求分析

1.1 業(yè)務需求分析

高校黨員干部數據的管理主要分為兩個部分，一個部分是關于干部數據的管理，另一部分是關于黨員數據的管理。其中，黨工部統一負責全校干部數據和黨員數據的日常維護。黨總支或直屬黨支部負責本黨總支或直屬黨支部的黨員數據的日常管理工作。黨員干部數據管理還有一個特殊的業(yè)務需求，要求保留歷史版本數據，比如需要根據要求提供某年某月某日的黨員和干部數據。

1.2 功能模塊分析

根據當前業(yè)務需求分析，黨員干部管理系統主要功能模塊分為黨員干部管理模塊和系統管理員模塊[3-4]。

黨員干部管理模塊：包含黨員管理和干部管理，分別進行黨員數據和干部數據的增、刪、改、查、導入、導出等管理；歷史版本定期記錄黨員、干部的版本歷史，起到追溯作用。

系統管理員模塊：含包對用戶、機構和角色的增、刪、改、查等管理功能；對角色進行菜單訪問權限的分配；統一管理用戶的操作行為。

1.3 用戶和安全性分析

黨員干部管理系統用戶主要分為系統管理員、黨工部管理員和黨總支或直屬黨支部管理員，為了保障數據和操作的安全性，對登錄系統的用戶進行身份驗證，不同權限的用戶可以訪問和操作的功能模塊不同。

2 系統設計

2.1 功能模塊設計

根據需求分析，對黨員干部管理系統功能模塊進行設計，如圖1 所示。登錄模塊提供用戶權限認證功能，系統采用多重權限管理模式[5]，不同用戶登錄后可以操作的模塊不同。

圖1 黨員干部管理系統功能模塊設計圖

2.2 數據庫設計

數據庫是信息管理系統的基礎，根據各個功能模塊間的業(yè)務關系，梳理出黨員干部管理系統的數據庫的設計。黨員干部管理系統主要包括用戶信息表、機構信息表、角色表、菜單信息表、數據字典表、操作日志表、用戶角色對應表、角色菜單對應表、黨員信息表、干部信息表和歷史版本表等。黨員信息表和干部信息表的結構設計[6-8]見表1、表2。

表1 干部信息表結構

表2 黨員信息表結構

3 系統實現

3.1 開發(fā)環(huán)境

黨員干部管理系統采用前后端分離的模式，環(huán)境分為前端環(huán)境和后端環(huán)境兩個部分，開發(fā)涉及的資源主要是前后端開發(fā)工具。

前端開發(fā)環(huán)境涉及的技術主要有node.js、VSCode、Vue-cli 和Webpack。node.js 是運行在服務端的JavaScript，是項目編譯需要依賴的環(huán)境。Visual Studio Code(簡稱VSCode/VSC)是一款免費開源的現代化輕量級代碼編輯器，作為前端開發(fā)的IDE。Webpack 是一個前端資源加載/ 打包工具。Vue-cli 是一個基于Vue.js 進行快速開發(fā)的腳手架，可以生成Vue 工程模板。

后端開發(fā)環(huán)境涉及到的技術主要有JDK、Mysql 和Eclipse。JDK 是項目運行、編譯需要依賴的環(huán)境。MySQL 是流行的關系型數據庫管理系統。Eclipse 作為后端開發(fā)IDE。

3.2 技術架構

黨員干部管理系統使用面向服務、前后端分離的開發(fā)思想，采用三層軟件構架，即用戶層、業(yè)務邏輯層和數據存儲層。（見圖2）

圖2 黨員干部管理系統總體架構

用戶層是整個架構的最上層，主要用于將操作界面呈現給用戶、建立與服務器的連接、接收并驗證用戶的輸入。用戶層使用Vue+ElementUI 技術實現，Vue 是一套用于構建用戶界面的漸進式JavaScript框架，是一個輕巧、高性能、可組件化的MVVM庫。

中間接口層采用Springboot 開發(fā)，基于http 協議封裝接口。通過Spring 安全框架來校驗訪問，在用戶和服務器之間傳遞安全可靠的信息。

業(yè)務邏輯層負責對用戶層提交的請求，按照業(yè)務邏輯解析處理，并將結果返回。整個系統采用Springboot 框架來封裝多個服務，以模塊化的方式對外提供每個模塊的功能。模塊之間的通信交互以消息中間件解耦。

數據層負責系統數據和信息的存儲，采用mqsql來存儲數據，引入redis緩存來解決后端數據庫的壓力。

3.3 功能模塊實現

系統管理模塊主要是完成用戶、機構、角色、菜單等通用信息的管理，黨員干部管理模塊，分為黨員管理模塊和干部管理模塊，這里主要介紹用戶管理的實現，其他管理功能類似。

用戶管理的流程如下：

（1）用戶登錄系統后，進入到用戶管理模塊；

（2）通過用戶管理模塊進行用戶的管理操作：包括查看、增加、編輯、刪除等功能；

（3）返回給到前端，供用戶查看。

用戶管理具體流程圖如圖3，實現的功能類圖如圖4，最終實現頁面如圖5 所示。

圖3 用戶管理流程圖

圖4 用戶管理功能類圖

圖5 用戶管理頁面

4 結語

本系統采用前后端分離的技術開發(fā)和部署，前端使用高效的Vue.js 框架，后端使用JavaEE 平臺，安全性高、擴展性和維護性好。系統實現了黨員和干部的在線管理功能，系統管理工作者可以快捷方便地完成黨員、干部數據的增、刪、改、查、導入、導出和歷史版本數據保留和查詢等工作，提升了工作效率，提高了管理水平。