高校社团管理系统设计与实现

摘 要

21世纪时信息化的时代，几乎任何一个行业都离不开计算机，将计算机运用于高校社团管理系统也是十分常见的。过去使用手工的管理方式对高校社团进行管理，造成了管理繁琐、难以维护等问题，如今使用计算机对高校社团的各项基本信息进行管理，比起手工管理来说既方便又简单，而且具有易于管理、搜索速度快、存储量大等多个优点。将其使用在高校社团管理系统中，不仅能够提高高校社团管理系统中管理员的工作效率，而且可以使高校社团管理系统更加科学与规范。在信息化时代的不断冲击下，高校社团管理系统与计算机技术的结合，将会是一条提高高校社团管理系统水平的捷径。

经过本人的综合考虑，高校社团管理系统的设计是基于Java技术、Mysql数据库、Tomcat服务器的方式设计，以Myeclipse和IDEA为开发工具，在Myeclipse集成环境下调试并允许，并运用SSM技术美化网页，辅之以CSS技术。

该系统实现了高校社团管理系统内部的各种工作流程计算机管理化，其中包括管理员的用户管理、用户信息、会员信息、社团信息、社团申请、社团管理人员、活动信息、报名活动、报名结果、活动签到、提交会费、经费管理等功能。

关键词：高校社团管理系统；Java技术；Mysql数据库； 

Design and implementation of college community management system

Abstract

In the information age in the 21st century, almost any industry is inseparable from computers. It is also very common to apply computers to the management system of University associations. In the past, the manual management method was used to manage college associations, which caused problems such as cumbersome management and difficult maintenance. Now, using computers to manage the basic information of college associations is not only convenient and simple compared with manual management, but also has many advantages, such as easy management, fast search speed, large storage capacity and so on. Using it in the university community management system can not only improve the work efficiency of the administrator in the university community management system, but also make the university community management system more scientific and standardized. Under the continuous impact of the information age, the combination of college community management system and computer technology will be a shortcut to improve the level of college community management system.

After my comprehensive consideration, the design of college community management system is based on Java technology, MySQL database and Tomcat server. With MyEclipse and idea as development tools, it is debugged and allowed in the MyEclipse integrated environment, and uses SSM technology to beautify web pages, supplemented by CSS technology.

The system realizes the computerized management of various work processes within the university community management system, including the administrator's user management, user information, member information, community information, community application, community managers, activity information, registration activities, registration results, activity check-in, submission of membership fees, fund management and other functions.

Key words: College community management system; Java technology; Mysql database;

目  录

第1章 绪论

1.1 研究背景与意义

1.2 开发现状

1.3 主要工作及论文结构

第2章 相关技术介绍

2.1 HTTP协议

2.2 Java语言与JDK开发环境

2.3 SSM框架

2.4 Vue.js主要功能

2.5 Mysql数据库

第3章 系统分析

3.1 可行性分析

3.1.1 技术可行性

3.1.2 经济可行性

3.1.3 社会可行性

3.2 系统功能需求

3.3 系统性能需求

3.4 业务流程分析

3.5 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 总体结构设计

4.3数据库设计

4.3.1数据库设计原则

4.3.2数据库实体 12

4.3.3数据库表设计 13

第5章 系统实现

5.1 数据库连接模块的实现

5.2 登录模块的实现 17

5.3 学生用户功能模块的实现

5.4 管理员模块的实现 28

第6章 系统测试 38

6.1 测试环境 38

6.2 测试目标

6.3 功能测试 38

6.4 测试结果 39

第7章 总结与展望 41

参考文献 42

致谢 43

1. 绪论
   1. 研究背景与意义

学生社团是在对应管理教师的指引下由兴趣相同或相似的学生自发组成的带有俱乐部性质的学校小型团体组织，它们通常以举行带有社团独特风格的集众性活动来吸引学生加入社团组织。大学生社团是我国校园建设中不可欠缺的一环，其潜移默化的影响着校园文化的发展。并有利于展开政治性思想教育，提高社团成员的社交能力与综合水平。

我国对社团的研究主要形成于二十世纪末期。随着社团发展的重要性逐渐凸显，我国对社团的发展、建设能力略显陈旧，难以满足当下壮大并走向繁荣的社团发展现状。我国早期社团研究主要从以往的建设经验入手，较为感性的对大学生社团进行探索、研究相关管理以及组织方法。直到近十年，少数学者在着眼于校园教育时对社团的发展产生了较多的关注并进行了相关的学术研究，有关论文，逐年递增，使我们对大学生社团的了解更加深刻且具有理性。

