一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

视频加载中...

三、运行截图：

在此部分内容中，主要通过系统功能的运行效果图展示前面设计的最终结果。系统实现对编制人员的技术能力有较高要求，因为需要他们使用编程的方式去实现系统设计的方案。

3.1 管理员功能实现3.1.1 活动信息管理

管理员权限中的活动信息管理，其运行效果见下图。管理员负责活动信息的修改，活动信息的删除，活动信息的新增等内容，同时，学生评论活动的信息也能让管理员查看。

图3.1 活动信息管理页面

3.1.2 活动报名管理

管理员权限中的活动报名管理，其运行效果见下图。学生报名参加活动，管理员就负责在当前页面审核学生报名参加的活动信息。

图3.2 活动报名管理页面

3.1.3 留言板管理

管理员权限中的留言板管理，其运行效果见下图。管理员通过本功能与学生进行信息交流，学生提交的留言，管理员就能在当前页面查看并回复。

图3.3 留言板管理页面

3.1.4 学生管理

管理员权限中的学生管理，其运行效果见下图。管理员可以在本页面修改，删除学生资料。

图3.4 学生管理页面

3.2 学生功能实现3.2.1 活动信息

学生权限中的活动信息，其运行效果见下图。学生在本页面除了查看活动介绍之外，还能够收藏活动，对该活动进行报名。

图3.5 活动信息页面

3.2.2 活动报名

学生权限中的活动报名，其运行效果见下图。学生报名参加活动之后，需要在本模块查看报名信息，修改报名信息，删除活动报名信息，同时，学生点击活动图片或活动名称进入其详细页面查看学生提交的报名信息是否通过管理员的审核。

图3.6 活动报名页面

3.2.3 留言板

学生权限中的留言板，其运行效果见下图。学生在当前页面可以添加留言内容，管理员回复学生的留言信息也会在本页面显示，学生随时可以查看。

图3.7 留言板页面

3.2.4 活动公告

学生权限中的活动公告，其运行效果见下图。学生通过标题搜索活动公告信息，学生点击活动公告标题以及图片即可查看活动公告的内容。

图3.8 活动公告页面