基于SpringBoot的家政服务管理系统的设计与实现

[7]。当请求到达服务端时，由SpringMVC[9]处理。SpringMVC会查询请求映射记录，然后从Spring容器中获取处理相应映射的Controller对象，并进行依赖注入。接着，调用Controller中处理请求的方法，并注入请求数据。4.1.1登录用户需要在登录界面输入相应的账号信息进行登录。如下图4.1所示。图4.1登录界面Controller接收用户请求：@IgnoreAuth @RequestMapping(value="/login") publicRlogin(Stringusername,Stringpassword,Stringcaptcha,HttpServletRequestrequest){ YonghuEntityu=yonghuService.selectOne(newEntityWrapper<YonghuEntity>().eq("yonghuming",username)); if(u==null||!u.getMima().equals(MD5Util.md5(password))){ returnR.error("账号或密码不正确"); } Stringtoken=tokenService.generateToken(u.getId(),username,"yonghu","用户"); returnR.ok().put("token",token); }4.1.2注册在使用系统时，如果用户没有账号，需要先在注册界面完成注册。如下图4.2所示。图4.2注册界面Controller接收用户请求：@IgnoreAuth@RequestMapping("/register")publicRregister(@RequestBodyYonghuEntityyonghu){//ValidatorUtils.validateEntity(yonghu);YonghuEntityu=yonghuService.selectOne(newEntityWrapper<YonghuEntity>().eq("yonghuming",yonghu.getYonghuming()));if(u!=null){returnR.error("注册用户已存在");}LonguId=newDate().getTime();yonghu.setId(uId);yonghu.setMima(MD5Util.md5(yonghu.getMima()));yonghuService.insert(yonghu);returnR.ok();}4.1.3家政服务管理管理员在后台管理界面管理家政服务。如下图4.3所示。图4.3管理家政服务界面Controller接收用户请求：@RequestMapping("/page")publicRpage(@RequestParamMap<String,Object>params,JiazhengfuwuEntityjiazhengfuwu,HttpServletRequestrequest){StringtableName=request.getSession().getAttribute("tableName").toString();if(tableName.equals("jiazhengrenyuan")){jiazhengfuwu.setZhanghao((String)request.getSession().getAttribute("username"));}EntityWrapper<JiazhengfuwuEntity>ew=newEntityWrapper<JiazhengfuwuEntity>();PageUtilspage=jiazhengfuwuService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,jiazhengfuwu),params),params));returnR.ok().put("data",page);}4.1.4管理用户管理员在管理用户界面可以对用户进行增删改查。如下图4.4所示。图4.4管理界面Controller接收用户请求：@RequestMapping("/lists")publicRlist(YonghuEntityyonghu){EntityWrapper<YonghuEntity>ew=newEntityWrapper<YonghuEntity>();ew.allEq(MPUtil.allEQMapPre(yonghu,"yonghu"));returnR.ok().put("data",yonghuService.selectListView(ew));}4.1.5管理服务类型管理员能够细致地维护家政服务分类，可以添加新的服务类别，还可以修改现有分类，及查找家政服务。如下图4.5所示。图4.5管理服务类型界面Controller接收用户请求：@RequestMapping("/page")publicRpage(@RequestParamMap<String,Object>params,FuwuleixingEntityfuwuleixing, HttpServletRequestrequest){EntityWrapper<FuwuleixingEntity> ew= newEntityWrapper<FuwuleixingEntity>(); PageUtils page = fuwuleixingService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,fuwuleixing),params),params));returnR.ok().put("data",page);}4.1.6管理家政人员管理员在管理家政人员主界面可以对家政人员进行增删改查。如下图4.6所示。图4.6管理家政人员界面Controller接收用户请求：@RequestMapping("/page")publicRpage(@RequestParamMap<String,Object>params,JiazhengrenyuanEntityjiazhengrenyuan,HttpServletRequestrequest){EntityWrapper<JiazhengrenyuanEntity> ew = newEntityWrapper<JiazhengrenyuanEntity>();PageUtilspage= jiazhengrenyuanService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,jiazhengrenyuan),params),params));returnR.ok().put("data",page);}4.1.7服务订单管理管理员在服务订单管理主界面可以对服务订单进行增删改查。如下图4.7所示。图4.7服务订单管理界面Controller接收用户请求：@RequestMapping("/page")publicRpage(@RequestParamMap<String,Object>params,FuwudingdanEntityfuwudingdan,HttpServletRequestrequest){StringtableName=request.getSession().getAttribute("tableName").toString();if(tableName.equals("yonghu")){fuwudingdan.setYonghuming((String)request.getSession().getAttribute("username"));}if(tableName.equals("jiazhengrenyuan")){fuwudingdan.setZhanghao((String)request.getSession().getAttribute("username"));}EntityWrapper<FuwudingdanEntity>ew=newEntityWrapper<FuwudingdanEntity>();PageUtils page = fuwudingdanService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,fuwudingdan),params),params));returnR.ok().put("data",page);}4.1.8管理服务评价管理员可以对服务评价进行维护。如下图4.8所示。图4.8管理服务评价界面Controller接收用户请求：@RequestMapping("/page")publicRpage(@RequestParamMap<String,Object>params,FuwupingjiaEntityfuwupingjia, HttpServletRequestrequest){ StringtableName=request.getSession().getAttribute("tableName").toString(); if(tableName.equals("jiazhengrenyuan")){ fuwupingjia.setZhanghao((String)request.getSession().getAttribute("username")); } if(tableName.equals("yonghu")){ fuwupingjia.setYonghuming((String)request.getSession().getAttribute("username")); }EntityWrapper<FuwupingjiaEntity> ew = newEntityWrapper<FuwupingjiaEntity>(); PageUtilspage= fuwupingjiaService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,fuwupingjia),params),params));returnR.ok().put("data",page);}4.2关键技术难点与解决方案在实现后台服务数据用表格统计出来时，没用过相关知识的我陷入了迷茫，后来我通过JavaScript的Echarts开源可视化库，实现了生成数据统计的折线图和柱状图。首页如下图4.5所示。图4.1首页界面这段代码的作用是从数据库端获取数据，然后使用ECharts库生成一个折线图，展示每日服务收益的统计数据。fuwuyuyueChat1(){this.$nextTick(()=>{//jiage//yuyueriqiyuyueriqivarfuwuyuyueChart1=echarts.init(document.getElementById("fuwuyuyueChart1"),'roma');//这是使用ECharts库初始化一个图表，将其绑定到id为"fuwuyuyueChart1"的DOM元素上，使用'roma'主题。this.$http({url:`fuwuyuyue/value/yuyueriqi/jiage`,method:"get",}).then(({data})=>{if(data&&data.code===0){letres=data.data;letxAxis=[];letyAxis=[];letpArray=[]for(leti=0;i<res.length;i++){xAxis.push(res[i].yuyueriqi);yAxis.push(parseFloat((res[i].total)));pArray.push({value:parseFloat((res[i].total)),name:res[i].yuyueriqi//这是Vue.js中用于发起HTTP请求的方法，是向服务器端请求数据。})}varoption={};option={title:{text:'每日服务收益统计',left:'center'},tooltip:{trigger:'item',formatter:'{b}:{c}'},xAxis:{type:'category',boundaryGap:false,data:xAxis},yAxis:{type:'value'},series:[{data:yAxis,type:'line',}]};//这里将配置好的选项应用到之前初始化的ECharts图表上，以显示相应的图表。fuwuyuyueChart1.setOption(option);//这是为了在窗口大小变化时重新调整图表大小，保证图表的显示效果。window.onresize=function(){fuwuyuyueChart1.resize();};}});})},fuwuyuyueChat2(){this.$nextTick(()=>{//Vue.js提供的方法，用于在下次DOM更新循环结束之后执行延迟调用的函数。varfuwuyuyueChart2=echarts.init(document.getElementById("fuwuyuyueChart2"),'roma');//这里是使用ECharts库初始化一个图表，将其绑定到id为"fuwuyuyueChart2"的DOM元素上，使用'roma'主题。this.$http({url:"fuwuyuyue/group/didian",method:"get",//这里是用于发起HTTP请求，请求的URL是"fuwuyuyue/group/didian"。}).then(({data})=>{if(data&&data.code===0){letres=data.data;letxAxis=[];letyAxis=[];letpArray=[]for(leti=0;i<res.length;i++){xAxis.push(res[i].didian);yAxis.push(parseFloat((res[i].total)));pArray.push({value:parseFloat((res[i].total)),name:res[i].didian})}varoption={};//这里定义了另一个ECharts图表的配置选项，包括标题、提示框、X轴、Y轴和系列数据等。option={title:{text:'服务地点统计',left:'center'},tooltip:{trigger:'item',formatter:'{b}:{c}'},xAxis:{type:'category',data:xAxis},yAxis:{type:'value'},series:[{data:yAxis,type:'bar'}]};//使用刚指定的配置项和数据显示图表。fuwuyuyueChart2.setOption(option);//根据窗口的大小变动图表window.onresize=function(){fuwuyuyueChart2.resize();};}});})},第5章系统测试在开发系统的过程中，系统测试是至关重要的一环。系统测试旨在避免用户在实际使用中遇到问题，提升用户体验。要考虑不同角色的立场，发现并解决缺陷。测试系统功能是否齐全和逻辑是否通畅，提升用户感受。测试目标是验证系统是否符合需求规格说明书，找出不符或冲突部分。下面围绕功能测试用例、性能测试和测试总结进行说明。5.1功能测试本系统对登录模块和用户管理两个核心模块进行了功能测试，测试设计如下所示。（1）登录功能测试登录功能测试为了验证用户在登录系统时的体验和系统的安全性。用户通过账号密码进行登录，系统会检测信息与数据库中的数据是否相匹配。任何错误都应该触发系统的错误提示。此外，系统还应该对用户的角色权限进行校验，确保只有具有管理员身份的账户才能登录管理员角色。登录模块测试用例如表5.1所示。表5.1登录功能测试用例用例编号测试用例描述操作过程及数据预期结果dl_01正确填写联系人信息正确填写用户名，密码，选择正确角色系统提示登录成功dl_02密码输入错误输入的密码错误，其余选项正常填写系统提示密码有误请重新填写dl_03用户名为空用户名填写为空，其余选项正常填写系统提示请输入用户名dl_04密码为空密码填写为空，其余选项正常填写系统提示密码错误，请重新输入密码dl_05选错角色输入正确的用户名密码，角色选择错误系统提示账号或密码有误，请重新输入（2）用户管理功能测试在添加用户时，系统检测必填项是否非空。同时测试系统是否能在用户添加已经存在的用户时提示错误。在删除用户信息时，系统是否能够成功执行此操作，并且确保被删除用户相关信息被完全清除。在编辑用户信息后，测试页面是否能够正确展示更改后的信息，并且确保修改后的信息被正确保存。测试用例设计如表5.2所示。表5.2用户管理测试用例用例编号测试用例描述操作过程及数据预期结果yhgl_01新增用户填入新的用户信息，年龄，用户名，密码，头像，手机号，邮箱系统提示添加成功，显示在用户列表yhgl_02新增重复的用户输入系统已经存在的用户信息系统提示用户已存在，请重新输入yhgl_03新增用户名为空用户名填写为空，其余选项正常填写系统提示请输入用户名yhgl_04密码为空密码填写为空，其余选项正常填写系统提示请输入密码yhgl_05删除用户选中一名用户，选择删除按钮系统提示确认进行删除操作，确认后用户成功删除yhgl_06修改用户信息选择修改按钮，修改用户的年龄系统提示修改成功yhgl_07修改用户信息为存在的用户名选择修改按钮，修改用户的用户名为数据库存在的用户名系统提示用户名已存在，请重新输入yhgl_08查询用户信息输入正确的用户名，选择查询按钮系统显示该用户yhgl_09查询错误用户信息输入错误的用户名，选择查询按钮系统显示用户不存在yhgl_10查询错误用户信息输入正确用户名，错误的姓名，选择查询按钮系统显示用户不存在yhgl_11查看用户详情选择用户详情按钮查看系统正确显示该用户的用户信息5.2非功能测试兼容性测试用例如表5.3、表5.4所示。表5.3电脑系统兼容性测试用例测试用例名称测试手机型号兼容性_001Windows7HomeBasic兼容性_002Windows8Pro兼容性_003Windows10Version22H2表5.4浏览器兼容性测试用例测试用例名称浏览器版本兼容性_001IE8兼容性_002360浏览器15兼容性_003Edge123.0.2420.81兼容性_004搜狗浏览器12性能测试用例如表5.5所示。表5.5性能测试用例场景并发数量测试点登录200登录的响应时间5008001000预约服务100预约服务的响应时间200500预约服务的响应时间1000评论家政服务100100人集体评论的负载情况300300人集体评论的负载情况5.3测试总结测试用例包括登录测试、用户管理测试、电脑系统兼容性测试、浏览器兼容性测试和性能测试。共进行了22个测试，其中4个未通过。过程中共发现4个缺陷，都是功能方面的缺陷，按等级统计bug的结果，如图5.6所示。图5.6按问题等级统计bug数第6章结论与展望我的项目家政服务系统已经完成了开发和论文撰写，我的系统是一个为用户提供线上预约家政服务的平台，采用了SpringBoot和Vue作为开发环境，包含管理端，用户端和家政人员端三部分。该系统包含管理端、用户端和家政人员端三个部分。商家使用管理端，功能包括数据统计、员工维护、家政服务维护、套餐维护、分类维护等功能。用户端提供给消费者使用，包括查看家政服务、预约下单、支付、订单维护、评价、评论等功能。家政人员端给员工使用，包括接单，添加家政服务等功能。系统的设计可以让功能都实现的同时，让用户可以更方便快捷的使用，让大部分人可以上手。系统保障了基本功能的实用性，所有功能都是用户可以真正使用到。功能已经全都开发完成，但还需要对系统进行进一步的开发和完善。在界面设计、系统稳定性方面还存在改进空间。通过美术对界面优化，增加服务器性能以提升系统的性能。家政服务系统还可以在未来做一个微信小程序端，可以方便用户预约家政服务。在增加更多家政服务种类，引入更多服务供应商，提升家政服务系统的可用性和吸引力，满足用户多样化的需求。系统在未来还应开发在线聊天功能，可以方便用户与我们的家政人员及时沟通。还可以推出在线视频功能，可以教我们用户自己在家怎么更好的维护家庭卫生和一些养护小知识。后期我还会对系统进行监控:检查系统运行情况，及时处理bu