Node.js+vue校园志愿者管理系统-计算机毕业设计源码78452

摘 要

信息化社会内需要与之针对性的信息获取途径,但是途径的扩展基本上为人们所努力的方向,由于站在的角度存在偏差,人们经常能够获得不同类型信息,这也是技术最为难以攻克的课题。针对校园志愿者管理等问题,对校园志愿者管理进行研究分析,然后开发设计出校园志愿者管理系统以解决问题。

校园志愿者管理系统主要功能模块包括资源管理、系统用户管理、通知公告管理,轮播图、模块管理(学生信息、活动信息、活动类型、参加活动、取消活动、活动时长、评级通知)等功能。采取面对对象的开发模式进行软件的开发和硬体的架设,能很好的满足实际使用的需求,完善了对应的软体架设以及程序编码的工作,系统采取Mysql作为后台数据的主要存储单元,运用软件工程原理和开发方法,采用node.js的koa技术构建的一个管理系统,实现了本系统的全部功能。本次报告,首先分析了研究的背景、作用、意义,为研究工作的合理性打下了基础。针对校园志愿者管理系统的各项需求以及技术问题进行分析,证明了系统的必要性和技术可行性,然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍,最后来实现校园志愿者管理系统和部署运行使用它。

关键词:校园志愿者服务;node.js框架;MySQL数据库

Node.js Campus Volunteer Management System

Abstract

In the information society, there is a need for targeted information acquisition channels, but the expansion of channels is basically the direction of people's efforts. Due to the deviation in perspective, people often can obtain different types of information, which is also the most difficult topic for technology to overcome. Research and analyze campus volunteer management and other issues, and then develop and design a campus volunteer management system to solve the problems.

The main functional modules of the campus volunteer management system include resource management, system user management, notification and announcement management, rotation chart, module management (student information, activity information, activity type, participation in activities, cancellation of activities, activity duration, rating notification), and other functions. Adopting an object-oriented development model for software development and hardware installation can effectively meet practical usage needs, improve the corresponding software installation and program coding work. The system adopts MySQL as the main storage unit for backend data, applies software engineering principles and development methods, and uses node. js's koa technology to build a management system, achieving all functions of the system. This report first analyzes the background, role, and significance of the research, laying the foundation for the rationality of the research work. Analyze the various requirements and technical issues of the campus volunteer management system, prove the necessity and technical feasibility of the system, and then provide a basic introduction to the technical software and design ideas required for designing the system. Finally, implement the campus volunteer management system and deploy it for operation.

Key words:Campus volunteer services; Node. js framework; MySQL database

目  录

第1章 绪论

1.1 研究背景与意义

1.2 开发现状

第2章 相关技术介绍

2.1 koa框架

2.2 Vue.js主要功能

2.3 MVVM模式介绍

2.4 B/S体系工作原理

2.5 Mysql数据库

第3章 系统分析

3.1 可行性分析

3.2 功能需求分析

3.2.1 前台用户功能

3.2.2 后台管理员功能

3.3 非功能需求分析

3.4 安全性需求分析

3.4.1 系统的安全性

3.4.2 数据的安全性

3.5 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统总体设计

4.3 系统功能设计

4.4 数据库设计

4.4.1 数据需求分析

4.4.2 数据库概念设计

4.4.3 数据库表设计

第5章 系统实现

5.1 数据库访问层的实现

5.2 注册模块的实现

5.3 登录模块的实现

5.4 用户资料修改模块的实现

5.5 校园新闻管理模块的实现

5.6 评论模块的实现

5.7学生信息加入模块的实现

5.8 活动信息管理模块的实现

5.9系统管理模块

第6章 系统测试

6.1 测试目的

6.2 功能测试

6.3 性能测试

第7章 总结与展望

参考文献

致谢

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

志愿者管理着社会一些活动信息事务,平时信息管理和活动事务的具体管理都是依靠各个部门的人员反复沟通交流和核对。这种管理方式存在着许多缺点,如:效率低、另外时间一长,将产生大量的文件和数据,这对于查找、更新和管理都带来了不少的困难。

随着计算机技术的飞速发展,计算机在企业和大学管理中应用的普及,利用计算机实现活动事务的管理势在必行。利用计算机支持协会组织高效率完成活动管理的日常事务,是适应现代社会发展要求,推动大学活动事务管理走向科学化、规范化的必要条件 。

