高校大学生志愿者服务活动平台的设计与实现_第1页
高校大学生志愿者服务活动平台的设计与实现_第2页
高校大学生志愿者服务活动平台的设计与实现_第3页
高校大学生志愿者服务活动平台的设计与实现_第4页
高校大学生志愿者服务活动平台的设计与实现_第5页
已阅读5页,还剩33页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

[22]。此系统可以为志愿者的招募和管理,提供一个有效的平台,来提升志愿者的服务质量。不过,对于志愿者的资料如何进行规范,却只字未提。虽然国内与国外相比还有很大的差距。但是,经过持续的努力和大胆的探索,我国早就已经掌握了先进的技术,这对志愿者服务平台的实现具有很大的帮助1.3研究内容本论文具体研究内容通过6个章节以及结论来讲解本系统的开发和设计过程,从系统开发的工具及相关理论到系统分析再到系统实现,使读者们可以全面了解到本系统。第1章。在绪论部分,主要阐述了本论文的选题背景、意义、国内外的研究现状。第2章。详细地介绍了该系统在开发过程中所使用的各种技术。第3章。从技术上、运行上、经济上对该系统的可行性进行了分析。第4章。对各个功能模块进行了设计,并对数据库进行了设计。第5章。显示了每个用户接口的不同功能和关键代码。第6章。对系统测试的目的、步骤、用例和结果进行了阐述。最后是结语,主要是对平台建设中的一些设计的不足之处。

第2章相关理论和技术2.1Java语言目前,Java占据了最大的市场份额,并且是其中的佼佼者。Java的使用范围很广,可以用在京东,新浪,百度等大型的企业网站上。也可以在安卓平台上开发,例如:智能家庭、智能手机等等。也可以做一些比较高端的研究,比如:大数据。在1990年,太阳公司的詹姆斯·高斯林与他的小组一道,组织了“绿色项目”的研究与开发。在研究和开发的过程中,一种名为Java的语言逐渐出现。Sun于1997年发布了其首个官方的Java版本,并于1998年发布了J2SE1.2。此后,每两年发布一个新的版本。到了2009年,太阳被甲骨文公司收购。此后,每三年发布一个新的版本。由于时间过长,所以后续的版本更新是半年一次。随着系统的升级,它会逐渐适应新的系统。但是,当前的企业仍然在广泛地使用着JavaSE5和JavaSE8这两个历史版本。比如在JavaSE5中,对循环和通用进行了改进,在JavaSE8中,对功能界面和Lambda表达进行了改进。没有对指针的支持,Java语言使用了一种很本质的编程理念:面向对象的编程理念。以创建对象的方法,在真实的世界中,以调用对象的方法,来实现仿真。Java有三大特点:封装,继承,多态。简单地说,封装就是把一组功能封装到一个设备中,设备只给它提供界面。通过这种方式,您可以提高您的代码的安全性和可重复使用性,从而使复杂问题变得简单。例如:class和method。“继承”,使一个类别与另一个类别之间形成“父子”关系。被继承的类别称为父类,而被继承的类别称为子类。“继承”可以实现多个功能重复使用,增加了新的内容,并且易于维护。而多态性则是指同一事物在不同条件下,呈现出不同的行为。多态可以提高可扩展性,提高可重用性。2.2Springboot简介基本上,SpringBoot就是Spring,而且可以完成没有SpringBean也可以完成的配置。它利用习惯比构架更好(在工程中,构架有许多种,再加上习惯性的构架,所以您不必手动进行构架),这样工程就能运行得更快。有了SpringBoot,就能很容易地在Spring框架下独立地创建一个产品级的工程(运行jar和内置的Servlet容器),也可以不使用它,或者仅仅进行一些Spring配置。Spring它的核心有以下四个部分。自动配置:在Spring应用中,SpringBoot可以为很多常见的应用程序提供相应的配置。起步依赖:告诉SpringBoot你想要做什么,然后SpringBoot会为你介绍你想要的类库。命令行界面:这是SpringBoot的一个可选择的功能,这样你就可以通过编写代码来实现一个完全的应用,而不需要进行传统的项目建设。Actuator:使您可以在一个正在运行的SpringBoot中寻找答案。2.3MySQL数据库MySQL是一种由瑞典的MySQLAB公司所研发的、隶属Oracle集团开发的一个关系型数据库管理系统。MySQL是当前最常用的一种关系型数据库,它是WEB应用中最好的一种。\o""MySQL是一种基于关系的数据库,它不需要将全部数据存储在一个大型数据库中,而是使用多个表格进行存储。MySQL是一种可以用来存取数据库的最一般的标准语言,MySQL使用了一种双授权战略,将其分为两种,一种是公有的,另一种是商用的。2.4HTML5HTML5可以用来描述网络内容。HTML5是新一代因特网标准,它为因特网的建立和显示提供了一种语言形式。从1990年至1997年,HTML4已成为Internet的国际标准。HTML5是一种标准的HTML,不管用户用什么方式浏览网页,它所显示的都是HTML格式,html5是目前唯一一种可以同时兼容PC、MAC、Iphone、Android和其他主流平台的跨平台语言,它能迅速地进行迭代,减少成本,并能有效地进行多种分布。2.5CSS3CSS是用于给结构化文件一种用于添加风格(字体、空格、色彩等)的计算机语言(如HTML文件或XML应用程序),CSS