1. 1. 开发现状

在以北京、上海、天津等一线城市的部分大学网站进行调查中发现，在以访问的网站中，大多数网站上并没有专门的学生社团相关模块，有的也只是在新闻内容中略微提及，缺少明确的高校社团管理系统体系部分，且存在信息更新间隔过长、缺乏维护工作的问题。显然，社团在信息化的管理方面缺乏相应的高校社团管理系统的策略，更多地处于放任学生之间自由的发展社团的阶段；这使得社团之间发展的不均衡，或从根本上名存实亡的现象屡屡存在。

然而，在大多数大学网站上都没有找到较为完善的学生高校社团管理系统模块，甚至有的仅仅只在学校新闻中略加提及，缺少明确的高校社团管理系统体系结构。

国外的高校社团管理系统种类繁多，但主要以单一的高校社团管理系统为主体，这主要是因为国外的社团成员大多在大学结束后，可直接加入具有社会性质的俱乐部。大多数社团并不与学校有较明确的管理关系，但在社团相关活动等信息上更新与维护较为及时。

1. 1. 主要工作及论文结构

本文的主要工作是研究如何将计算机和信息管理进行有机结合，从而利用Java语言以及Mysql数据库技术在Dreamweaver中实现了系统的功能模块，切实的开发出一套贴近高校社团管理系统的实际，有效高校社团管理的系统。

论文结构如下：

第一章绪论：主要对学生高校社团管理系统的开发背景,研究现状，目的,及意义进行了分析。

第二章开发技术及软件：主要把系统开发工具进行介绍，另外讲解开发系统所用到的一些特殊功能技术。

第三章系统分析：主要是对学生高校社团管理系统进行需求分析，以及对其数据流程与功能进行分析。

第四章系统设计：主要根据系统需求对系统的设计进行介绍，以及对数据的开发与功能模块设计的过程。

第五章系统实现：本章主要结合系统界面截图，介绍了系统各个功能实现的结果。

第六章系统测试：本章系统进行功能模块的测试，撰写测试用例，确保系统各大功能准确无误。

第七章总结与展望：对整个论文的研究内容进行总结，概括整个论文的特点，指出不足之处，为下步深究指明方向。

1. 相关技术介绍
   1. HTTP协议

超文本传输协议（HTTP）作为协作式与分布式的通信协议，其以万维网交换信息作为前提条件。HTTP为IEIF的国际化标准指标，在制定相关标准与实现内，W3C积极参与其中，同时发挥着不可替代的作用。其能够借助超文本标记语言，将文档在服务器与浏览器之间相互传输。HTML作为构架文档的标记语言，这些文档内将包括有关信息的链接，用户仅需要点击其中一个链接就能够访问多媒体对象与图像，同时获得该链接项所具有的附加信息。

1. 1. Java语言与JDK开发环境 

Java是美国sun公司所推出的一款程序设计语言，其能够在多个平台内应用，具有良好兼容性，进而其凭借自身优势在数据中心、个人PC与科技超级计算机等平台内广泛应用，具有目前最为庞大的开发者专业社群。

JDK为美国sun公司为java开发员所推出的一款全新产品，要是没有JDK的情况下，所安装的java程序也就无法运行。

1. 1. SSM框架

SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容）。常作为数据源较简单的web项目的框架。

1.6.1 Spring

Spring就像是整个项目中装配bean的大工厂，在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。

Spring的核心思想是IoC（控制反转），即不再需要程序员去显式地`new`一个对象，而是让Spring框架帮你来完成这一切。

1.6.2 SpringMVC

SpringMVC在项目中拦截用户请求，它的核心Servlet即DispatcherServlet承担中介或是前台这样的职责，将用户请求通过HandlerMapping去匹配Controller，Controller就是具体对应请求所执行的操作。SpringMVC相当于SSH框架中struts。

1.6.3 mybatis

mybatis是对jdbc的封装，它让数据库底层操作变的透明。mybatis的操作都是围绕一个sqlSessionFactory实例展开的。mybatis通过配置文件关联到各实体类的Mapper文件，Mapper文件中配置了每个类对数据库所需进行的sql语句映射。在每次与数据库交互时，通过sqlSessionFactory拿到一个sqlSession，再执行sql命令。

