基于SpringBoot的家政服务管理系统

[13]。系统架构图如图4-1所示。图4-1系统架构图2.模块化设计：将系统划分为多个独立模块，每个模块专门处理特定的业务功能。在SpringBoot中，利用Maven或Gradle等构建工具进行模块化管理。3.安全性设计：应用SpringSecurity实现用户身份认证，对敏感数据进行加密处理，对不同角色分配不同权限，保障系统安全。4.前后端分离：将系统前端与后端分离，通过API进行交互。该设计有助于提升系统的扩展性和维护性。前端可以使用Vue.js框架进行开发，通过调用后端API获取数据并展示给用户。系统功能框架在设计和实施基于SpringBoot的家政服务管理系统时，我们采用了模块化设计理念。将相似功能的系统组件集成在独立的模块中，以此强化模块内部功能，并降低各组件间的耦合度，旨在减少它们之间的相互影响。系统总体功能框架如图4-3所示。图4-3系统总体功能结构图数据库概要设计E-R图，亦称为实体-关系图（Entity-RelationshipDiagram），是一种图解方式，用于展示实体类型、它们的属性以及彼此间的关系，助力我们建立现实世界的概念模型。本系统的核心功能E-R图如图4-4所示：图4-4系统主要功能E-R图本章小结本章完成了系统总体设计的工作，涵盖了系统架构的规划、功能框架的设计，以及数据库的概要设计这三个关键方面。基于SpringBoot的家政服务管理系统第5章系统详细设计系统详细设计本章将系统分为四个主要模块：预约服务，退订服务，用户评价，用户管理。利用类图和时序图对系统模块功能完成了详述展示，并对数据库进行了精细设计。系统关键抽象系统关键抽象图如图5-1所示图5-1系统关键抽象图用例析取本节将利用类图和时序图来阐述家政服务管理系统的主要功能模块。预约服务用例析取预约服务用例类图如图5-2所示。图5-2预约服务用例类图预约服务用例时序图如图5-3所示。图5-3服务预约用例时序图退订服务用例析取退订服务用例类图如图5-4所示。图5-4退订服务用例类图退订服务用例时序图如图5-5所示。图5-5退订服务用例时序图评价用例析取评价用例类图如图5-6所示。图5-6评价用例类图评价用例时序图如图5-7所示。图5-7评价用例时序图用户管理用例析取用户管理用例类图如图5-8所示。图5-8用户管理用例类图用户管理用例时序图如图5-9所示。图5-9用户管理用例时序图系统总体类图系统总体类图如图5-10所示。图5-10系统总体类图数据库详细设计本节对系统的数据库设计进行了分析，包括对yonghu表（用户）、jiazhengrenyuan表（家政人员）、jiazhengfuwu表（家政服务）等关键数据表的详细说明。1.yonghu表。该表存储了用户的基本信息。表5-1用户表字段名称类型长度字段说明主键idbigint20主键主键addtimetimestamp创建时间zhanghaovarchar200账号mimavarchar200密码xingmingvarchar200姓名xingbievarchar200性别shoujiint11手机dizhivarchar200地址touxianglongtext头像2.jiazhengrenyuan表。该表存储了家政服务人员的基本信息。表5-2家政人员表字段名称类型长度字段说明主键idbigint20主键主键addtimetimestamp创建时间yuangonggonghaovarchar200员工工号mimavarchar200密码yuangongxingmingvarchar200员工姓名续上表5-2xingbievarchar200性别nianlingint11年龄lianxidianhuavarchar200联系电话touxianglongtext头像3.fuwuleixing表。该表存储了家政服务的类型表5-3服务类型表字段名称类型长度字段说明主键idbigint20主键主键addtimetimestamp创建时间fuwuleixingvarchar200服务类型4.jiazhengfuwu表。该表存储了家政服务的类型与所属类型的员工信息，包括所需的服务价格，联系电话等。表5-4家政服务表字段名称类型长度字段说明主键idbigint20主键主键addtimetimestamp创建时间fuwumingchengvarchar200服务名称fuwuleixingvarchar200服务类型xiangmutupianlongtext项目图片shifouzhujiavarchar200是否住家zhiyeleixingvarchar200职业类型xingbievarchar200性别nianlingint11年龄fuwujiageint11服务价格lianxidianhuavarchar200联系电话fuwuxiangqinglongtext服务详情lvlizhanshilongtext履历展示yuangonggonghaovarchar200员工工号yuangongxingmingvarchar200员工姓名5.fuwuyuyue表。该表存储预约的家政服务订单的相关信息，包括订单编号，服务类型，时长，价格，服务人员的信息，订单的地址以及是否支付，是否完成等信息。表5-5服务预约表字段名称类型长度字段说明主键idbigint20主键主键addtimetimestamp创建时间dingdanbianhaovarchar200订单编号fuwumingchengvarchar200服务名称fuwuleixingvarchar200服务类型续上表5-5zhiyeleixingvarchar200职业类型shifouzhujiavarchar200是否住家yuyueshijiandatetime预约时间fuwujiageint11服务价格fuwushizhangint11服务时长jineint11金额lianxidianhuavarchar200联系电话yuangonggonghaovarchar200员工工号yuangongxingmingvarchar200员工姓名zhanghaovarchar200账号xingmingvarchar200姓名shoujivarchar200手机dizhivarchar200地址dengjishijiandatetime登记时间zhuangtaivarchar200状态ispayvarchar200是否支付6.tuidingfuwu表。该表记录了取消的家政服务订单的详细信息，涵盖订单号、服务种类、服务时长、费用、服务人员信息以及取消原因等。表5-6退订服务表字段名称类型长度字段说明主键idbigint20主键主键addtimetimestamp创建时间dingdanbianhaovarchar200订单编号fuwumingchengvarchar200服务名称fuwuleixingvarchar200服务类型xiangmutupianlongtext项目图片shifouzhujiavarchar200是否住家yuyueshijiandatetime预约时间fuwujiageint11服务价格fuwushizhangint11服务时长jineint11金额lianxidianhuavarchar200联系电话yuangonggonghaovarchar200员工工号yuangongxingmingvarchar200员工姓名zhanghaovarchar200账号xingmingvarchar200姓名shoujivarchar200手机tuidingyuanyinlongtext退订原因dengjishijiandatetime登记时间本章小结本章节利用UML时序图和类图深入阐述了系统关键模块的业务流程，并通过多种图表详细分析了系统的数据库设计。基于SpringBoot的家政服务管理系统第6章系统实现系统实现本章节通过展示家政服务管理系统的主要界面以及选取的部分关键代码，完成对系统实现流程的阐述。前端界面实现该部分主要展示系统的前端界面和核心代码。系统登录界面打开系统的网址后会显示一个登录界面，登录已有的账号后可以浏览并使用相关的功能，实现图如图6-1所示。6-1系统登录界面系统注册界面未登录的用户是无法使用预约家政服务等内容的，所有我们如需家政服务的话可以先注册一个账号，实现图如图6-2所示。图6-2系统注册界面系统首页界面当登录成功后，首先看到的就是首页界面。在这里，人们能够看到系统的导航条，通过导航条导航进入各功能展示页面进行操作，包含家政人员展示，家政服务展示。具体实现如图6-3所示。（a）（b）图6-3系统首页界面核心代码：getList(){letautoSortUrl="";//使用$http发送GET请求，获取家政人员列表this.$http.get('jiazhengrenyuan/list',{params:{page:1,//请求的页码limit:10//每页显示的条目数}}).then(res=>{//请求成功后的处理逻辑if(res.data.code==0){//如果返回的code为0，表示请求成功this.jiazhengrenyuanList=res.data.data.list;//将返回的数据赋值给jiazhengrenyuanList，用于在页面上展示家政人员界面在家政人员页面的查询栏内，通过输入员工的工号和姓名进行检索，便能查看到对应员工的相关资料，家政人员界面如图6-4所示。图6-4家政人员界面家政服务界面在家政服务页面的查询栏内，通过输入服务名称、性别、年龄、员工姓名等进行检索后，即可获取到详尽的家政服务资料，家政服务界面如图6-5所示。图6-5家政服务页面核心代码：add(path){this.$router.push({path:path});},//获取分类数据getFenlei(){this.$http.get('option/fuwuleixing/fuwuleixing').then(res=>{if(res.data.code==0){this.fenlei=res.data.data;}});}个人中心界面在个人中心页面，用户可以编辑新资料以完成信息更新，同时也能根据个人喜好管理收藏夹的内容。相关功能的实现流程图见图6-6。图6-6个人中心界面核心代码：methods:{//处理点击事件handleClick(tab,event){//根据点击的文本切换路由switch(event.target.outerText){case'个人中心':tab.$router.push('/index/center');break;case'我的收藏':localStorage.setItem('storeupType',1);//设置一个localStorage键值对，用于保存收藏类型tab.$router.push('/index/storeup');break;}//更新组件标题this.title=event.target.outerText;},//处理登出操作logout(){localStorage.clear();Vmon['Token']="";//跳转到主页this.$router.push('/index/home');this.activeIndex='0';localStorage.setItem('keyPath',this.activeIndex);//强制更新组件this.$forceUpdate();//显示一个成功提示消息this.$message({message:'登出成功',type:'success',duration:1500,});}}后端界面实现该部分主要展示系统的前端界面和核心代码。后台登录界面在后台登录界面中，先选择欲登录的角色，准确填写用户名和密码，继而点击“登录”按钮即可登录系统执行相关操作，详细的登录步骤如图6-7所示。图6-7后台登录界面核心代码：//登陆login(){ if(!this.rulesForm.username){ this.$message.error("请输入用户名"); return;//如果未填写，显示错误消息提示用户输入用户名 } if(!this.rulesForm.password){ this.$message.error("请输入密码"); return;//如果未填写，显示错误消息提示用户输入密码 } if(this.roles.length>1){ if(!this.rulesForm.role){ this.$message.error("请选择角色"); return;//如果未选择，显示错误消息提示用户选择角色 } letmenus=this.menus; for(leti=0;i<menus.length;i++){ if(menus[i].roleName==this.rulesForm.role){ this.tableName=menus[i].tableName; }//查找与用户选择的角色名称相匹配的菜单项 } }else{ this.tableName=this.roles[0].tableName; this.rulesForm.role=this.roles[0].roleName; }用户管理界面管理员登录后点击用户管理。在此页面中，管理员可以通过输入姓名和选择性别来执行用户列表的查询、新增或删除操作。同时，根据实际管理需求，管理员还能对用户的具体信息实行查看、新增、编辑或删除，相关操作流程如图6-8所示。图6-8用户管理界面核心代码：//获取数据列表getDataList(){this.dataListLoading=true;//构建查询参数letparams={page:this.pageIndex,limit:this.pageSize,sort:'id',order:'desc',};//如果姓名不为空，将姓名添加到查询参数中if(this.searchForm.xingming!=''&&this.searchForm.xingming!=undefined){params['xingming']='%'+this.searchForm.xingming+'%';}//如果性别不为空，将性别添加到查询参数中if(this.searchForm.xingbie!=''&&this.searchForm.xingbie!=undefined){params['xingbie']=this.searchForm.xingbie;}//发送HTTP请求获取数据列表this.$http({url:"yonghu/page",method:"get",params:params,}).then(({data})=>{//如果请求成功且返回的状态码为0if(data&&data.code===0){//更新数据列表和总页数this.dataList=data.data.list;this.totalPage=data.data.total;}else{//如果请求失败，清空数据列表和总页数this.dataList=[];this.totalPage=0;}//隐藏数据列表加载中this.dataListLoading=false;});}家政人员管理界面在家政人员页面输入员工工号和员工姓名进行查询、新增或删除家政人员列表，并根据需要对家政人员详情信息进行查看、新增、编辑或删除操作，相关操作流程6-9所示。图6-9家政人员管理界面核心代码：//处理添加/修改操作的方法addOrUpdateHandler(id,type){this.showFlag=false;this.addOrUpdateFlag=true;this.crossAddOrUpdateFlag=false;if(type!='info'){type='else';}//使用$nextTick确保DOM更新后调用添加/修改弹窗的初始化方法this.$nextTick(()=>{//调用添加/修改弹窗的初始化方法，传入id和type参数this.$refs.addOrUpdate.init(id,type);});家政服务管理界面在家政服务管理页面输入服务名称、员工姓名等信息进行查询、新增或删除家政服务列表，并根据需要对家政服务详情信息进行查看、新增、编辑或删除操作，相关操作流程6-10所示。图6-10家政服务管理界面核心代码：//获取数据列表getDataList(){this.dataListLoading=true;//构建查询参数letparams={page:this.pageIndex,limit:this.pageSize,sort:'id',order:'desc',};服务预约管理界面在服务预约界面，可通过输入服务名称和员工姓名来检索或移除预约服务列表。同时，根据具体需求，用户可以对服务预约的详细信息执行查看、添加、修改或删除等操作，相关操作流程6-11所示。图6-11服务预约管理界面本章小结本章展示了系统的主要界面，并结合文字说明以及部分关键代码示例，完成了对系统前端和后端的实现细节的论述。基于SpringBoot的家政服务管理系统第7章系统测试系统测试本章对家政服务管理系统进行了全方位的测试，同时利用图表形式对测试过程及其结果进行了详细的展示。测试原则家政服务管理系统的测试通过模拟用户实际使用场景来揭示系统中可能存在的问题。在系统测试过程中，应遵循以下原则：以增强用户体验和提升系统整体质量为宗旨，力求对系统进行全方位、深入的测试，确保覆盖面广泛。测试目的在软件发布前，通过模拟用户操作和执行各种测试用例，尽可能多地发现并修复潜在的错误和缺陷。这样不仅可以提高软件的质量，确保其稳定性和可靠性，还能减少软件上线后因缺陷导致的问题，降低维护成本和商业风险，提升用户体验。总之，软件测试旨在通过早期介入和持续检验，为用户提供更加优质的产品。测试用例本小节会通过测试用例图表来反映系统的测试情况。性能测试性能测试包括压力测试和并发测试。压力测试通过重复操作给系统施压，检查崩溃情况；并发测试则是多设备同步操作，以验证系统多用户使用时的稳定性。。压力测试与并发测试结果如下表7-1和表7-2所示。表7-1压力测试表测试需求操作时长运行情况在首页与其他页面之间来回切换30分钟正常反复预约家政服务30分钟正常反复提交个人信息修改30分钟正常续上表7-1反复点击浏览同一家政人员30分钟正常表7-2并发测试表测试需求操作设备运行情况同时进入主页6台正常同时预约家政服务6台正常同时提交个人信息修改6台正常同时浏览同一家政人员6台正常功能测试采用黑盒测试方法，通过模拟用户在使用家政服务管理系统时的常规操作来验证系统的功能，作出功能测试表如下表7-3所示。表7-3功能测试表编号测试项测试类别操作期望结果实际结果001注册功能测试在注册界面输入账号和密码，点击注册按钮注册成功，跳转至登陆界面注册成功，跳转至登陆界面002登录功能测试在登录界面输入账号和密码，点击登录按钮登陆成功，跳转至主页登陆成功，跳转至主页003页面切换功能测试点击首页和其他页面来回切换切换成功且过程流畅切换成功且过程流畅004查询家政人员信息功能测试在家政人员界面点击家政人员头像或者搜索员工工号/员工姓名显示家政人员的相关信息显示家政人员的相关信息005查询家政服务信息功能测试在家政服务界面点击家政服务图标或者搜索服务名称/性别/员工姓名显示家政服务的相关信息显示家政服务的相关信息006预约家政服务功能测试在服务界面选择服务，点击预约按钮后填写相关信息后提交系统提示预约成功预约成功续上表7-3007评论家政服务功能测试在家政服务界面进入一项服务，点击评论按钮进行评论，输入评语后点击立即提交该项家政服务的下面出现刚刚输入的评语成功评论008修改个人信息功能测试进入个人中心界面，修改相关信息后点击更新信息按钮系统提示更新成功修改信息成功注册成功后页面上方出现注册成功字样，注册测试图如图7-1所示。图7-1注册测试图登录成功后页面上方出现登录成功字样，登录测试图如图7-1所示。图7-2登录测试图查询家政人员测试图如图7-3所示。图7-3查询家政人员测试图查询家政服务信息测试图如图7-4所示。图7-4查询家政服务信息测试图预约家政服务测试图如图7-5所示。图7-5预约家政服务测试图评论家政服务测试图如图7-6所示。图7-6评论家政服务测试图接口测试接口测试是软件测试的一种，主要针对系统内部模块间以及系统与外部系统间的交互接口进行验证。它确保接口功能、性能、安全等符合预期，有效发现潜在问题。采用postman对系统进行接口测试，系统大部分接口都通过了接口测试，下面展示部分接口测试图。系统登录接口测试图如图7-7所示。图7-7系统登录接口测试图系统首页接口测试图如图7-2所示。本章小结本章对家政服务管理系统实施了全面的测试，几乎涵盖了用户的所有操作场景，并采用了多种设备进行测试。系统在绝大多数测试用例中均表现良好。基于SpringBoot的家政服务管理系统第8章总结与展望总结与展望总结本文先是介绍了选题背景和意义以及开发系统所使用的技术和工具，接下来，对系统进行了深入的需求分析和详尽的设计分析，并对系统架构设计进行了详细阐述。随后，展示了系统的界面截图以及关键代码片段。最终，对系统执行了测试工作，确保了系统的质量水平。家政服务管理系统针对家政服务行业的特点和需求，实现了信息化和智能化的管理，从而提升了工作效率与服务水平。经过测试与优化，系统表现稳定，符合预期的设计目标。目前系统的设计告一段落，但仍存在着些许问题。系统在用户界面设计上还有待优化，部分功能操作较为复杂，需要简化以提高用户体验。在安全防护方面还有待加强，为确保用户信息的安全，需提升数据加密的等级和强化保护措施。研究展望由于知识掌握得不全面，系统本身还存在着很多不足。针对用户界面设计，我会考虑引入现代化的界面设计理念，使用户界面更加简洁、易用。针对系统安全防护，我会学习更加先进的安全防护技术，提高系统的安全性和稳定性。针对系统功能的完善，可以引入更加智能化、人性化的功能，如智能推荐、在线客服等，以提高用户体验。在未来的学习中，我会不断完善和优化系统。基于SpringBoot的家政服务管理系统参考文献参考文献龚李赠,王梦瑶.基于区块链的家政领域信息体系构建[J].网络安全技术与应用,2022(11):18-20.杨军剑.我国家政服务质量存在的主要问题及对策建议[J].经济研究导刊,2021(04):147-150.杨楠.互联网平台下家政服务发展的思考[J].现代营销(经营版),2021(08):132-133.谷素萍.家政服务标准化建设和质量提升路径研究[J].人民论坛,2019(27):80-81.沈婕.新时代家政服务质量评价指标体系构建研究[J].湖南行政学院学报,2023(04):110-116.孙冬梅.我国家政职业教育高质量发展路径研究[J].中国发展观察,2023(04):108-110.HelenLloyd.QuantifyingHousekeepingChallengeandConservationNeed[J].Heritage,2023,6(4).岳怡宁,黄嘉兴,张旭,胡琪波.我国家政服务业专业化发展探究与国外经验启示[J].商展经济,2023(11):110-113.QuXiaona.ApplicationofJavaTechnologyinDynamicWebDatabaseTechnology[J].JournalofPhysics:ConferenceSeries,2021,1744(4).强丽丽.基于Android的智能终端通信勘察设计系统的关键技术的研究与实现[D].北京邮电大学,2017.张振超,吴杰,陈序蓬.浅谈Java中Mysql数据库的连接与操作[J].信息记录材料,2020,21(02):144-145.吕宇琛.SpringBoot框架在web应用开发中的探讨[J].科技创新导报,2018,15(08):168+173.金明俐.基于SpringBoot与Vue框架的叫号系统的设计与实现[D].中国地质大学(北京),2021.基于SpringBoot的家政服务管理系统附录附录附录A核心代码本节主要展示了开发此家政服务管理系统的核心代码。附A1注册代码<script>exportdefault{//数据集合data(){ return{pageFlag:'', tableName:'', registerForm:{xingbie:'',xingbie:'',}, rules:{},yonghuxingbieOptions:[],}},mounted(){ },created(){this.pageFlag=this.$route.query.pageFlag;this.tableName=this.$route.query.role;if('yonghu'==this.tableName){this.rules.zhanghao=[{required:true,message:'请输入账号',trigger:'blur'}];}if('yonghu'==this.tableName){this.rules.mima=[{required:true,message:'请输入密码',trigger:'blur'}];}this.yonghuxingbieOptions="男,女".split(',');if('yonghu'==this.tableName){this.rules.shouji=[{required:true,validator:this.$validate.isMobile,trigger:'blur'}];}submitForm(formName){//使用this.$refs[formName]获取到表单的引用，并调用validate方法进行表单验证。this.$refs[formName].validate((valid)=>{if(valid){//根据不同的tableName（表名）拼接不同的URL。varurl=this.tableName+"/register";//判断是否为'yonghu'（用户）表，并且表单中的两次密码输入不一致。if(`yonghu`==this.tableName&&this.registerForm.mima!=this.registerForm.mima2){//弹出错误消息提示两次密码输入不一致。this.$message.error(`两次密码输入不一致`);//如果密码不一致，则返回不再继续执行。return;}//使用this.$http.post方法发送POST请求到后端接口，并带上注册表单的数据。this.$http.post(url,this.registerForm).then(res=>{if(res.data.code===0){//弹出成功消息提示，并设置定时关闭消息。this.$message({message:'注册成功',type:'success',duration:1500,//消息关闭时的回调函数，跳转到登录页面。onClose:()=>{this.$router.push('/login');}});}else{//如果code不为0，则弹出错误消息，显示后端返回的msg（消息）。this.$message.error(res.data.msg);}});}else{//如果表单验证未通过，则返回false。returnfalse;}});}</script>附A2登录submitForm(formName){if(this.roles.length!=1){//如果角色（role）未选择，显示错误消息并返回falseif(!this.role){this.$message.error("请选择登录用户类型");returnfalse;}}else{//如果roles数组中只有一个角色，则默认选择该角色，并设置表名this.role=this.roles[0].roleName;this.loginForm.tableName=this.roles[0].tableName;}//通过this.$refs获取表单的引用，随后调用其validate方法以执行表单验证操作。this.$refs[formName].validate((valid)=>{//如果表单验证通过if(valid){//使用this.$http.get发送GET请求到后端登录接口，带上loginForm中的参数this.$http.get(`${this.loginForm.tableName}/login`,{params:this.loginForm}).then(res=>{//如果返回的code等于0，表示登录成功if(res.data.code===0){//将token、用户表名、用户名、角色等信息存储在localStorage中localStorage.setItem('Token',res.data.token);localStorage.setItem('UserTableName',this.loginForm.tableName);localStorage.setItem('username',this.loginForm.username);localStorage.setItem('adminName',this.loginForm.username);localStorage.setItem('sessionTable',this.loginForm.tableName);localStorage.setItem('role',this.role);localStorage.setItem('keyPath',this.$config.indexNav.length+2);//跳转到首页或个人中心页面this.$router.push('/index/center');//弹出登录成功的提示消息this.$message({message:'登录成功',type:'success',duration:1500,});}else{//如果登录失败，弹出错误消息this.$message.error(res.data.msg);}});}else{//如果表单验证未通过，返回falsereturnfalse;}});}附A3主页methods:{//获取关于我们详细信息的函数。getAboutUs(){//使用this.$http.get发送GET请求到后端API，获取关于我们页面的详细信息。this.$http.get('aboutus/detail/1',{}).then(res=>{//如果返回的code等于0，表示请求成功，将数据赋值给aboutUsDetail属性。if(res.data.code==0){this.aboutUsDetail=res.data.data;}});},//获取系统介绍详细信息的函数。getSystemIntroduction(){//使用this.$http.get发送GET请求到后端API，获取系统介绍页面的详细信息。this.$http.get('systemintro/detail/1',{}).then(res=>{if(res.data.code==0){this.systemIntroductionDetail=res.data.data;}});},//搜索函数，根据查询条件跳转到相应页面。search(tablename){//如果当前查询索引为0，且家政服务名称不为空，则跳转到相应页面的路由，并将查询条件作为查询参数传递。if(this.queryIndex==0&&this.jiazhengfuwufuwumingcheng){this.$router.push({path:'/index/'+tablename,query:{indexQueryCondition:this.jiazhengfuwufuwumingcheng}});}},附A4服务预约methods:{//添加新预约的方法。add(path){//使用this.$router.push跳转到预约列表页。this.$router.push({path:path});},//获取预约列表的方法。getList(page,fenlei,ref=''){//创建参数对象，包含页码和每页数量。letparams={page,limit:this.pageSize};//创建查询条件对象。letsearchWhere={};//如果家政服务名称不为空，则添加查询条件。if(this.formSearch.fuwumingcheng!='')searchWhere.fuwumingcheng='%'+this.formSearch.fuwumingcheng+'%';//如果员工姓名不为空，则添加查询条件。if(this.formSearch.yuangongxingming!='')searchWhere.yuangongxingming='%'+this.formSearch.yuangongxingming+'%';//使用this.$http.get发送GET请求到后端API，获取预约列表。this.$http.get('fuwuyuyue/list',{params:Object.assign(params,searchWhere)}).then(res=>{//如果返回的code等于0，表示请求成功，将数据赋值给dataList、total、pageSize和totalPage属性。if(res.data.code==0){this.dataList=res.data.data.list;this.total=res.data.data.total;this.pageSize=res.data.data.pageSize;this.totalPage=res.data.data.totalPage;//根据实际情况设置每页显示数量选项。this.pageSizes=[this.pageSize,this.pageSize*2,this.pageSize*3,this.pageSize*5];}});},//当前页码改变的回调函数。curChange(page){//调用getList方法获取当前页码的数据。this.getList(page);},//上一页按钮点击的回调函数。prevClick(page){//调用getList方法获取上一页的数据。this.getList(page);},//下一页按钮点击的回调函数。nextClick(page){//调用getList方法获取下一页的数据。this.getList(page);},//查看预约详情的方法。toDetail(item){//使用this.$router.push跳转到预约详情页，并将预约对象作为查询参数传递。this.$router.push({path:'/index/fuwuyuyueDetail',query:{detailObj:JSON.stringify(item)}});},},附A5家政工作人员管理//添加/修改addOrUpdateHandler(id,type){//隐藏展示的窗口。this.showFlag=false;//显示添加/修改窗口。this.addOrUpdateFlag=true;//隐藏跨窗口。this.crossAddOrUpdateFlag=false;//