文件扩展名为

.css。CSS3采用分层的用于在版面、字体、颜色、背景光等的控制。在CSS3中,有很多变化,比如添加了文本效果、添加了下划线风格、以及添加了一个突出部分。对于边缘,有更大的弹性,你可以很容易的控制渐变,动态效果,以及更多。在文字特效中,特别添加了投射的效果。2.6JavaScriptJavaScript(简称JS)是一种完整的、动态的程序设计语言.您可以在套用至HTML文件时,让您的站点具有动态互动功能。它的创造者是布兰登·艾克(BrendanEich),他是Mozilla计划、Mozilla基金以及Mozilla公司的共同创建者。JavaScript的应用范围很广,从幻灯片、相簿、悬浮网页、键盘、游戏、二度、三维动画、大资料库等,无所不包。JavaScript具有很多功能特点:解释型,函数式编程,单线程,面向对象编程,扩展ES等JavaScript很简单,也很快。开发者已经写出了大量的基于JavaScript的工具来帮助您轻松地进行开发。其中包括:第三方API-让开发者可以把其他内容提供者(推特、脸书等)的功能整合到自己的站点中。

第3章系统分析3.1可行性分析用于开发项目的计算机,例如桌上型计算机或个人便携式计算机。计算机需要设置诸如视窗7/8/10,WindowXP之类的操作系统。操作员将用IDEA的jdk8使用Java语言来配置这个软件。3.1.1经济可行性以计算机为核心,以相应的硬件为核心,给出了系统的实现方案。该系统以Java为基础,以MySQL为基础建立了数据库。所有的软硬件,都可以直接从市场上买到,也可以直接从网络上下载下来,而且价格也不贵,既能在学校里做实验,也能在学校外面做实训。经费主要用于发展与维持,并不会带来过多的经济上的损失。这个平台的启用,可以提高运作效率,也可以提高学生的学习效率,这样就可以减少在人力和财力上的投入。其收益将超过发展这个平台的花费。所以,从经济性上讲,该平台的开发具有可行性。3.1.2技术可行性技术可行性指的是平台开发过程中所需要的框架结构设计、数据库软件、编程语言等为依据,对平台实现的可行性展开分析,并对可能存在的风险进行研究,包括技术问题对经费的影响。这个平台是以Java语言来开发的,它可以达到网页效果,它使用的是B/S结构,将应用程序分成三个部分,在后台使用MySQL数据库,利用上述技术,设计并实现了一个比较完整的高校大学生志愿服务平台。从技术角度来看,这是一种可行的方法。3.1.3操作可行性平台完成后,页面简洁便于用户找到所需的功能,确保了平台的实用性和完整的功能。本平台的操作进行通过搜索栏搜索自己想找的志愿活动并报名,如有疑问可对管理者进行留言,方便了大学生与志愿活动管理者。所以,具有操作可行性。3.2用例分析1.用户模块包括:登录账号或注册账号、查看平台的首页、浏览志愿活动并进行报名、评论活动、收藏志愿活动、对活动进行评论、在线发表观点等功能。用户的用例图如图3.1所示。图3.1用户用例图2.管理员后台包括:用户信息的管理、活动类别的增加和删除、活动招募的开始时间以及结束时间、以及志愿活动种类的增删、回复用户疑问、对志愿活动的规范性审核、系统维护等。管理员的用例图如图3.2所示。图3.2管理员用例图3.2.1系统业务流程分析系统业务流程图如图3.3所示:图3.3系统业务流程图