校园志愿者管理系统的实现可以让减轻比较繁琐的手工活动管理,让人力资源管理人员从繁重琐碎的案头工作和频繁低效的部门组织交流中解脱出来,去完成更重要的工作。它具有手工管理所无法比拟的优点,比如信息流通到位及时、组织管理责任明确、文件查找方便、档案处理可靠性高、存储量大、寿命长等。这些都可以让我们更加针对性、便捷性地科学进行活动信息事务的管理,极大地提高活动效率,更好地为热心的志愿者提供信息支持而和活动平台,同时也为社会志愿者活动的发展奠定了一个坚实的基础,所有这些都将大大提升活动效果和积极地影响志愿者们的价值观念,为培养是三能人才添砖加瓦。

    1. 开发现状

国内的志愿者服务平台体系结构对中国而言最主要的一块就是能够随时得到政府的支持,所以就主要的志愿者协会中必然有一个部门是与政府直接相关的,可以很快的领略政府的精神和含义,在此基础上件起起了志愿者管理组织的其他部门,例如:社区义工联以及共青团学生信息,这种小型的社区网站体系结构主要是建立在了上述的部门上,而其自身又衍生去了很多管理部门,其主要的组成是由志愿者、志愿者直接管理者、志愿者协会管理专员、以及志愿者协会的团支部来组成的。所以大学生志愿者是这个系统架构的主要成员。而这些志愿者又被分为在职志愿者以及临时志愿者,在职志愿者主要从事的是一些全职的工作由他们负责管理整个学生信息,而临时志愿者则是来自于社会各界人士,他们平时都有自己的工作,而在空暇之余来参加活动信息。

西方国家的志愿者的服务管理工作早已经有了完善的制度,活动信息本身已经成为了西方社会制度化、专业化的社会工作了。所以从以上的叙述可以看出,这样的结果不仅是因为许多西方国家的志愿服务活动起步早且规模大,更大的原因则是政府管理措施严谨,所以让活动信息产生了极高的社会效益。当然,现在国内也在政府的管理下慢慢的开始步入组织化、规范化和系统化的道路,政府已经意识到志愿者的服务活动不仅仅是国家进行公民的道德教育的机会,更是一种维护社会稳定的无形力量和有力措施,现在国内建立学生信息的目标就是为了对志愿者服务的管理形成一套很是完整的运作机制。

  1. 相关技术介绍
    1.  koa框架

Node.js是一个异步的世界,官方API支持的都是callback形式的异步编程模型,这会带来许多问题,例如:1、callback嵌套问题;2、异步函数中可能同步调用callback返回数据,带来不一致性。为了解决以上问题Koa出现了。

koa是由Express原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的Web框架。使用koa编写web应用,可以免除重复繁琐的回调函数嵌套,并极大地提升错误处理的效率。koa不在内核方法中绑定任何中间件,它仅仅提供了一个轻量优雅的函数库,使得编写Web应用变得得心应手。开发思路和express差不多,最大的特点就是可以避免异步嵌套。

阿里内部就在使用Koa框架,并在Koa基础上面做了一些扩展和封装。并且基于koa开发了一个开源框架egg。

2.2 Vue.js 主要功能:

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

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

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

2.3  MVVM模式介绍:

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了,它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验,如Silverlight、音频视频3D动画……,这导致了软件UI层更加细节化、可定制化。同时,在技术层面,WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM(Model-View-ViewModel)框架的由来便是MVP(Model-View-Presenter)模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去,以应对客户日益复杂的需求变化。

2.4  B/S体系工作原理:

B/S架构采取浏览器请求,服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息;

而每一个Web服务器又可以通过各种方式与数据库服务器连接,大量的数据实际存放在数据库服务器中;

Web服务器上下载程序到本地来执行,在下载过程中若遇到与数据库有关的指令,由Web服务器交给数据库服务器来解释执行,并返回给Web服务器,Web服务器又返回给用户。在这种结构中,将许许多多的网连接到一块,形成一个巨大的网,即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中,用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的,浏览器的请求通过服务器进行处理,并将处理结果以及相应的信息返回给浏览器,其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器,该结构已经成为了当今软件应用的主流结构模式。

2.5 MySQL数据库

Mysql的语言是非结构化的,用户可以在数据上进行工作。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况下,MySQL是管理内容最好的选择。并且因为Mysql的语言和结构比较简单,但是功能和存储信息量很强大,所以得到了普遍的应用。

Mysql数据库在编程过程中的作用是很广泛的,为用户进行数据查询带来了方便。Mysql数据库的应用因其灵活性强,功能强大,所以在实现某功能时只需要一小段代码,而不像其他程序需要编写大段代码。总体来说,Mysql数据库的语言相对要简洁很多。

数据流程分析主要就是数据存储的储藏室,它是在计算机上进行的,而不是现实中的储藏室。数据的存放是按固定格式,而不是无序的,其定义就是:长期有固定格式,可以共享的存储在计算机存储器上。数据库管理主要是数据存储、修改和增加以及数据表的建立。为了保证系统数据的正常运行,一些有能力的处理者可以进行管理而不需要专业的人来处理。数据表的建立,可以对数据表中的数据进行调整,数据的重新组合及重新构造,保证数据的安全性。介于数据库的功能强大等特点,本系统的开发主要应用了Mysql进行对数据的管理。

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