页面发送请求给控制器，控制器调用业务层处理逻辑，逻辑层向持久层发送请求，持久层与数据库交互，后将结果返回给业务层，业务层将处理逻辑发送给控制器，控制器再调用视图展现数据。

1. 1. Vue.js 主要功能

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。

1. 1. Mysql数据库

Mysql 经过多次的更新，功能层面已经非常的丰富和完善了，从Mysql4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的Mysql支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷。

针对本文中设计的学生高校社团管理系统在实际的实现过程中，最终选择Mysql数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的Mysql来对学生高校社团管理系统后台数据进行存储操作。

1. 系统分析
   1. 可行性分析

开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。

1. 1. 1. 技术可行性

技术可行性主要考虑当前项目所用的技术是否能够符合，在设备上是否能够满足，及各种辅助工具是否提供帮助。本系统用的是Java开发语言，调试相对简单，当前的计算机硬件配置也完全能满足开发的需求，因此在技术上是绝对可行的。软件方面：由于软件的开发平台成熟可行,它们速度快、容量大、可靠性能高、价格低，完全能满足系统的需求。采用Java编程语言，已无技术上的问题。

1. 1. 1. 经济可行性

系统所采用的Myeclipse开发平台和Mysql后端数据库均为免费开发工具。故开发成本主要集中在后期的推广及系统维护上。相对于成本较高的C/S模式，也是选用了成本较低的B/S模式，所以经济上几乎没任何问题。

1. 1. 1. 社会可行性

本系统是自行开发的系统，以方便高效管理社团为出发点，是具有实际意义的系统，开发的环境软件和用到的数据库也都是开源代码，不存在侵权等问题，所以在社会方面也是可行的。

1. 1. 系统功能需求

学生用例图如下所示。

图3-1 学生用例图

管理员用例图如下所示。

图3-2 管理员用例图

图3-3 社团用户用例图

通过对用例图的分析和调查，根据本系统的实际需要，从用户角度提出需求功能如下：

1.管理员功能需求：

（1）用户管理模块：管理员查看用户基本信息，并实现对用户信息的增加、删除、修改等功能。

（2）站点管理模块：查询标题的增加、删除、修改等功能。

（3）内容管理模块：管理员查看留言板、留言板分类列表、社团新闻、新闻分类列表，可对其添加删除、查看评论等功能。

（4）高校社团管理系统模块：管理员查看社团，并且添加社团数据，也能够删除社团数据。

（5）更多管理：在“更多管理”这一菜单下，可以对社团用户操作的用户信息、会员信息、社团信息、社团申请、社团管理人员、活动信息、报名活动、报名结果、活动签到、提交会费、经费管理以及在前台用户提交的社团新闻、社团信息、活动信息进行管控。

2. 社团用户功能需求：

（1）活动信息：社团用户点击“活动信息”这一菜单，能够查看到自己提交的活动活动信息，可以添加+编辑+删除+查询活动信息。

（2）报名活动：社团用户点击“报名活动”这一菜单，可以查看到自己社团里面的报名活动的信息，可以对社报名活动进行增删改查操作。

（3）社团申请：社团用户点击“社团申请”这一菜单，可以查看到自己添加的社团申请信息，也可以对社团申请进行增删改查，同时也可以查看前台用户对社团提交的评论。

（4）社团信息：社团用户点击“社团信息”这一菜单，可以查看到用户提交的社团信息，可以对其进行审核以及审核回复。

（5）经费管理：社团用户点击“经费管理”这一菜单，可以查看到自己添加的经费管理，也可以对经费进行增删改查。

3.学生功能需求：

（1）用户注册模块：将用户信息录入数据库，用户利用注册的账号以及密码登录系统，浏览查看各种信息，添加部分信息；

（2）个人信息模块：修改信息功能，用户修改个人资料信息，但不能修改账号；密码修改功能，修改登录密码。

（3）查看高校社团管理系统的首页信息：高校社团管理系统的首页信息包含了首页、留言板、公告消息、社团新闻、社团信息、活动信息等。

1. 1. 系统性能需求

评判一个系统好坏的一项重要指标就是性能，下面是对此系统的一些性能进行阐述。

1.系统的安全性和稳定性: 学生高校社团管理系统在管理权限上有着严格的控制，即想登录此平台进行操作，则必须要有操作权限，没有权限的用户是不可能登录平台查看任何的信息和数据，从而确保了系统的安全性。

