系统采用java语言，页面 使用 layUI框架，数据库为mysql；设计角色为管理员、志愿者 、和普通用户；

用户&志愿者功能

系统首页: http://localhost:8080/login/index.do

登录页: http://localhost:8080/login/login.do

2.2.1 用户注册

新用户登录本系统需要进行注册。用户注册功能图，如图所示

用户注册功能图

实现过程：用户在注册界面填写用户名、手机号、密码后点击“注册”按钮触发loginbtn事件通过post方法提交from表单通过url：action="${pageContext.request.contextPath}/login/ register.do"找到，调用LoginController类的 register方法通过userService的saveuser方法执行注册逻辑,把信息保存到user数据表，然后跳转到登录页输入账号密码就可以登录本网站了

2.2.2 登录

用户登录系统需要输入账号、密码。登录功能图，如图所示。

用户登录功能图

实现过程：用户输入用户名、密码和验证码后，点击登录，会触发login点击事件通过action="${pageContext.request.contextPath}/login/signIn.do"访问控制器中LoginController类的signIn ()登录控制方法。根据输入账号从数据查询user对应的 密码与输入的密码User user = userService.getUserByPhoneOrPwd(phone,password)对比，校验通过则成功进入到系统首页;反之则返回错误提示。系统首页如图示：

系统首页

实现过程：user/index.jsp为前台系统首页,进入首页会通过子页面home.jsp; Notice carousel = noticeService.getNoticeById(-1)查询轮播图片；Notice about = noticeService.getNoticeById(-2)查询关于我们详情；List<Map> list = recommendService.getMapList(map)获取志愿者之星；PageHelper.startPage(1,7)获取公告信息传递到home.jsp页面进行展示

。

2.2.3 新闻资讯页介绍

新闻资讯介绍功能图

实现过程：information.jsp为新闻资讯页,用户在index.jsp页面点击新闻资讯根据a路径<a href="javascript:togglePages('${pageContext.request.contextPath}/notice/information.do',false);" name="nav_a" title="新闻资讯">新闻资讯</a>找到并访问NoticeController的information（）方法；List<Map> notices = noticeService.getMapList(map)查询公告信息；List<Map> infomations = noticeService.getMapList(map)查询资讯信息；request.setAttribute("infomations",infomations)传递到请求域中，跳转到information.jsp页面进行遍历显示。

2.2.4 志愿活动

志愿活动功能图

实现过程： activity.jsp为志愿活动展示页,用户在index.jsp页面点击新闻资讯根据a路径<a href="javascript:togglePages('${pageContext.request.contextPath}/activity/activity.do',false);" name="nav_a" title="志愿活动">志愿活动</a>找到并访问activityController的activity（）方法；List<Map> list = activityService.getMapList(map);查询志愿活动信息；request.setAttribute("activitys",list)传递到请求域中，跳转到activity.jsp页面进行遍历显示；点击活动即可查看活动详情，若登陆者为志愿者并可申请参加活动和取消参加等操作。

志愿组织

志愿组织功能图

实现过程：organization.jsp为志愿组织展示页,用户在index.jsp页面点击志愿组织根据a路径<a href="javascript:togglePages('${pageContext.request.contextPath}/organization/organization.do',false);" name="nav_a" title="志愿组织">志愿组织</a>找到并访问organizationController的organization（）方法；List<Map> list = organizationService.getMapList(null)查询志愿组织信息；request.setAttribute("organizations ",list)传递到请求域中，跳转到organization.jsp页面进行遍历显示；点击志愿组织即可查看组织详情，若登陆者为志愿者并可申请参加组织和取消参加等操作。

志愿之星

志愿之星介绍功能图

实现过程：recommend.jsp为志愿之星展示页,用户在index.jsp页面点击志愿之星标签页根据路径<a href="javascript:togglePages('${pageContext.request.contextPath}/recommend/recommend.do',false);" name="nav_a" title="志愿之星">志愿之星</a>找到并访问recommendController的recommend（）方法；List<Map> list = recommend Service.getMapList(null)查询志愿之星信息；request.setAttribute("recommends ",list)传递到请求域中，跳转到recommend.jsp页面进行遍历显示；点击志愿之星即可查看志愿之星详情信息。

在线留言

在线留言介绍功能图

实现过程：msgBoard.jsp为在线留言展示页,用户在index.jsp页面点击在线留言标签页根据路径<a href="javascript:togglePages('${pageContext.request.contextPath}/userMsg/msgBoard.do',true);" name="nav_a" title="在线留言">在线留言</a>找到并访问userMsgController的recommend（）方法；List<Map> list = userMsgService.getMapList(null)查询留言信息；request.setAttribute("userMsgs ",list)传递到请求域中，跳转到userMsg.jsp页面进行遍历显示；在留言框填写完留言信息点击发表,即可进行留言操作。

2.3 管理员功能

管理员拥有系统最高权限；

2.2.5 用户管理介绍

用户管理

实现过程：list.jsp为用户列表页，在用户功能管理可以添加用户，修改用户信息；