技术性方面,采用当前主流的Node.js+Koa进行系统主体框架的搭建,以上技术,均由本人经过系统学习,并且都是在课程设计中实践过的,可以使得开发更加便捷和系统。从技术角度看,这个系统是完全可以实现的。

实用性方面,本次设计的主要任务是在校园志愿者管理系统内实现校园新闻、活动信息、学生信息、评论功能模块等,符合当前潮流的发展。从用户角度出发,同时也考虑系统运营成本和人力资源,采用网络上的便捷方式,实现线上业务,使得业务流程更系统,也更方便用户的体验,比较实用。

经济性方面,由于本课题中设计的校园志愿者管理系统的主要目的是为了能够更加方便及快捷的进行活动信息信息的查询管理及检索服务,也就是能够可以直接投入使用的信息化软件。系统的主要成本主要是集中在对使用数据后期继续维护及其管理更新这个操作上。但是一旦系统投入到实际的运行及使用之后就能够很好的提高信息查询检索的效率,同时也需要有效的保证查询者的信息方面的安全性,同时这个校园志愿者管理系统所带来的实际应用方面的价值是远远的超过了实际系统进行开发与维护方面的成本,因此,从经济上来说开发这个软件是可行的。

    1. 功能需求分析

校园志愿者管理系统的功能主要分为前台用户根据自己的需求进行注册登录,浏览活动信息信息并对选中的活动信息进行报名操作。后台系统管理员因职责的不同,分为普通管理员和超级管理员,管理员主要对注册用户,资讯数据,活动信息详细信息进行处理。

用户用例图如下所示。

图3-1 用户用例图

管理员用例图如下所示。

图3-2 管理员用例图

      1. 前台用户功能

前台用户可分为未注册用户需求和已注册用户需求。

未注册用户的功能如下:

注册账号:用户填写个人信息,并验证手机号码。

浏览校园新闻:用户可以浏览主页面的校园新闻数据来了解系统的最新校园新闻数据。

浏览活动信息:用户可以根据活动信息类型浏览活动信息的信息,并选中某个活动信息查看详情,例如:活动名称、活动类型、图片、活动时间、活动地点、已报名人数、报名条件等。

已注册用户的功能如下:

登录:根据账号密码进行登录操作。

维护个人信息:用户因个人信息的变更可以随时修改自己注册信息。

浏览评论信息:选中某间活动信息可查看其用户的评论。

活动信息信息:用户查看某个活动信息信息。

参加活动:用户可以参加自愿者活动。

取消活动:用户可以取消参加志愿者活动。

活动时长:用户可以查看自己参加自愿者活动时长。

评级通知:查看用户评级。

      1. 后台管理员功能

后台管理员可分为普通管理员和超级管理员。

管理员功能如下:

修改密码:管理员可以随时修改自己进入系统的登录密码,以保证系统的安全性。

通知公告与轮播图管理:管理员可以新增或删除通知公告信息或者轮播图信息。

资源管理:管理员可以添加或删除校园新闻或新闻分类。

系统用户管理:可以查看注册用户与管理员的信息,并对其进行管理。

学生信息管理:管理学生的基本资料。

活动信息管理:管理员可以查询、添加或删除活动信息。可对活动信息进行分类。

参加活动管理:对参加活动时间、地点、人员、主题等信息进行维护与管理。

    1. 非功能需求分析

首先主要考虑的是系统功能软件,在具体设计的环节上,是不是能够较好的满足各类用户的基本功能需求,如果不能较好的满足用户需求,那么这个系统的存在是没有价值的。软件系统的非功能性求分析,从7个方面展开,一个是性能分析,针对系统;一个是安全分析,针对系统,一个是完整度分析,针对系统,一个是可维护分析,针对系统,一个是可扩展性分析,针对系统,一个是适应业务的性能分析。面对校园志愿者管理系统存在的性能、安全、扩展、完整度等7个方面性能综合比对分析后发现,需要相应的非功能性需求分析。

    1. 安全性需求分析
      1. 系统的安全性

安全性对每一个系统来说都是非常重要的。安全性很好的系统可以保护企业的信息和用户的信息不被窃取。提高系统的安全性不仅是对用户的负责,更是对企业的负责。尤其针对于校园志愿者管理系统来说,必须要有很好的安全性来保障整个系统。

系统具有对使用者有权限控制,针对角色的不通限制使用者的权限,以此来确保系统的安全性。

      1. 数据的安全性