2.数据的完整性和准确性：第一个是各项记录信息的完整性，信息记录的内容可以为空；第二个是各项信息数据之间相互联系的准确性；第三个是数据在不同记录信息的一致性

3．用户操作系统简单方便

在系统开发中按照“简单易用”的原则，能够使用户对系统的使用一目了然，既能保证用户使用，同时又能保证维护人员方便维护。

1. 1. 业务流程分析

业务流程图不仅能反映出内部业务之间的关系，而且能体现出作业顺序及信息的流动。高校社团管理系统必须支持整个组织在不同层次上的各种功能，各个功能模块之间又有各种不同相关的信息进行联系，构成了一个有机的整体，根据高校社团管理系统的特点以及结合所面临的实际情况，设计出了系统的业务流程图。

系统的业务流程如下图所示。

图3-1系统业务流程图

1. 1. 数据流程分析

在分析了系统的业务流程之后，就要分析系统的数据流，为后面设计系统的数据库做好基础。这里主要利用数据流程图来说明数据流程。数据流程图是一个图示工具，容易理解，容易在开发和用户方之间进行交流，以及在开发组织内部交流。因此数据流程图作为一种模型工具已经广泛使用在软件工程的实践中。

系统的顶层数据流图如下图所示。

图3-2系统数据流图（顶层）

根据系统的业务流程，用户浏览所使用到的数据归纳为输出信息。而用户提交的数据则作为系统的输入数据。相应的，根据系统管理员业务流程，管理员对系统内容的添加、更新和删除等所操作的数据定义为输入信息。

系统的底层数据流图如下图所示。

图3-3系统数据流图（底层）

1. 系统设计
   1. 系统架构设计

MVC 是指 Model、View 和 Controller，翻译成中文分别是模型层、视图层和控制层。MVC 模式是一种设计模式，它强制性的把应用程序的输入、输出和处理全部分开，将其分为三个核心部分，这三个部分分别有不同的功能。

图4-1系统架构图

视图层视图是指被用户所看到的并且能够与之进行交互的界面。视图可以向用户展示相关的数据，并接收用户输入的数据，但对用户数据不进行任何实际业务操作处理。

模型层通过控制层来处理视图层传递的数据，同一个模型可以给不同的视图提供数据，也可以被不同的视图重复使用。由于 Model 的主要内容是数据、方法和行为，其也是 MVC 中逻辑最为复杂，代码量最多的部分，其中包含了许多应用中需要用到的业务逻辑，因此模型层的开发也变得尤为重要，后期一般不会对模型层进行大规模改动，也是 MVC 中最稳定的部分。

控制层主要负责视图层和模型层之间的数据传输和处理请求操作。当用户通过视图发送数据和请求时，控制层可以接收请求和数据并决定调用哪些模型、通过模型的哪些操作来处理数据和请求，处理完成后，控制层再将数据返回给相应的视图。

1. 1. 总体结构设计

根据对系统的功能进行分析可以总结学生高校社团管理系统的具体功能模块包括下面的几个主要的功能模块：该系统主要从两大模块进行设计的，首先就是用户参与操作需要的模块，此外还需要有管理员用到的模块，两者之间不是互相独立的，他们之间有着密切的联系，同数据库表中的数据连接起来进行操作。每个模块访问相同的数据库，但访问的表不同。系统的各个功能模块是根据所收集的资料研究得到的。在以上分析功能的基础上，系统模块分为多个模块。用户含有的功能有注册，登录，信息搜索，公告消息、社团新闻、社团信息、活动信息等，退出登录等功能，管理员含有的功能有修改密码，用户管理、用户信息、会员信息、社团信息、社团申请、社团管理人员、活动信息、报名活动、报名结果、活动签到、提交会费、经费管理等功能。

系统的功能结构图如下图所示。

图4-2系统功能结构图

1. 1. 数据库设计

数据库是计算机信息系统的基础。目前，电脑系统的关键与核心部分就是数据库。数据库开发的优劣对整个系统的质量和速度有着直接影响。

1. 1. 1. 数据库设计原则

数据库的概念结构设计采用实体—联系（E-R）模型设计方法。E-R模型法的组成元素有：实体、属性、联系，E-R模型用E-R图表示，是提示用户工作环境中所涉及的事物，属性则是对实体特性的描述。在系统设计当中数据库起着决定性的因素。下面设计出这几个关键实体的实体—关系图。

1. 1. 1. 数据库实体