用户在后台 管理点击用户管理通过路径${pageContext.request.contextPath}/user/list.do找到并跳转到UserController的list()方法List<User> list = userService.getUserList(map)查询用户数据；PageUtil.save(request, pageInfo) 传递到list.jsp页面遍历显示；点击添加用户会通过url：onclick="window.location.href='${pageContext.request.contextPath}/user/form.do?type=1'"跳转到新增用户form页面填写用户信息账号密码，点击确认添加会触发点击事件验证参数并提交from表单通过action="${pageContext.request.contextPath}/user/save.do"找到save方法获取参数赋值给user对象通过userservice接口把添加用户信息  保存到user信息表中；在页面编辑要修改的用户信息点击保存通过method:'updateUser'找到updateUser方法获取更改的参数数据通过userservice接口的updateUserInfo方法更新到用户 信息到user数据表中。

2.2.6 组织管理功能图

组织管理功能图

实现过程：list.jsp为组织列表页，在组织功能管理可以对组织信息进行管理、组织成员进行管理、组织业绩考核进行管理；在后台 管理点击组织管理通过路径${pageContext.request.contextPath}/organization/list.do找到并跳转到organization Controller的list()方法List<Organization> list = organizationService.getOrganizationList(map)查询组织信息数据；PageUtil.save(request, pageInfo) 传递到list.jsp页面遍历显示；点击新增组织信息会通过type=1标识是新增标志区分更新和新增url：onclick="window.location.href='${pageContext.request.contextPath}/organization/form.do?type=1'"跳转到新增用户form页面填写组织信息，点击确认添加会触发点击事件验证参数并提交from表单通过action="${pageContext.request.contextPath}/ organization /save.do"找到save方法获取参数赋值给user对象通过organization ervice接口把添加组织信息  保存到organization信息表中；在页面编辑要修改的组织信息点击保存通过save方法获取更改的参数数据通过userservice接口的saveOrganization方法根据id更新到组织信息到organization数据表中。

2.2.7 活动管理

活动管理功能图

实现过程：list.jsp为活动列表页，在活动功能管理可以对活动信息进行查看、修改和新增操作进行管理；在后台 管理点击活动管理通过路径${pageContext.request.contextPath}/activity/list.do找到并跳转到activityController的list()方法List<Map> list = activityService.getMapList(map)查询活动信息数据；PageUtil.save(request, pageInfo) 传递到list.jsp页面遍历显示；点击新增活动信息会通过type=1标识是新增标志区分更新和修改url：onclick="window.location.href='${pageContext.request.contextPath}/activity/form.do?id=${page.id}&type=1'""跳转到新增活动信息form.jsp页面填写活动信息，点击确认添加会触发点击事件验证参数并提交from表单通过action="${pageContext.request.contextPath}/activity/save.do"找到save方法获取参数赋值给activity对象通过activityservice接口把添加活动信息保存到activity信息表中；在页面编辑要修改的活动信息点击保存通过save方法获取更改的参数数据通过userservice接口的saveactivity方法根据id更新到活动信息到activity数据表中；在活动信息管理模块还可以对活动申请进行审核操作。

2.2.8 课程信息管理

课程信息管理功能图

实现过程：list.jsp为课程信息列表页，在课程功能管理可以对课程信息进行查看、修改和新增操作进行管理；在后台 管理点击课程信息管理通过路径${pageContext.request.contextPath}/classinfo/list.do找到并跳转到classinfoController的list()方法List<Classinfo> list = classInfoService.getUserList(map)查询课程信息数据；PageUtil.save(request, pageInfo) 传递到list.jsp页面遍历显示；点击新增课程信息会通过type=1标识是新增标志区分更新和修改url：onclick=" window.location.href='${pageContext.request.contextPath}/classinfo/form.do?type=1'"跳转到新增活动信息form.jsp页面填写课程信息，点击确认添加会触发点击事件验证参数并提交from表单通过action="${pageContext.request.contextPath}/ classinfo /save.do"找到save方法获取参数赋值给classinfo对象通过classinfo service接口把添加课程信息保存到classinfo信息表中；在页面编辑要修改的课程信息点击保存通过save方法获取更改的参数数据通过classinfoservice接口的save方法根据id更新到课程信息到classinfo数据表中。

2.2.9 物资信息管理

物资信息管理功能图

实现过程：list.jsp为物资信息列表页，在物资信息功能管理可以对物资信息进行查看、修改和新增操作进行管理；在后台 管理点击物资信息管理通过路径${pageContext.request.contextPath}/goods/list.do找到并跳转到goodsController的list()方法List<Goods> list = goodsService.getUserList(map)查询物资信息数据；PageUtil.save(request, pageInfo) 传递到list.jsp页面遍历显示；点击新增物资信息会通过type=1标识是新增标志区分更新和修改url：onclick=" window.location.href='${pageContext.request.contextPath}/goods/form.do?type=1'"跳转到新增活动信息form.jsp页面填写物资信息，点击确认添加会触发点击事件验证参数并提交from表单通过action="${pageContext.request.contextPath}/goods/save.do"找到save方法获取参数赋值给goods对象通过goodsservice接口把添加物资信息保存到goods信息表中；在页面编辑要修改的物资信息点击保存通过save方法获取更改的参数数据通过goodsservice接口的save方法根据id更新到物资信息到goods数据表中。

2.3.0 留言管理

留言管理功能图

实现过程：list.jsp为留言信息列表页，在物资信息功能管理可以对物资信息进行查看、修改和新增操作进行管理；在后台 管理点击物资信息管理通过路径${pageContext.request.contextPath}/userMsg/list.do找到并跳转到userMsgController的list()方法List< UserMsg > list = userMsgService. getMapList (map)查询留言信息数据；PageUtil.save(request, pageInfo) 传递到list.jsp页面遍历显示。

2.3.1 公告管理

公告管理功能图