第4章系统设计4.1设计目标最基本的特征就是它的灵活性和操作简单,也是软件设计者设计软件时的共性,这也是软件与手动操作的区别,因此,在编写的过程中,要站在用户的立场上,让平台具备操作性简单、管理员可维护、活动种类可多样性,满足用户需求的特点。该平台的设计要求如下:(1)界面的简洁性并且便于信息查找。(2)可同时发布多样性的志愿活动。(3)管理员模块可对平台进行管理。(4)可随时进行更新活动。4.2功能模块设计根据对程序的功能进行分析我们总结高校大学生志愿者服务平台所具有的功能模块包括:用户登录账号注册账号的模块、志愿活动进行招募的模块、志愿活动新闻发布模块、报名参加活动用户的管理模块、活动种类管理模块、用户在线评价模块、用户账号信息管理模块、用户账号信息中心模块、留言和回复管理模块、系统管理等模块。平台的功能模块如图4.1所示:图4.1系统功能结构图4.3数据库结果设计1、用户实体图如图4.2所示:图4.2用户实体图管理员实体图如图4.3所示:图4.3管理员实体图4.4数据库设计数据库进行设计研究有五个阶段。基本步骤如下:(1)高校大学生志愿者服务活动平台概念设计。对用户要求进行综合,并对平台的概念模型进行特定形式的引出。(2)高校大学生志愿者服务活动平台逻辑设计。从架构理念到资料库的最佳化(3)高校大学生志愿者服务活动平台物理设计。选择最优的数据信息和实体体系结构。(4)高校大学生志愿者服务活动平台的实现。利用数据语言,建立数据库,编写并调试每个函数,并进行最终的测试。(5)高校大学生志愿者服务活动平台运行和维护阶段。本设计能够在正式运作之前进行测试。在执行一个数据库系统的程序时,它需要被持续的分析、评价、调整和修改。从E-R模式到DBMS平台的转化应遵循下列原理:*将每一项转化成一种关系;*所有的主关键字都不能是null;*所包含的二进制的关系,应该定义成一对多、弱对实、一对一、多对多等。(1)评论活动招募表“评论活动招募表”是用来配置活动招募评论信息。评论活动招募表的结构如表4.1所示。表4.1评论活动招募表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPrefidbigint关联表iduseridbigint用户idavatarurllongtext4294967295头像nicknamevarchar200用户名contentlongtext4294967295评论内容replylongtext4294967295回复内容idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPrefidbigint关联表iduseridbigint用户idavatarurllongtext4294967295头像(2)管理员表“管理员表”是用来配置管理员表。管理员表的结构如表4.2所示。表4.2管理员表字段名称类型长度字段说明主键默认值idbigint主键主键usernamevarchar16用户名passwordvarchar32密码rolevarchar100角色管理员addtimetimestamp新增时间CURRENT_TIMESTAMP(3)活动类别表“活动类别表”是用来配置活动类别。活动类别的结构如表4.3所示。表4.3活动类别表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPhuodongleibievarchar200活动类别(4)储存表“储存表”是用来配置收藏信息。储存表的结构如表4.4所示。表4.4储存表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPuseridbigint用户idrefidbigint收藏idtablenamevarchar100表名namevarchar16收藏名称picturevarchar200收藏图片typevarchar100类型(1:收藏,21:赞,22:踩)1inteltypevarchar200推荐类型(5)关于我们表“关于我们表”是来配置系统的关于我们的信息。关于我们的结构如表4.5所示。表4.5关于我们表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPtitlevarchar200标题subtitlevarchar200副标题contentlongtext4294967295内容picture1longtext4294967295图片1picture2longtext4294967295图片2picture3longtext4294967295图片3idbigint主键主键(6)信息表“信息表”是用来配置在线留言信息。信息表的结构如表4.6所示。表4.6信息表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPuseridbigint留言人idusernamevarchar200用户名avatarurllongtext4294967295头像contentlongtext6729542949留言内容cpicturelongtext4294967295留言图片replylongtext4294967295回复内容rpicturelongtext4294967295回复图片(7)志愿活动表“志愿活动表”是用来配置志愿活动信息。志愿活动的结构如表4.7所示。表4.7志愿活动表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPbaomingbianhaovarchar200报名编号huodongmingchengvarchar200活动名称huodongleibievarchar200活动类别kaishishijianvarchar200开始时间fuwushizhangfloat服务时长huodongdidianvarchar100活动地点huodongneirongvarchar200活动内容baomingshijiandatetime报名时间zhanghaovarchar32账号xingmingvarchar16姓名shoujivarchar32手机sfshvarchar200是否审核待审核shhflongtext4294967295审核回复(8)志愿者新闻表“志愿者新闻表”是用来配置志愿新闻信息。志愿新闻表的结构如表4.9所示。表4.8志愿者新闻表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPtitlevarchar200标题introductionlongtext4294967295简介picturevarchar200图片contentlongtext4294967295内容(9)活动招募表“活动招募表”是用来配置活动招募信息。活动招募的结构如表4.9所示。表4.9活动招募表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPhuodongbianhaovarchar200活动编号huodongmingchengvarchar200活动名称huodongfengmianlongtext4294967295活动封面huodongleibievarchar200活动类别zhaomurenshuint招募人数baomingzhuangtaivarchar200报名状态kaishishijiandatetime开始时间fuwushizhangfloat服务时长huodongdidianvarchar200活动地点huodongneironglongtext4294967295活动内容clicktimedatetime最近点击时间clicknumint点击次数0(10)配置表“配置表”是用来配置文件信息。配置表的结构如表4.10所示。表4.10配置表字段名称类型长度字段说明主键默认值idbigint主键主键namevarchar100配置参数名称valuevarchar100配置参数值(11)用户表“用户表”是用来配置用户信息。用户表的结构如表4.11所示。表4.11用户表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPzhanghaovarchar32账号mimavarchar32密码xingmingvarchar16姓名xingbievarchar100性别shoujivarchar32手机youxiangvarchar200邮箱tupianvarchar200图片第5章系统实现5.1平台开发环境介绍该平台开发环境为:开发语言:Java框架:ssmJDK版本:JDK1.8服务器:tomcat7数据库:mysql5.7数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9浏览器:谷歌浏览器5.2用户注册登录管理5.2.1用户注册在登录界面,进行注册用户,到注册页面,输入注册的账号、密码、姓名等,点击注册,等待提示注册成功,然后跳转到登录界面。用户注册界面如图5.1所示:图5.1用户注册界面实现代码:@IgnoreAuth@RequestMapping("/register")publicRregister(@RequestBodyYonghuEntityyonghu){//ValidatorUtils.validateEntity(yonghu);YonghuEntityuser=yonghuService.selectOne(newEntityWrapper<YonghuEntity>().eq("zhanghao",yonghu.getZhanghao()));if(user!=null){returnR.error("注册用户已存在");}LonguId=newDate().getTime();yonghu.setId(uId);yonghuService.insert(yonghu);returnR.ok();}5.2.2用户登录在登录页面上,输入账号和密码,就可以登录了。点击进入首页。确认你的帐号和口令已经输入到了这个界面上。如不输入用户名或密码,则会要求用户提供用户名、密码。将数据发送到服务器,并将帐号和密码正确地输入到服务器中,才可以到用户页面。如果您输入的帐号或口令不正确,则会出现一个弹出的对话框来提示您。用户登录界面如图5.2所示:图5.2用户登录界面实现代码:@IgnoreAuth@RequestMapping(value="/login")publicRlogin(Stringusername,Stringpassword,Stringcaptcha,HttpServletRequestrequest){YonghuEntityuser=yonghuService.selectOne(newEntityWrapper<YonghuEntity>().eq("zhanghao",username));if(user==null||!user.getMima().equals(password)){returnR.error("账号或密码不正确");}Stringtoken=tokenService.generateToken(user.getId(),username,"yonghu","用户");returnR.ok().put("token",token);}在登录界面,输入您的用户名和密码,选择管理员登录,即可进入您的管理界面。在未输入用户姓名或密码的情况下,将自动提示输入用户姓名,密码。然后在服务器中输入用户的名字和口令,当你输入正确的名字和口令后,你就可以进入系统管理员页面了。如果你输入了不正确的用户名或者密码,你将会得到一个提示框。管理员登录界面如图5.3所示:图5.3管理员登录界面5.3活动类别管理进入活动的分类管理界面,在这个界面上可以增加,删除,编辑,以及查询所有活动分类。活动类别管理界面如图5.4所示:图5.4活动类别查询界面实现代码:@RequestMapping("/query")publicRquery(HuodongleibieEntityhuodongleibie){EntityWrapper<HuodongleibieEntity>ew=newEntityWrapper<HuodongleibieEntity>();ew.allEq(MPUtil.allEQMapPre(huodongleibie,"huodongleibie"));HuodongleibieViewhuodongleibieView=huodongleibieService.selectView(ew);returnR.ok("查询活动类别成功").put("data",huodongleibieView);}图5.5活动类别新增界面实现代码:@RequestMapping("/add")publicRadd(@RequestBodyHuodongleibieEntityhuodongleibie,HttpServletRequestrequest){huodongleibie.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(huodongleibie);huodongleibieService.insert(huodongleibie);returnR.ok();}图5.6活动类别删除界面实现代码:@RequestMapping("/delete")publicRdelete(@RequestBodyLong[]ids){huodongleibieService.deleteBatchIds(Arrays.asList(ids));returnR.ok();}

图5.7活动类别修改界面实现代码:@RequestMapping("/update")@TransactionalpublicRupdate(@RequestBodyHuodongleibieEntityhuodongleibie,HttpServletRequestrequest){//ValidatorUtils.validateEntity(huodongleibie);huodongleibieService.updateById(huodongleibie);//全部更新returnR.ok();}5.4活动招募模块5.4.1活动招募管理点击进入志愿活动招募界面,此界面管理员可浏览志愿活动的详情,并对该活动进行新增、修改和删除以及报名时间的修改。也可回复用户的留言。活动招募管理界面如图5.9所示:图5.8活动招募管理界面图5.9活动招募管理增加界面图5.10活动招募管理修改界面图5.11活动招募管理删除界面实现代码:@RequestMapping("/query")

publicRquery(HuodongzhaomuEntityhuodongzhaomu){EntityWrapper<HuodongzhaomuEntity>ew=newEntityWrapper<HuodongzhaomuEntity>();ew.allEq(MPUtil.allEQMapPre(huodongzhaomu,"huodongzhaomu"));HuodongzhaomuViewhuodongzhaomuView=huodongzhaomuService.selectView(ew);returnR.ok("查询活动招募成功").put("data",huodongzhaomuView);}@RequestMapping("/update")@TransactionalpublicRupdate(@RequestBodyHuodongzhaomuEntityhuodongzhaomu,HttpServletRequestrequest){//ValidatorUtils.validateEntity(huodongzhaomu);huodongzhaomuService.updateById(huodongzhaomu);//全部更新returnR.ok();}@RequestMapping("/delete")publicRdelete(@RequestBodyLong[]ids){huodongzhaomuService.deleteBatchIds(Arrays.asList(ids));returnR.ok();}@RequestMapping("/add")publicRadd(@RequestBodyHuodongzhaomuEntityhuodongzhaomu,HttpServletRequestrequest){huodongzhaomu.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(huodongzhaomu);huodongzhaomuService.insert(huodongzhaomu);returnR.ok();}5.4.2收藏活动用户点击活动招募界面,选择感兴趣的活动进行查看活动详情,点击右上角的收藏按钮可收藏活动,并在个人中心中进行收藏管理。收藏活动界面如图5.12所示:图5.12收藏活动界面实现代码:this.$http.post('huodongzhaomu/add',this.ruleForm).then(res=>{if(res.data.code==0){this.$message({message:'操作成功',type:'success',duration:1500,onClose:()=>{this.$router.go(-1);}});}else{this.$message({message:res.data.msg,type:'error',duration:1500});}});}}});},//获取uuidgetUUID(){returnnewDate().getTime();},//返回back(){this.$router.go(-1);},huodongfengmianUploadChange(fileUrls){this.ruleForm.huodongfengmian=fileUrls.replace(newRegExp(this.$config.baseUrl,"g"),"");;},}};5.4.3评论活动用户点击进入活动招募界面下点击“评论”键可以发表自己的意见或问题等​。评论活动界面如图5.13所示:图5.13评论活动界面5.5志愿报名用户点击自己感兴趣的活动来了解该志愿活动的详情,点击“报名”在规定的时间内可参加该活动,输入用户的姓名以及手机号等信息后提交,管理员在后台界面中对报名的用户进行审核。报名活动界面​如图5.14所示:图5.14报名活动界面5.6报名审核管理员可以点击进入到活动的管理界面,在这个界面中,管理员可以审查那些已经报名参加活动的用户,并且可以查看他们的信息,对他们是否能够参与活动进行审查。报名审核界面如图5.15所示:图5.15志愿活动管理界面图5.16报名审核界面实现代码:@RequestMapping("/update")@TransactionalpublicRupdate(@RequestBodyZhiyuanhuodongEntityzhiyuanhuodong,HttpServletRequestrequest){//ValidatorUtils.validateEntity(zhiyuanhuodong);zhiyuanhuodongService.updateById(zhiyuanhuodong);//全部更新returnR.ok();}@RequestMapping("/delete")publicRdelete(@RequestBodyLong[]ids){zhiyuanhuodongService.deleteBatchIds(Arrays.asList(ids));returnR.ok();}用户可通过后台管理来查看报名审核是否通过如图5.17所示:图5.17报名审核情况查看界面5.7在线留言5.7.1留言界面用户点击进入在线留言界面,在输入栏里键入你要留下的文字,然后再加上一张照片,再点“立即提交”,就可以在网上留下你的留言了,然后管理员就可以在后台看到你的留言了。在线消息界面如图5.18所示:图5.18在线留言界面5.7.2在线留言管理进入到在线留言界面,管理员可以搜索用户名来查看该用户的留言。在线留言管理界面如图5.19所示:图5.19在线留言管理界面实现代码:@RequestMapping("/lists")publicRlist(MessageEntityMessage){EntityWrapper<MessageEntity>ew=newEntityWrapper<MessageEntity>();ew.allEq(MPUtil.allEQMapPre(Message,"Message"));returnR.ok().put("data",MessageService.selectListView(ew));}@RequestMapping("/query")publicRquery(MessageEntityMessage){EntityWrapper<MessageEntity>ew=newEntityWrapper<MessageEntity>();ew.allEq(MPUtil.allEQMapPre(Message,"Message"));MessageViewMessageView=MessageService.selectView(ew);returnR.ok("查询在线留言成功").put("data",MessageView);}@RequestMapping("/info/{id}")publicRinfo(@PathVariable("id")Longid){MessageEntityMessage=MessageService.selectById(id);returnR.ok().put("data",Message);}5.8新闻模块5.8.1志愿新闻管理在系统管理界面下可对志愿活动新闻进行新增和对已过时的新闻进行删除和修改,便于用户随时了解当下的志愿活动。志愿新闻管理界面如图5.20所示:图5.20志愿新闻管理界面实现代码:@RequestMapping("/lists")publicRlist(NewsEntitynews){EntityWrapper<NewsEntity>ew=newEntityWrapper<NewsEntity>();ew.allEq(MPUtil.allEQMapPre(news,"news"));returnR.ok().put("data",newsService.selectListView(ew));}@RequestMapping("/query")publicRquery(NewsEntitynews){EntityWrapper<NewsEntity>ew=newEntityWrapper<NewsEntity>();ew.allEq(MPUtil.allEQMapPre(news,"news"));NewsViewnewsView=newsService.selectView(ew);returnR.ok("查询资讯成功").put("data",newsView);}@RequestMapping("/info/{id}")publicRinfo(@PathVariable("id")Longid){NewsEntitynews=newsService.selectById(id);returnR.ok().put("data",news);5.8.2查看志愿新闻用户点击进入志愿新闻界面,点击想要阅读查看的某一条新闻,跳转到新闻详情页面,查看更详细的新闻信息。用户查看志愿新闻界面如图5.21所示:图5.21查看志愿新闻界面实现代码:@IgnoreAuth@RequestMapping("/list")publicRlist(@RequestParamMap<String,Object>params,CaipinxinxiEntitycaipinxinxi,HttpServletRequestrequest){EntityWrapper<CaipinxinxiEntity>ew=newEntityWrapper<CaipinxinxiEntity>();PageUtilspage=caipinxinxiService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,caipinxinxi),params),params));returnR.ok().put("data",page);}5.9系统用户管理5.9.1修改个人信息在个人中心一栏中点击个人中心,进入个人信息页面,在此页面可查看自己的详细信息,也可修改个人信息,修改后点击保存按钮,保存更新的个人信息。用户个人信息界面如图5.22所示:图5.22个人信息界面实现代码:@RequestMapping("/add")publicRadd(@RequestBodyYonghuEntityyonghu,HttpServletRequestrequest){yonghu.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(yonghu);YonghuEntityuser=yonghuService.selectOne(newEntityWrapper<YonghuEntity>().eq("zhanghao",yonghu.getZhanghao()));if(user!=null){returnR.error("用户已存在");}yonghu.setId(newDate().getTime());yonghuService.insert(yonghu);returnR.ok();}5.9.2用户管理点击进入用户管理界面,该界面可对所有用户进行增加、删除、编辑和查询操作。用户管理界面如图5.23所示:图5.23用户管理界面实现代码:@RequestMapping("/query")publicRquery(YonghuEntityyonghu){EntityWrapper<YonghuEntity>ew=newEntityWrapper<YonghuEntity>();ew.allEq(MPUtil.allEQMapPre(yonghu,"yonghu"));YonghuViewyonghuView=yonghuService.selectView(ew);returnR.ok("查询用户成功").put("data",yonghuView);@RequestMapping("/update")@TransactionalpublicRupdate(@RequestBodyYonghuEntityyonghu,HttpServletRequestrequest){//ValidatorUtils.validateEntity(yonghu);yonghuService.updateById(yonghu);//全部更新returnR.ok();}@RequestMapping("/delete")publicRdelete(@RequestBodyLong[]ids){yonghuService.deleteBatchIds(Arrays.asList(ids));returnR.ok();}@RequestMapping("/add")publicRadd(@RequestBodyYonghuEntityyonghu,HttpServletRequestrequest){yonghu.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(yonghu);YonghuEntityu=yonghuService.selectOne(newEntityWrapper<YonghuEntity>().eq("zhanghao",yonghu.getZhanghao()));if(u!=null){returnR.error("用户已存在");}yonghu.setId(newDate().getTime());yonghuService.insert(yonghu);returnR.ok();}5.10系统管理管理员点击系统管理按钮可对关于我们、系统简介、轮播图进行管理。​系​统管理界面如图5.24所示:图5.24系统管理界面实现代码:@RequestMapping("/query")publicRquery(SystemintroEntitysystemintro){EntityWrapper<SystemintroEntity>ew=newEntityWrapper<SystemintroEntity>();ew.allEq(MPUtil.allEQMapPre(systemintro,"systemintro"));SystemintroViewsystemintroView=systemintroService.selectView(ew);returnR.ok("查询关于我们成功").put("data",systemintroView);}@IgnoreAuth@RequestMapping("/list")publicRlist(@RequestParamMap<String,Object>params,SystemintroEntitysystemintro,HttpServletRequestrequest){EntityWrapper<SystemintroEntity>ew=newEntityWrapper<SystemintroEntity>();PageUtilspage=systemintroService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,systemintro),params),params));returnR.ok().put("data",page);}

第6章系统测试6.1测试步骤在测试过程中,同样的开发过程也要进行阶段的实施。一个大的项目通常由几个子项目组成,每个子项目又有几个模块。因此,一个大的软件测试主要包括以下几个步骤:1.判断某一程序中的编码及具体问题的测试模块。2.接下来就是对这个平台进行测试,并且在这个项目中寻找问题。3.将OS需求标准化,以便确定错误的接收测试方案。6.2测试用例6.2.1登录测试用例用户端的测试案例主要是根据用户的需求进行的,采用了黑盒测试的方式,如表6.1所示。表6.1登录测试用例表测试编号测试目的操作步骤预期结果实际结果001登录测试输入正确的用户名和密码登录成功登录成功002登录测试输入错误的用户名登录失败登录失败003登录测试输入错误的的密码登录失败登录失败6.2.2志愿活动管理测试用例管理端在运行时要满足浏览器的运行需求,比如添加志愿活动信息测试、修改志愿活动信息测试、删除志愿活动信息测试等。本节根据管理端各模块进行测试,因考虑到本文篇幅有限,这里代表性的部分测试用例,如表6.2所示。表6.,2志愿活动管理测试用例表测试编号测试目的操作步骤预期结果实际结果001添加志愿活动信息测试在添加页面输入志愿活动信息,点击确认按钮添加成功添加成功002修改志愿活动信息测试在修改页面修改志愿活动信息,点击确认按钮修改成功修改成功003删除志愿活动信息测试在管理志愿活动信息页面,点击某一用户的删除按钮删除成功删除成功004查询志愿活动信息测试在管理志愿活动信息页面查询输入框输入要查询的用户名字,点击查询按钮查询成功查询成功6.2.3在线留言管理测试用例管理端在运行时要满足浏览器的运行需求,比如添加在线留言信息测试、修改在线留言信息测试、删除在线留言信息测试等。本节根据管理端各模块进行测试,因考虑到本文篇幅有限,这里代表性的部分测试用例,如表6.3所示。表6.3在线留言管理测试用例表测试编号测试目的操作步骤预期结果实际结果001添加在线留言信息测试在添加页面输入在线留言信息,点击确认按钮添加成功添加成功002修改在线留言信息测试在修改页面修改在线留言信息,点击确认按钮修改成功修改成功003删除在线留言信息测试在管理在线留言信息页面,点击某一用户的删除按钮删除成功删除成功004查询在线留言信息测试在管理在线留言信息页面查询输入框输入要查询的用户名字,点击查询按钮查询成功查询成功6.2.4活动招募管理测试用例管理端在运行时要满足浏览器的运行需求,比如添加活动招募信息测试、修改活动招募信息测试、删除活动招募信息测试等。本节根据管理端各模块进行测试,因考虑到本文篇幅有限,这里代表性的部分测试用例,如表6.4所示。表6.4活动招募管理测试用例表测试编号测试目的操作步骤预期结果实际结果001添加活动招募信息测试在添加页面输入活动招募信息,点击确认按钮添加成功添加成功002修改活动招募信息测试在修改页面修改活动招募信息,点击确认按钮修改成功修改成功003删除活动招募信息测试在管理活动招募信息页面,点击某一用户的删除按钮删除成功删除成功004查询活动招募信息测试在管理活动招募信息页面查询输入框输入要查询的用户名字,点击查询按钮查询成功查询成功6.2.5活动类别管理测试用例管理端在运行时要满足浏览器的运行需求,比如添加活动类别信息测试、修改活动类别信息测试、删除活动类别信息测试等。本节根据管理端各模块进行测试,因考虑到本文篇幅有限,这里代表性的部分测试用例,如表6.5所示。表6.5活动类别管理测试用例表测试编号测试目的操作步骤预期结果实际结果001添加活动类别信息测试在添加页面输入活动类别信息,点击确认按钮添加成功添加成功002修改活动类别信息测试在修改页面修改活动类别信息,点击确认按钮修改成功修改成功003删除活动类别信息测试在管理活动类别信息页面,点击某一用户的删除按钮删除成功删除成功004查询活动类别信息测试在管理活动类别信息页面查询输入框输入要查询的用户名字,点击查询按钮查询成功查询成功6.3测试结论在完成了多项测试后,实现了该平台的全部功能。在测试的过程中,平台可以为使用者提供准确的数据,无论是在平台的功能上,还是在平台的使用上,基本上都可以达到我们的要求。

结论目前,本文是在志愿服务行业依旧是社会关注的热点背景下,设计了一个大学生志愿者服务平台,该平台将志愿者注册过程中的核心业务基本实现,并与SSM框架结合起来,使得该系统具有较强的灵活性和较好的可操作性。回顾论文攥写的整个周期从开始的翻译资料查找理论进行学习,对平台框架的设计到大学生志愿者服务活动平台的实现尽管不断努力,但因为缺少经验,该平台依旧存在一些不足之处:(1)志愿活动报名功能模块中,一位用户可申请多项志愿活动。如果参加的用户数量较多,这样的话,工作就会变得很复杂,而且要经过很多次的审核,在注册

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论