数据库中的数据是从外界输入的,当数据的输入时,由于种种原因,输入的数据会无效,或者是脏数据。因此,怎样保证输入的数据符合规定,成为了数据库系统,尤其是多用户的关系数据库系统首要关注的问题。

因此,在写入数据库时,要保证数据完整性、正确性和一致性。

    1. 数据流程分析

对系统的数据流进行分析,系统的使用者分为二类,一般用户,管理员。系统主要对界面信息传送,登录信息的验证,注册信息的接收,用户各种操作的响应做处理。

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

图3-2 顶层数据流图

要判断用户是是什么身份,是根据登录的数据来判断后,跳转到对应的功能界面。在系统的内部用户就可以对数据进行操作,数据库中心就可以接收到系统传输的有效数据流来对数据sql语句进行对应操作。

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

 图3-3 底层数据流图

系统可以分为前台和后台两部分,每一种操作后系统都返回操作结果。前台和后台的数据连接主要通过数据库,既分别对数据库做不同的操作。

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

本校园志愿者管理系统的架构设计主要分为可以3层,主要有Web层,业务层,Model层。其中web层还包括View层和Controller层,Model层包括元数据扩展层和数据访问层。

系统架构如下图所示。

图4-1 系统架构

    1. 系统总体设计

校园志愿者管理系统总体分为前台用户模块和后台管理员模块。

两个模块表现上是分别独立存在,但是访问的数据库是一样的。每一个模块的功能都是根据先前完成的需求分析,并查阅相关资料后整理制作的。

综上所述,系统功能结构图如下图所示。

图4-2 系统功能结构图

    1. 系统功能设计

登录模块:登录模块是进入系统的入口,所有用户必须登录后才能访问系统。登录需要输入用户名和密码,如果多次尝试登录需要输入验证码。登录时需要选择用户的角色,是一般用户还是管理员登录等。登录成功后,会通过数据库获取用户的权限,并跳转至用户的主页面。

评论模块:评论促进用户之间的交流,发表个人意见、建议、看法等,在评论可以查看已有的评论记录,发布新评论,可以展示个人动态头像,个人匿名昵称等。

校园新闻数据模块:可分为校园新闻数据浏览、校园新闻数据检索、校园新闻数据维护三个模块,管理员对校园新闻数据有维护的权限,发布新的校园新闻数据、更新已有的校园新闻数据等。

活动信息管理模块:活动信息管理分为活动信息添加、修改。活动信息信息由管理员进行修改、添加、删除操作;活动参加由普通用户来执行。

    1. 数据库设计
      1. 数据需求分析

从前面可以分析到数据库中最重要的是活动信息信息,用户信息,校园新闻。分析可以得到如下数据描述:

平台用户:用于记录用户的各种信息,包括用户名、密码、姓名、性别、地址、邮箱、联系方式等数据项。

管理员:记录管理员的登录信息。包括用户名,密码,权限等数据项。

活动信息:存放给活动信息的内容,包括活动名称、活动类型、图片、活动时间、活动地点、已报名人数、报名条件等数据项。

学生信息:存储学生信息信息。用户可以在线查看学生信息、活动时长等数据项。

评论:存储用户的评论。包括评论内容,评论的信息,评论人,时间等数据项。

校园新闻数据:存储平台内的校园新闻数据内容。包括标题,校园新闻数据内容,时间等数据项。

      1. 数据库概念设计

根据前面的数据流程图,结合系统的功能模块设计,设计出符合系统的各信息实体。

系统ER图如下图所示。

图4-3 系统ER图

      1. 数据库表设计

校园志愿者管理系统所拥有的数据表有以下:用户信息表,活动信息表,学生信息表,评论,校园新闻。

由于数据表较多,只展示系统主要数据表,如下表所示。

    1. 表activity_duration (活动时长)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

activity_duration_id

int

10

0

N

Y

活动时长ID

2

enrollment_number

varchar

64

0

N

N

报名编号

3

activity_no

varchar

64

0

Y

N

活动编号

4

topic_name

varchar

64

0

Y

N

主题名称

5

activity_type

varchar

64

0

Y

N

活动类型

6

venue

varchar

64

0

Y

N

活动地点

7

activity_time

varchar

64

0

Y

N

活动时间

8

teacher_user

int

10

0

Y

N

0

教师用户

9

student_users

int

10

0

Y

N

0

学生用户

10

student_id

varchar

64

0

Y

N

学生学号

11

student_name

varchar

64

0

Y

N

学生姓名

12

number_of_applicants

varchar

64

0

Y

N

报名人数

13

activity_duration

int

10

0

Y

N

0

活动时长

14

recommend

int

10

0

N

N

0

智能推荐

15

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