数据模型中的实体（Entity），也称为实例，对应现实世界中可区别于其他对象的“事件”或“事物”。例如，公司中的每个员工，家里中的每个家具。

本系统的E-R图如下图所示：

1、社团管理人员实体图如图4-3所示：

图4-3社团管理人员信息实体图

2、会员信息实体图如图4-4所示：

图4-4会员信息实体图

1. 1. 1. 数据库表设计

1. 系统实现
   1. 数据库连接模块的实现

从web系统查询数据的根本的查询步骤：

Step1: 进行检查并且过滤来自用户的系统数据；

Step2: 成立起一个合适的数据库进行连接；

Step3: 进行查询系统数据库；

Step4: 获得查询的结构；

Step5: 把查询的结果展示给用户。

Step6: 数据库连接断开，释放资源。

数据库连接原理如下图所示。

图5-1数据库连接原理

1. 1. 登录模块的实现

为确保系统安全性，系统操作员只有在登录界面输入正确的用户名、密码、权限以及验证码，单击“登录”按钮后才能够进入本系统的主界面。

用户登录流程图如下所示。

图5-2用户登录流程图

登录界面如下图所示。

图5-3登录界面

登录代码如下：

    /**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        QueryWrapper wrapper = new QueryWrapper<User>();

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String, String> groupMap = new HashMap<>();

        groupMap.put("name",byUsername.getUserGroup());

        List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));

        if (groupList.size()<1){

            return error(30000,"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());

            if (res==null){

                return error(30000,"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000,"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000,"用户非可用状态，不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token", accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj",user);

            return success(ret);

        } else {

            return error(30000, "账号或密码不正确");

        }

}

    public String select(Map<String,String> query,Map<String,String> config){

        StringBuffer sql = new StringBuffer("select ");

        sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

        sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));

        if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

            sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

        }

        if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

            sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

        }

        if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

            int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

            int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

            sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);

        }

        log.info("[{}] - 查询操作，sql: {}",table,sql);

        return sql.toString();

}

    public List selectBaseList(String select) {

        List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

        List<E> list = new ArrayList<>();

        for (Map<String,Object> map:mapList) {

            list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

        }

        return list;

}

1. 1. 学生用户功能模块的实现

用户输入账号、设置密码、确认密码、昵称邮箱、手机号、身份、姓名、学院、学号、年段等必填信息后，点击注册按钮完成用户的注册。

用户注册流程图如下所示。

图5-4用户注册流程图

用户注册界面如下图所示。

图5-5用户注册界面

用户注册代码如下：

    /**

     * 注册

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(HttpServletRequest request) throws IOException {

        // 查询用户

        Map<String, String> query = new HashMap<>();

        Map<String,Object> map = service.readBody(request.getReader());

        query.put("username",String.valueOf(map.get("username")));

        List list = service.selectBaseList(service.select(query, new HashMap<>()));

        if (list.size()>0){

            return error(30000, "用户已存在");

        }

        map.put("password",service.encryption(String.valueOf(map.get("password"))));

        service.insert(map);

        return success(1);

}

    public Map<String,Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

    }

    public void insert(Map<String,Object> body){

        E entity = JSON.parseObject(JSON.toJSONString(body),eClass);

        baseMapper.insert(entity);

        log.info("[{}] - 插入操作：{}",entity);

}

学生点击社团信息按钮进入社团里面，社团编号、社团名称、社团分类、创办日期、负责人、联系方式等操作。

社团信息界面如图所示。

图5-6社团信息界面

学生点击某个活动信息详细页，活动名称、活动类型、活动时间、活动地点、举办单位、人数限制、活动积分等添加、删除进行操作。

活动信息界面如图所示。

图5-7活动信息界面

活动信息管理关键代码如下所示。

    @RequestMapping(value = "/del")

    @Transactional

    public Map<String, Object> del(HttpServletRequest request) {

        service.delete(service.readQuery(request), service.readConfig(request));

        return success(1);

}

学生点击某个社团进入社团申请详细页，点击社团申请按钮进入学生姓名、学生性别、学生学号、学生学院、年级信息、学生手机、学生邮箱、申请简历等操作。

社团申请界面如图所示。

图5-9社团申请界面

1. 1. 管理员模块的实现

为确保系统安全性，系统操作员只有在登录界面输入正确的用户名、密码、权限以及验证码，单击“登录”按钮后才能够进入本系统的主界面。

管理员登陆流程图如下所示。 

图5-10管理员登陆流程图

管理员登陆界面如下图所示。

图5-10管理员登陆界面

站点管理在进入轮播图可查询标题、轮播图、正文、链接对其添加、删除等操作。

轮播图界面如图所示。

图5-11轮播图界面

站点管理关键代码如下所示。

    @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

会员信息添加功能主要指对其社团会员姓名、会员性别、会员编号、会员学院、年级信息、班级信息、会员手机、会员邮箱等一些基本信息的添加、删除和修改。会员信息查询能根据会员姓名、会员性别等多种条件对会员信息进行查询。

会员信息管理如下图所示。

图5-12会员信息管理界面

管理员发布新的社团信息，系统显示社团信息，社团信息添加功能主要指对其社团编号、社团名称、社团LOGO、社团分类、创办日期、负责人、联系方式等一些基本信息的添加、删除和修改。社团活动查询能根据社团编号、社团名称等多种条件对社团信息进行查询。

社团信息界面如下所示。

图5-13社团信息界面

社团信息查询关键代码如下所示。

    @RequestMapping("/get_list")

    public Map<String, Object> getList(HttpServletRequest request) {

        Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

        return success(map);

    }

管理员发布新的活动信息，系统显示活动信息，活动信息添加功能主要指对其活动名称、活动类型、活动时间、活动地点、举办单位、人数限制、活动积分、活动封面等一些基本信息的添加、删除和修改。

活动信息界面如下所示。

图5-14活动信息界面

1. 系统测试
   1. 测试环境

1、服务器端

操作系统：Windows 7

Web服务器：Tomcat7.0

数据库：Mysql

开发语言：Java

2、客户端

浏览器：Internet Explorer10

界面布局：DIV+CSS

分辨率：最佳效果1027*768以上像素

3、开发工具

Visual Studio Code

Myeclipse

1. 1. 测试目标

系统测试是用于检查软件的质量、性能、可靠性等是否符合用户需求。一套严谨的、规范的、完善的测试过程将大大提高软件的质量、可信度、可靠性，降低软件的出错率，降低用户风险系数。通过在计算机上对系统进行测试试验并从中发现此系统中存在的问题和错误然后加以修改，使之更加符合用户需求。

1.测试的目的是通过测试来发现程序在执行过程中的错误的过程。

2.好的测试方案是可以检验出还未被发现的错误的方案。

3.好的测试是发现了到目前为止还未被发现的错误的测试。

4.该系统能够完成用户管理、用户信息、会员信息、社团信息、社团申请、社团管理人员、活动信息、报名活动、报名结果、活动签到、提交会费、经费管理等功能，做到所开发的系统操作简单，尽量使系统操作不受用户对电脑知识水平的限制。

1. 1. 功能测试

下表是高校社团管理系统功能的测试用例，检测了高校社团管理系统中对社团信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-1 社团信息的测试用例

下表是活动信息管理功能的测试用例，检测了活动信息管理中活动信息单的操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-2 活动信息管理的测试用例

1. 1. 测试结果

根据以上测试情况，测试结果如下表所示。

表6-1测试结果表

1. 总结与展望

本研究针对学生高校社团管理系统地需求建模，数据建模及过程建模分析设计并实现学生高校社团管理系统的过程。给出系统应用架构并分析优劣势，通过功能分解图，系统组件图描述功能需求。设计建立了数据库，给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系，给出各个类的定义方法。通过描述每一个类的字段，属性及方法实现学生高校社团管理系统的前后端代码。最终给出系统集成整合方法，完成学生高校社团管理系统地设计与实现。

在此项目的开发中，先要按照产品经理做出的产品模型铺出大体的页面，并在其中找好页面的逻辑关系，并且中途总结一些页面上的问题重新反馈给产品经理，当静态页面的搭建的大体已经完善时，就需要和负责后台开发的技术开发者联系，来接好前后台的数据接口，可以让后台的信息在前台显示出来，在这个项目实现中，不光明白了前端开发和产品经理的联系，也明白了后台在整个系统中起到了什么作用，因为前后台的连接，用户可以对系统进行操作，可以在输入自己的相关信息后，通过后台加工，完成对数据库的查找、修改、添加，而理解了这些关系与实现的方法后。再去完善整个系统的功能就更加清晰与简单了。此次的项目它涉及了前台与后台系统的搭建，在学校所学的知识基础上，此次的项目，让我对于一个系统的前端开发，以及后台的作用都有了一个更深切的认知。