ssm基于vue的大学生社团管理系统的设计与实现+vue论文

系统简介

当下，正处于信息化的时代，许多行业顺应时代的变化，结合使用计算机技术向数字化、信息化建设迈进。传统的大学生社团信息管理模式，采用人工登记的方式保存相关数据，这种以人力为主的管理模式已然落后。本人结合使用主流的程序开发技术，设计了一款基于vue的大学生社团管理系统，可以较大地减少人力、财力的损耗，方便相关人员及时更新和保存信息。本系统主要使用B/S开发模式，在idea集成开发环境下，采用Java语言编码设计系统功能，MySQL数据库管理相关的系统数据信息，vue框架设计和开发系统功能界面，最后通过使用Tomcat服务器，在浏览器中发布设计的系统，并且完成系统与数据库的交互工作。本文对系统的需求分析、可行性分析、技术支持、功能设计、数据库设计、功能测试等内容做了较为详细的介绍，并且在本文中也展示了系统主要的功能模块设计界面和操作界面，并对其做出了必要的解释说明，方便用户对系统进行操作和使用，以及后期的相关人员对系统进行更新和维护。通过设计基于vue的大学生社团管理系统，可以极大地提高社团管理的工作效率，提升用户的使用体验。

关键词：大学生社团管理； Java语言； B/S结构； MySQL数据库

第1章 系统设计

4.1系统的总体功能设计
通过结合系统分析阶段的相关内容，对系统的整体功能设计进行规划。由此可知，本系统的使用者主要可以被分为管理员角色和用户角色两类。其中，管理员角色主要的功能需求有用户信息管理、社团信息管理、社团活动管理等模块，用户角色主要的功能需求有系统登录、查询社团信息、查询社团活动信息等模块。本系统的总体功能设计如图4-1所示。

图4-1系统的总体功能设计

4.2数据库设计
4.2.1概念设计
在数据库设计阶段，本系统通过使用开源的、小型的MySQL数据库对系统相关的数据信息进行管理和维护[12]。数据库设计大致可以被分为概念设计和逻辑设计两个阶段。概念设计阶段是逻辑设计阶段的重要依据，同样的，逻辑设计阶段也是概念设计阶段的实现目标。概念设计阶段主要通过使用实体-联系图（E-R图）的方式，将现实世界中用户对系统的实际需求，转换成设计人员能够理解的抽象的数据库概念模型。本人通过设计E-R图，详细的对系统中的实体以及实体之间的联系进行了表达。
4.2.2逻辑设计
逻辑设计阶段主要的工作是将概念设计中的E-R图，转换成方便系统进行存储和管理的二维表格形式[14]。这一阶段也可以被称为数据库的详细设计，其直接关系到系统功能模块的正常运行、数据信息的正常更新等。在设计过程中，需要充分考虑数据库的规范性和合理性，使得能够满足系统的功能和性能需求。本系统相关的数据表格设计内容如下所示。

表4-1管理员信息表
序号 列名 数据类型 说明 允许空
1 id Int 编号 否
2 username String 用户名 是
3 password String 密码 是
4 role String 角色 是
5 addtime Date 新增时间 是

表4-2团长信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 username String 账户 是
3 password String 密码 是
4 tuanzhang_name String 团长姓名 是
5 tuanzhang_phone String 团长手机号 是
6 tuanzhang_id_number String 团长身份证号 是
7 tuanzhang_photo String 团长头像 是
8 sex_types Integer 性别 是
9 tuanzhang_email String 电子邮箱 是
10 create_time Date 创建时间 是

表4-3学生信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 username String 账户 是
3 password String 密码 是
4 xuesheng_name String 学生姓名 是
5 xuesheng_phone String 学生手机号 是
6 xuesheng_id_number String 学生身份证号 是
7 xuesheng_photo String 学生头像 是
8 sex_types Integer 性别 是
9 xuesheng_email String 电子邮箱 是
10 create_time Date 创建时间 是

表4-4社团信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 tuanzhang_id Integer 团长 是
3 shetuan_name String 社团名称 是
4 shetuan_photo String 社团照片 是
5 shetuan_types Integer 社团类型 是
6 shetuan_renshu Integer 社团人数 是
7 shetuan_clicknum Integer 点击次数 是
8 shetuan_content String 社团详情 是
9 shetuan_delete Integer 逻辑删除 是
10 create_time Date 创建时间 是

表4-5社团申请信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 shetuan_order_uuid_number String 订单号 是
3 shetuan_id Integer 社团 是
4 xuesheng_id Integer 学生 是
5 shetuan_order_yesno_types Integer 审核状态 是
6 shetuan_order_yesno_text String 审核意见 是
7 insert_time Date 预约时间 是
8 create_time Date 创建时间 是

表4-6社团留言信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 shetuan_id Integer 社团 是
3 xuesheng_id Integer 学生 是
4 shetuan_liuyan_text String 留言内容 是
5 insert_time Date 留言时间 是
6 reply_text String 回复内容 是
7 update_time Date 回复时间 是
8 create_time Date 创建时间 是

表4-7社团收藏信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 shetuan_id Integer 社团 是
3 xuesheng_id Integer 学生 是
4 shetuan_collection_types Integer 类型 是
5 insert_time Date 收藏时间 是
6 create_time Date 创建时间 是

表4-8社团成员信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 xuesheng_id Integer 学生 是
3 shetuan_id Integer 社团 是
4 insert_time Date 加入时间 是
5 create_time Date 创建时间 是

表4-9社团活动信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 shetuan_id Integer 团长 是
3 shetuanhuodong_name String 社团活动名称 是
4 shetuanhuodong_photo String 社团活动照片 是
5 shetuanhuodong_types Integer 社团活动类型 是
6 shetuanhuodong_zuida Integer 最大活动人数 是
7 shetuanhuodong_content String 社团活动介绍 是
8 shetuanhuodong_delete Integer 逻辑删除 是
9 create_time Date 创建时间 是

表4-10社团活动申请信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 shetuanhuodong_order_uuid_number String 订单号 是
3 shetuanhuodong_id Integer 社团活动 是
4 xuesheng_id Integer 学生 是
5 shetuanhuodong_order_yesno_types Integer 审核状态 是
6 shetuanhuodong_order_yesno_text String 审核意见 是
7 insert_time Date 预约时间 是
8 create_time Date 创建时间 是

表4-11社团活动留言信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 shetuanhuodong_id Integer 社团活动 是
3 xuesheng_id Integer 学生 是
4 shetuanhuodong_liuyan_text String 留言内容 是
5 insert_time Date 留言时间 是
6 reply_text String 回复内容 是
7 update_time Date 回复时间 是
8 create_time Date 创建时间 是

表4-12社团活动收藏信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 shetuanhuodong_id Integer 社团活动 是
3 xuesheng_id Integer 学生 是
4 shetuanhuodong_collection_types Integer 类型 是
5 insert_time Date 收藏时间 是
6 create_time Date 创建时间 是

表4-13字典信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 dic_code String 字段 是
3 dic_name String 字段名 是
4 code_index Integer 编码 是
5 index_name String 编码名字 是
6 super_id Integer 父字段id 是
7 beizhu String 备注 是
8 create_time Date 创建时间 是

第2章 系统实现

5.1个人中心
通过设计的个人中心管理功能模块，管理用户可以对相关的个人信息进行管理，比如管理用户可以更新个人账号的密码信息，修改个人账号的用户名信息等，修改密码界面设计如图5-1所示，个人信息界面设计如图5-2所示。

图5-1修改密码界面

图5-2个人信息界面