16

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

    1. 表activity_information (活动信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

activity_information_id

int

10

0

N

Y

活动信息ID

2

activity_no

varchar

64

0

Y

N

活动编号

3

topic_name

varchar

64

0

Y

N

主题名称

4

cover

varchar

255

0

Y

N

封面

5

activity_type

varchar

64

0

Y

N

活动类型

6

venue

varchar

64

0

Y

N

活动地点

7

activity_time

varchar

64

0

Y

N

活动时间

8

number_limit

int

10

0

Y

N

0

人数限制

9

cumulative_number_of_people

int

10

0

Y

N

0

累计人数

10

activity_status

varchar

64

0

Y

N

活动状态

11

teacher_user

int

10

0

Y

N

0

教师用户

12

contact_information

varchar

64

0

Y

N

联系方式

13

activity_content

longtext

2147483647

0

Y

N

活动内容

14

praise_len

int

10

0

N

N

0

点赞数

15

recommend

int

10

0

N

N

0

智能推荐

16

limit_times

int

10

0

N

N

0

限制次数

17

limit_type

tinyint

4

0

N

N

2

限制次数类型1-每天次,2-总计次

18

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

19

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

    1. 表activity_type (活动类型)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

activity_type_id

int

10

0

N

Y

活动类型ID

2

activity_type

varchar

64

0

Y

N

活动类型

3

recommend

int

10

0

N

N

0

智能推荐

4

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

5

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

    1. 表cancel_activity (取消活动)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

cancel_activity_id

int

10

0

N

Y

取消活动ID

2

enrollment_number

varchar

64

0

N

N

报名编号

3

activity_no

varchar

64

0

Y

N

活动编号

4

topic_name

varchar

64

0

Y

N

主题名称

5

activity_type

varchar

64

0

Y

N

活动类型

6

venue

varchar

64

0

Y

N

活动地点

7

activity_time

varchar

64

0

Y

N

活动时间

8

teacher_user

int

10

0

Y

N

0

教师用户

9

student_users

int

10

0

Y

N

0

学生用户

10

student_id

varchar

64

0

Y

N

学生学号

11

student_name

varchar

64

0

Y

N

学生姓名

12

number_of_applicants

varchar

64

0

Y

N

报名人数

13

reason_for_cancellation

text

65535

0

Y

N

取消原因

14

recommend

int

10

0

N

N

0

智能推荐

15

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

16

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

    1. 表notice (公告)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

notice_id

mediumint

8

0

N

Y

公告id:

2

title

varchar

125

0

N

N

标题:

3

content

longtext

2147483647

0

Y

N

正文:

4

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

5

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

    1. 表participate_in_activities (参加活动)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

participate_in_activities_id

int

10

0

N

Y

参加活动ID

2

enrollment_number

varchar

64

0

Y

N

报名编号

3

activity_no

varchar

64

0

Y

N

活动编号

4

topic_name

varchar

64

0

Y

N

主题名称

5

activity_type

varchar

64

0

Y

N

活动类型

6

venue

varchar

64

0

Y

N

活动地点

7

activity_time

varchar

64

0

Y

N

活动时间

8

number_limit

int

10

0

Y

N

0

人数限制

9

cumulative_number_of_people

int

10

0

Y

N

0

累计人数

10

teacher_user

int

10

0

Y

N

0

教师用户

11

student_users

int

10

0

Y

N

0

学生用户

12

student_id

varchar

64

0

Y

N

学生学号

13

student_name

varchar

64

0

Y

N

学生姓名

14

number_of_applicants

varchar

64

0

Y

N

报名人数

15

total_enrollment

varchar

64

0

Y

N

报名总人数

16

examine_state

varchar

16

0

N

N

未审核

审核状态

17

examine_reply

varchar

16

0

Y

N

审核回复

18

recommend

int

10

0

N

N

0

智能推荐

19

user_id

int

10

0

N

N

0

用户ID

20

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

21

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

  1. 系统实现
    1. 数据库访问层的实现

该系统是通过jdbc和MySQL达成连接的,新建一个jdbc.properties文件来填写与数据库连接所需要的驱动和参数。

jdbc.driverClass=com.MySQL.jdbc.Driver

jdbc.url=jdbc:MySQL://localhost:3306/tsi

jdbc.username=root

jdbc.password=123

第一个参数代表MySQL数据库的驱动,第二个参数代表要连接的数据库,第三个和第四个参数代表数据库连接名和密码。

后台与数据库访问主要是通过HQL语句来进行查询的,查询语句中的表名是表格的实体类名,在这种查询语句中*是不允许使用的,除非适合聚合函数一起使用才可以。

    1. 注册模块的实现

用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败,注册页面的表单验证是通过JavaScript进行验证的,用户名的长度必须在6到18之间,邮箱必须带有@符号,密码和密码确认必须相同,你输入的密码,系统会根据你输入密码的强度给出指定的值,电话号码和身份证号码必须要求输入格式与生活相符合,当你前台验证通过的时候你点击注册,表单会将你输入的值通过name值传递给后台并保存到数据库中。

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

图5-1用户注册流程图

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

图5-2用户注册界面

    1. 登录模块的实现

主要由两部分组成,登录前的登录界面以及登录后的用户功能界面。登录界面,要求用户输入用户名和密码,当用户名和密码其中一个输入为空时,给出提示“用户名,密码不能为空”。获取用户名和密码后到数据库中查找,如果用户名存在,以及对应的密码正确,则登录成功,否则登录失败。登录失败后给出提示,并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块,主要有会员基本信息修改,已经发布活动信息信息管理,发布信息,和退出功能。退出功能是清除全局变量username的值,并跳回到首页。

登录流程图如下图所示。

图5-3登录流程图

用户登录界面如下图所示。

图5-4用户登录界面

    1. 用户资料修改模块的实现

用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配,在用户点击修改页面的时候,如果改后用户名与数据库里面重复了,页面会提示该用户名已经存在了,否则通过Id来查询用户,并将用户的信息修改为表单提交的数据。用户资料修改如下图所示。

图5-5用户资料修改界面

    1. 校园新闻管理模块的实现

如果校园新闻的信息需要修改,管理员可以通过查询校园新闻的基本信息来查询校园新闻,查询校园新闻是通过ajax技术来进行查询的,需要传递校园新闻的标题、编号等参数然后在返回到该页面中,可以选中要修改或删除的那条信息,如果选中了超过一条数据,页面会挑一个窗口提醒只能选择一条数,如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候,后台会根据传过来的id到数据库查询,并将结果返回到修改页面中,可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中,就是说如果提交的数据数据库中存在就修改,否则就保存。

校园新闻展示界面如下图所示。

图5-6校园新闻展示界面

校园新闻添加界面如下图所示。

图5-7校园新闻添加界面

    1. 评论模块的实现

用户便可以对活动信息做出评论。点击按钮之后会跳转至评论填写页面,填写评论提交之后,后台通过PinglunController的publish方法将相关信息保存到数据库系统。

评论添加流程图如下图所示。

图5-8评论添加流程图

评论添加界面如下图所示。

图5-9评论添加界面

    1. 学生信息模块的实现

学生信息功能需要考虑高并发,防止出现学生信息重复报名、状态显示出错等情况,特对活动信息这一共享数据增加锁机制。在乐观锁、悲观锁以及线程锁中,综合考虑性能效率和错误的可接受性选择了乐观锁机制。乐观锁的实现方式是使用版本标识来确定读到的数据与提交时的数据是否一致,提交后修改版本标识,不一致时可以采取丢弃和再次尝试的策略。在数据库学生信息表(对应学生信息实体)设计中增加了version字段,每次数据提交时(更改学生信息状态)会判断version是否匹配,若不匹配停止本次提交,若匹配则提交成功并增加version的值。

学生信息加入功能整体流程:用户浏览学生信息信息时,同时会显示可加入的状态,系统会在其显示详细信息的页面时便会判断学生信息的状态,若志愿组织状态为可加入,则会显示申请的链接按钮。在用户点击参加活动按钮时,会先通过拦截器判断用户是否登录,若未登录,会跳转至登录页面,提示用户先登录,若为登录用户就会跳转至填写参加活动信息的页面,填写好申请信息之后,点击提交按钮,加入成功之后返回提示信息,告知用户参加活动成功。

学生信息加入流程图如下图所示。

图5-10学生信息加入流程图

学生信息列表界面如下图所示。

图5-11学生信息列表界面

学生信息添加界面如下图所示。

图5-12学生信息添加界面

    1. 活动信息管理模块的实现

此页面的关键是编写活动信息信息,包括活动信息编号,名称,详情等。单击提交按钮以完成信息的添加。如果未写入完整的活动信息信息,例如,如果未写入活动信息编号,系统将给出相应的错误提示,并且无法成功输入。数据以概念的形式以onsubmit =“return checkForm()”的形式写入以进行检查,checkForm()函数是一种用于写入数据的不同类型的校对方法,是不是为空也是经过form表单中的οnsubmit=”return checkForm()来检查。

管理员点击左侧菜单“活动信息管理”,页面跳转到活动信息信息管理外观,调用后台活动信息查询所有活动信息信息。并将信息密封到数据集合List,绑定到请求对象,然后页面跳转到相应的jsp,显示出活动信息信息,单击删除按钮完成活动信息信息的删除。

活动信息管理流程图如下图所示。

图5-13活动信息管理流程图

参加活动管理界面如下图所示。

图5-14参加活动管理界面

    1. 系统管理模块

数据库备份功能能够对系统中的数据进行备份,实现了对系统数据长期有效的保存;数据库恢复功能可在系统数据被破坏的情况下,将早期的系统备份数据恢复,保证了系统数据库在受到破坏的情况下,快速实现系统数据恢复。

  1. 系统测试
    1. 测试目的

对任何系统而言,测试都是必不可少的环节,测试可以发现系统存在的很多问题,所有的软件上线之前,都应该进行充足的测试之后才能保证上线后不会Bug频发,或者是功能不满足需求等问题的发生。下面分别从单元测试,功能测试和用例测试来对系统进行测试以保证系统的稳定性和可靠性。

    1. 功能测试

下表是系统登录功能测试用例,检测了用户名和密码的不同的输入情况,观察系统的响应情况。得出该功能达到了设计目标。

表6-1 系统登录功能测试用例

功能描述

用于系统登录

测试目的

检测登录时的合法性检查

测试数据以及操作

预期结果

实际结果

输入的用户名和密码带有非法字符

提示用户名或者密码错误

与预期结果一致

输入的用户名或者密码为空

提示用户名或者密码错误

与预期结果一致

输入的用户名和密码不存在

提示用户名或者密码错误

与预期结果一致

输入正确的用户名和密码

登录成功

与预期结果一致

下表是注册功能测试用例,检测了各种数据的输入情况,观察系统的响应情况。得出该功能达到了设计目标。

表6-2 注册功能测试用例

功能描述

用于用户注册

测试目的

检测用户注册时的合法性检查

测试数据以及操作

预期结果

实际结果

输入的手机号不合法

提示请输入正确的手机号码

与预期结果一致

输入的字段为空

提示必填项不能为空

与预期结果一致

输入的密码少于6位

提示密码必须为6-12位

与预期结果一致

输入的密码大于12位

提示密码必须为6-12位

与预期结果一致

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

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

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

功能描述

用于活动信息管理

测试目的

检测活动信息管理时的各种操作的运行情况

测试数据以及操作

预期结果

实际结果

点击添加活动信息,必填项合法输入,点击保存

提示添加成功

与预期结果一致

点击添加活动信息,必填项输入不合法,点击保存

提示必填项不能为空

与预期结果一致

点击修改活动信息,必填项修改为空,点击保存

提示必填项不能为空

与预期结果一致

点击修改活动信息,必填项输入不合法,点击保存

提示必填项不能为空

与预期结果一致

点击删除活动信息,选择活动信息删除

提示删除成功

与预期结果一致

点击搜索活动信息,输入存在的活动信息名

查找出活动信息

与预期结果一致

点击搜索活动信息,输入不存在的活动信息名

不显示活动信息

与预期结果一致

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

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

表6-5 参加活动管理的测试用例

功能描述

用于参加活动管理

测试目的

检测参加活动管理时各种操作的情况

测试数据以及操作

预期结果

实际结果

未选择活动信息,点击提交

提示请选择活动信息

与预期结果一致

未输入参加活动人数,点击提交

提示请输入参加活动人数

与预期结果一致

未输入时间,点击提交

提示请输入时间

与预期结果一致

    1. 性能测试

使用阿里云PTS(Performance Testing Service)性能测试服务对线上系统进行压力测试。线上服务器环境为:1核心CPU,1G内存,1Mbps公网带宽,Centos7.0操作系统。

压测过程中使用了2台并发机器,每台机器20个用户并发,对系统主页,登录,数据查询和数据维护等模块进行并发访问,测试结果是有40个用户并发时,数据管理相关页面的响应时间甚至达到了7s,通过查看服务器出网流量发现已经达到1381kb/s,可以看出服务器的带宽已经达到峰值,如果系统使用5Mbps的带宽,系统的响应时间和TPS将会大大增加。在整个测试的过程中,CPU的使用率占用仅8%,也提现出带宽瓶颈对系统的影响非常严重。

  1. 总结与展望

随着计算机互联网技术的迅猛发展,各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是校园志愿者管理为核心展开的,主要是为了实现校园志愿者管理的需求。

文中详细分析了校园志愿者管理系统的研究背景、研究目的和意义、开发工具和相关技术以及系统需求、系统详细设计和系统测试等等一系列内容。系统实现了校园志愿者管理系统所需的一些基本功能,并通过测试对这些实现的功能进行了完善,进而提高了系统整体的实用性。系统投入运行时,各功能均运行正常。系统的每个界面的操作符合常规逻辑,对使用者来说操作简单,界面友好。整个系统的各个功能设计合理,体现了人性化。

但是由于自己在系统开发过程中对一些用到的相关知识和技术掌握不够牢固,再加上自身开发经验欠缺,因此系统在有些方面的功能还不够完善,考虑的不够全面,因此整个系统还有待日后逐步完善。

参考文献

[1]王江霖,黄彩霞,樊旭龙.基于SSM框架的网络资源共享平台的研究与实现[J].电脑知识与技术,2021,17(28):76-78.

[2]曹华山.SSM框架在Web应用开发中的设计与实现[J].无线互联科技,2021,18(11):108-109.

[3]方昌勋. 基于Object-Z的业务逻辑Java代码自动生成器设计与实现[D].北京邮电大学,2021.

[4]秦溧,艾青.基于SSM框架的学生生活服务平台的设计与实现[J].电脑知识与技术,2021,17(13):80-82.

[5]刘星晖,李晓曙,徐敏,孙吉红,陈朔阳,符旭波.地方公共图书馆文化志愿者管理研究[J].产业科技创新,2021,3(02):107-110.

[6]程斌.高职院校志愿者服务大型体育赛事现状与发展研究——以成都市为例[J].现代职业教育,2020(35):194-195.

[7]范红梅.新媒体环境下大学生志愿者管理的现状与对策研究[J].东西南北,2019(24):241.

[8]卜浩然.新时代校园“平安校园”志愿者队伍服务长效机制探究[J].安全,2018,39(05):80-82.

[9]周萍.校园图书馆志愿者服务模式研究——以苏州大学图书馆志愿者服务模式为例[J].河南图书馆学刊,2018,37(10):60-62.

[10]邱铁辉.大学生志愿者服务机制创新研究[J].长江大学学报(社会科学版),2018,36(11):135-136.

[11]张红霞,张耀灿.论校园文化建设视阈中的大学生志愿服务[J].思想理论教育导刊,2018(01):128-131.

[12]林民庆.和谐校园视野下大学生志愿者服务的探索与实践[J].甘肃联合大学学报(自然科学版),2018,26(S4):41-43.

[13]李涛,苗忠.论志愿者服务与构建和谐校园[J].西安邮电学院学报,2018(04):154-156.

[14]夏义堃.志愿者服务:校园德育工作的新视点[J].学校党建与思想教育,2018(05):33-36.

[15]MuhamadBahri.Analysisofthewater,energy,foodandlandnexususingthesystemarchetypes:AcasestudyintheJatiluhurreservoir,WestJava,Indonesia[J].ScienceoftheTotalEnvironment,2020,716.

[16]BahriMuhamad.Analysisofthewater,energy,foodandlandnexususingthesystemarchetypes:AcasestudyintheJatiluhurreservoir,WestJava,Indonesia.[J].TheScienceofthetotalenvironment,2020,716.

[17].TreeGeneticsandGenomics;StudiesfromUniversityofTsukubaYieldNewInformationaboutTreeGeneticsandGenomics(GeneticDiversityandtheOriginofCommercialPlantationofIndonesianTeakOnJavaIsland)[J].AgricultureWeek,2020.

[18]FajarYulianto,Suwarsono,UdhiCaturNugroho,NunungPujiNugroho,WismuSunarmodo,MuhammadRokhisKhomarudin.Spatial-TemporalDynamicsLandUse/LandCoverChangeandFloodHazardMappingintheUpstreamCitarumWatershed,WestJava,Indonesia[J].QuaestionesGeographicae,2020,39(1).

[19]RudiartoIwan,HidayaniRizqa,FisherMicah.Thebilocalmigrant:Economicdriversofmobilityacrosstherural-urbaninterfaceinCentralJava,Indonesia[J].JournalofRuralStudies,2020,74(C).

致谢

本次设计历时3个月。在这个毕业设计中,它离不开指导教师的指导,使事情基本顺利。指导老师无论是在毕业设计历经中,还是在论文做完中都给了了我特别大的助益。另1个方面,教师认真负责的工作姿态,谨慎的教学精神厚重的理论水准都使我获益匪浅。他勤恳谨慎的教学育人学习姿态也给我留下了特别特别深的感觉。我从老师那里学到了很多东西。在理论和实践中,我的技能得到了特别大的提高。在此,特向教师表示由衷的感激。

经过对该毕业设计的全部研究和开发,我的系统研发经历了从需求分析到实现详细功能,再到最终测试和维护的特殊进展。让我对系统研发有了更深层次的认识。如今我的动手本领单独处理疑惑的本领也获取到了特别大的演练学习增多,这是这次毕业设计最好的收获。

最后,在整个系统开发过程中,我周围的同学和朋友给了我很多意见,所以我很快就确认了系统的商业思想。在次,我由衷的向他们表示感激。

免费领取项目源码,请关注❤点赞收藏并私信博主,谢谢-

猜你喜欢

转载自blog.csdn.net/weixin_bysj1330/article/details/135475049