本栏目责任编辑：王
力
任鑫梅，刘小英
（攀枝花学院，四川攀枝花617000）
摘要：为丰富校园生活，各大高校均开设了各种社团，传统社团活动的举办需教师审批、学生现场报名，报名的信息都是由
纸质保存，不仅浪费纸张且易丢失，因此，有必要开发一个社团信息管理系统。采用了JavaScript 开发语言，结合当下比较流行的Vue 框架和MySQL 数据库，设计开发了高校社团管理信息系统。实现了用户的注册、个人信息修改、用户信息管理、社团信息管理、社团活动管理、社团新闻管理、新闻留言管理 等功能。经过测试表明，该系统能满足社团建设和管理需求，能有效保存信息和提高工作效率。关键词：社团；信息管理；JavaScript ；Vue ；MySQL 中图分类号：TP311.52
文献标识码：A
文章编号：1009-3044(2021)11-0031-02
开放科学（资源服务）标识码（OSID ）：
Design and Implementation of the Management Information System of University Associations REN Xin-mei,LIU Xiao-ying
(Panzhihua University,Panzhihua 617000,China)
Abstract:In order to enrich campus life,all the universities have set up various associations.Traditional association activities need teachers'approval and students'on-site registration,and all registration information is saved in paper,which wastes paper and is easy to be lost.Therefore,it is necessary to develop association information management system.Using JavaScript language,and combined with the popular VUE framework and MySQL database,the university association management information system was designed and developed.It realized the f
unction of user registration,personal information modification,user information manage⁃ment,association information management,association activities management,association news management,news message man⁃agement and other functions.Through the system test,the system can meet the needs of community construction and management,and can effectively preserve information and improve work efficiency.Key words:association;information management;JavaScript;Vue;MySQL
高校社团是学生自发创建的拥有相同兴趣爱好的活动组织，通过组织各式各样的活动丰富学生的校园生活。每年9月，新生到校后，各种社团在校园中进行宣传，招募新成员，新成员通过填写报名表参加对应社团，之后社团组织活动时需要经过教师审批，学生报名等过程，周期较长，所有过程材料通过纸质保存，不仅浪费纸张，而且容易丢失，整个组织过程也比较低效，因此，有必要开发一个社团信息管理系统，简化报名，组织活动流程，提高效率[1]。
目前，许多学者开始尝试开发高校社团管理系统，例如滁州职业技术学院的钮永莉开发了基于VC 框架的高校社团管理系统，大简化了社团的日常管理工作[2]；西北民族大学的曹光辉设计开发了基于Web 的高校社团管理系统，使事务管理工作变
得更加方便科学[3]
；
电子科技大学的杨友国利用数据库技术开发了大学生社团信息管理系统，主要针对社团信息和社团会员的信息的数据进行管理[4]，还有很多学者利用各种技术开发了
适合本校的社团管理系统，大大提高了办事效率[5-8]。本文基于
JavaScript 开发了适合高校学生使用的社团信息管理系统。
1需求分析
系统具有四个不同角：游客、会员、社团负责人、管理员。主要包含个人信息管理、用户信息管理、社团管理、社团活动管理、社团新闻管理、新闻留言管理等功能。
1）个人信息管理：用户可修改自己的个人信息，当修改电话号码或密码等重要信息时会要求用户进行重新登录。
2）用户信息管理：管理员、社团负责人对会员用户进行信息的增删查改。个人信息系统
3）社团管理：对社团的创建、删除、修改信息、查看社团信息。
4）社团活动管理：负责人对活动的创建、会员参与活动、管理员修改活动信息、删除活动。
收稿日期：2020-10-22
作者简介：任鑫梅（1998—），女，四川江油武都镇人，本科，主要研究方向为软件开发；通讯作者：刘小英（1980—），女，新疆呼图壁县
人，副教授，硕士，主要研究方向为计算机应用技术。
31
本栏目责任编辑：王力
数据库与信息管理
Computer Knowledge and Technology 电脑知识与技术第17卷第11期(2021年4月)
5）社团新闻管理：会员查看新闻、负责人发布新闻、管理员修改和删除新闻。
6）新闻留言管理：会员对新闻发表留言、负责人和管理员查看删除留言。
2系统功能设计与实现
2.1系统功能设计
系统功能结构如图1所示，包含了注册登录、个人信息管理、用户信息管理、社团信息管理、社团活动管理、社团新闻管
理及社团新闻留言管理功能。
图1系统功能模块图
2.2系统实现2.2.1登录及注册模块
系统设定了一个默认的管理员的账号，其他的账号信息由用户注册得到。
用户的注册：用户需要使用自己的电话号码作为账号进行注册，若当前号码已被注册需要联系管理员进行密码的重新修改，用户的账号和密码都需要填写符合规范的内容。
登录功能就是将用户输入的密码与当前账号进行匹配，如果账号存在但密码错误，就提醒用户密码输入错误，若账号不存在就提醒用户进行注册，如果成功就登录成功并根据当前账号的身份状态做不同的页面跳转。2.2.2个人信息模块
用户可以对自己的个人信息和密码进行修改的，修改信息后要求用户重新登录该系统。2.2.3用户信息模块
该部分操作只限于管理员使用，包含对用户信息的修改和删除。管理员可直接点击编辑按钮修改用户信息，修改完成后保存即可。管理员也可通过搜索框对用户信息进行查询搜索。2.2.4社团信息模块
社团的创建是由用户提交申请后添加的，设置了一个社团的状态值，0是正在申请，1是申请通过，2是申请驳回。社团信息的修改是由负责人和管理员操作，删除功能只有管理员才有。
2.2.5社团活动模块
社团活动由负责人提交活动申请，待管理员审核通过后进行发布，会员根据所展示的活动信息参与活动报名。管理员可对活动信息进行所有操作。2.2.6社团新闻模块
社团新闻由负责人发布，由于不需要提交申请，一经发布就会被展示，所以不允许负责人随意更改新闻内容。管理员则可进行更改等一系列操作。2.2.7新闻留言模块
会员针对发布出的新闻发表留言，负责人和管理员可以查看留言信息，或者选择删除某些言论，但不可更改用户发表的留言。
3系统关键技术
在整个系统中，采用是JavaScript 作为开发语言，Vue 搭建整个系统。一些复合型组件都采用elementui 的组件库，所有的系统信息都采用MySQL 数据库进行存储。3.1模糊查询功能
用户在输入框中输入模糊查询的关键词，在表格中进行关键词查询筛选，关键代码如下：
const search =this.search;if (search){
filter(data =>{
return Object.keys(data).some(key =>{
return (String(data[key]).toLowerCase().indexOf
(search)>-1);});
});}3.2将表格信息导出成Excel
当用户进行活动报名后，社团负责人需要将报名信息导出以供其他用途，表格导出关键代码如下：
var xlsxParam ={raw:true }
var wb =XLSX.utils.table_to_book(this.$refs.multipleTable.$el,xlsxParam)
var wbout =XLSX.write(wb,{bookType:'xlsx',bookSST:
true,type:'array'})
try {
FileSaver.saveAs(new Blob([wbout],{type:'application/
octet-stream'}),'报名表.xlsx')
}catch (e){if (typeof console !=='undefined')console.log
(e,wbout)}
return wbout 3.3获取上传图片的路径
用户的头像、新闻图片需要上传至服务器获取由时间戳构成的图片路径，关键代码如下：
var date =new Date();
//var time ='_'+FullYear()+"_"+⁃
Month()+"_"+Day()+"_"+Hours()+"_"+Minutes();
（下转第35页）
32
数据库与信息管理
本栏目责任编辑：王力Computer Knowledge and Technology 电脑知识与技术
第17卷第11期(2021年4月)5.2有助于安全风险采取规避措施
对于程序而言，或多或少都会存在一定的BUG 。而且某些隐性的BUG 只有在特定条件下才会被触发，场景还原比较困难，问题的定位就会更加模糊。此时为了确保数据库有能力对隐性BUG 风险进行安全规避，利用好“双维度靶向管控”手段是关键，缩小风险用户的资源支配量，将风险禁锢在较小的范围内，实现隐性风险的受控、可控。5.3有益于稳定运行提供技术保障
“双维度靶向管控”适用于事前预防、事中处置及事后追溯
的介入性全周期管理。按照多套数据库服务器每天访问总数万次的粗略估算，半年来至少监测守护了近两万次的访问量，累计阻隔非正常访问五千余次。
在当前数据需求多变、访问压力逐年递增的趋势下，我厂数据库系统始终保持着健康有序的良性发展，数据库在线时率保持在99%以上，为全厂提供着稳定、高效的数据访问服务，并形成了良好的秩序环境。
6总结
本文详细阐述了“数据库双维度靶向管控”方法的研究与
实施思路和具体做法，都是经过长期探索试验、工作实践总结
而出，并在长期的数据库管理过程中不断修正完善的，现已形成了较为完整的管控体系，成为提升数据库管理质量的有效手段。该方法不仅适用于本地环境，对云数据中心管理也值得推广应用。由于云资源管理更加规范严格，所以实施此项措施有利于在云环境下完成数据库的精细化管理。
参考文献：
[1]姜姗，任靖娟，高志宇.基于聚类优化的大型网络数据库挖掘系统设计[J].现代电子技术,2020,43(6):175-177,182.
[2]黄志，李涛，宋瑶，等.基于Json 的小型异构数据库同步策略研究[J].气象研究与应用,2020,41(1):48-53.
[3]杨国清.关系数据库中树形结构的矩阵算法研究[J].计算机时代,2020(3):50-52,56.
[4]史吉超.浅谈施工企业成本数据库建设[J].智能城市,2020,6(5):75-76.
[5]杨春丽.计算机网络数据库安全管理技术的优化分析[J].河北农机,2020(3):44.
【通联编辑：唐一东】
（上接第32页）
//var avatarName ='/'+name +'_'+Time()+'.'+type;
var avatarName ='/'+Time()+'.'+type;var newPath =form.uploadDir +ameSync(files.file.path,newPath);//重命名//res.send({data:"/upload/"+avatarName})let data ={};
data.name =avatarName;
data.url ="localhost:81"+filedr +avatarName;datas.data =data res.send(datas);
4结束语
高校社团管理信息系统采用Vue 框架进行搭建，实现了个人信息管理、用户信息管理、社团管理、社团活动管理、社团新闻管理、新闻留言管理功能，界面友好，操作简单，能够满足高校社团建设及管理需求，能有效提高工作效率。
参考文献：
[1]惠苗，张晓冬.“互联网+”高校社团管理系统的设计与实现[J].
萍乡学院学报,2019,36(3):78-83.
[2]钮永莉，戴子东.基于MVC 框架的高校社团管理系统研究与实现[J].西安文理学院学报(自然科学版),2018,21(4):84-87,112.
[3]曹光辉.基于Web 的高校社团管理系统设计与实现[J].无线互联科技,2020,17(8):38-40.
[4]韩至.高校学生社团管理系统设计与开发[J].软件导刊,2016,15(7):79-81.
[5]董彩华，梁敏健，郭振铭.高校社团管理系统的设计与实现[J].电脑与电信,2017(Z1):28-30.
[6]彭林，于国龙，宋敏，等.高校社团管理系统设计与实现[J].物联网技术,2017,7(2):113-114.
[7]韩璐.高校学生社团管理系统的设计与实现[D].电子科技大学,2018.
[8]刘欢，李功权.基于WebGIS 的校园社团管理系统[J].地理空间信息,2018,16(3):68-70.
【通联编辑：王力】
35
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议