基于SpringBoot+Vue的家政服务平台(AI问答、支付宝沙盒支付、WebSocket及时通讯、Echarts图形化分析)
🎈系统亮点:AI问答、支付宝沙盒支付、WebSocket及时通讯、Echarts图形化分析;
🎈系统亮点:AI问答、支付宝沙盒支付、WebSocket及时通讯、Echarts图形化分析;
一.系统开发工具与环境搭建
1.系统设计开发工具
后端使用Java编程语言的Spring boot框架
项目架构:B/S架构
运行环境:win10/win11、jdk17
小程序:
技术:Uniapp;UI库:ColorUI;
开发工具:HBuilderX;
前端:
技术:框架Vue.js;UI库:ElementUI;
开发工具:Visual Studio Code;
后端:
技术:Java语言、mybatis plus、Spring boot框架;
开发工具:IDEA 2023.3.3版本;
数据库:
数据库:mysql5.7/8.0
数据库工具:Navicat12版本;
二.系统实现(部分截图)
2.1 用户
2.1.1 登录

2.1.2 首页
用户登录系统后,可以进入/Front/Home界面首页,前端分别调用/Banner/List,/SysNotice/List,/ArticleType/List,/Article/List接口获取系统广告轮播图、系统公告信息、家政相关资讯类型以及家政资讯信息。用户可通过资讯类型筛选相关的资讯信息,了解更多家政相关资讯信息。

2.1.3 服务类型

2.1.4 家具维修
用户可通过系统进行预约家政服务,进入“家政类型”导航栏,进入家政类型界面,选择需要服务的家政类型,进入/Front/ServiceProjectList相关类型的家政服务界面。调用接口/ServiceProject/List进行查询家政服务信息,包含家政服务的维修信息和维修标题等信息。

2.1.5 服务详情
进入家政服务详情界面,调用/ServiceProject/Get接口查看家政服务的详情信息,包含所属分类信息、发布时间、服务介绍以及家政服务套餐选择。用户可根据自己的实际情况选择合适的套餐。进行提交预约。

2.1.6 预约服务
用户选择好家政服务后,可以填写自己的基本信息,姓名、电话、地址。设置上门的时间以及备注信息,选择支付方式进行支付。系统提供了多种支付方式,还介入了支付宝沙盒支付,当用户选择支付宝方式支付,系统将借助沙盒环境模拟真实支付流程。调用ServiceOrder/ToOrder接口,生成订单信息。

2.1.7 消息

2.1.8 个人中心
用户可以进入/Front/UserCenter?currentMenu=MyServiceOrderList个人中心界面,选择“我的服务订单”导航栏,进入我的服务订单界面,查看用户的所有服务订单信息。用户可以在订单未接单前,进行取消订单、查看详情;当管理员分配工作人员后,订单状态改为“待服务”,用户查看详情信息,可以在此与分配的工作人员进行上线联系,查看员工的信息,也可以进行取消订单;当工作人员上门后,输入用户服务码,进行维修操作,状态为改为“进行中”。维修完后,用户可以进行验收,可以选择完成验收或者拒绝验收。并提交评价信息。

2.1.9服务详情

2.1.10 AI问答
用户登录系统后,可以在系统随处可见AI问答快捷入口,AI问答样式如图5-2所示。当用户点击它可以唤起AI服务,为用户提供问答、建议等帮助。把用户输入的消息传递给AI进行处理。在执行消息传递操作前,会先对用户输入的消息进行非空检查。若检查发现输入为空,系统会弹出“请输入内容”的提示,同时终止后续操作。若用户输入的消息不为空,系统将处理好的消息列表发送给AI,以便进行后续的分析和处理。

2.2 服务人员
2.2.1 我的订单
工作人员可以查看管理员派单信息。上门后,输入用户提供的用户服务码开始进行服务,调用ServiceOrder/StartService,修改订单状态为“进行中”。服务完成后,需要上传自己的服务轨迹,包含图片举证、视频证明以及服务备注。调用/ServiceOrbit/CreateOrEdit接口进行新增服务轨迹。新增轨迹后,可以进行申请用户验收。

2.2.2 服务会话
当管理员派单后,用户可以查看接单的工作人员,可以与工作人员进行联系。用户与工作人员之间可以通过基于WebSocket的聊天系统实时交流,及时解决用户的问题。使用JavaScript的 WebSocket 对象来建立连接和发送、接收消息。当用户在聊天输入框中输入消息后,通过socket.send()方法将消息发送到服务器,同时监听onmessage事件来接收服务器转发的其他客户端的消息并展示在聊天界面上。在客户端接收到消息后,对消息进行解析和展示。

2.3 管理员
2.3.1 系统公告管理

2.3.2 服务项目
管理员可以为系统维护服务项目信息,添加服务项目信息,输入项目名称、服务类型、费用说明、下单提醒等信息,调用/ServiceProject/CreateOrEdit接口,新增服务项目。当系统不再提供该服务,可以进行删除或者修改该服务信息。及时进行维护服务项目,让用户可以正常查看服务项目。

2.3.3 服务套餐

2.3.4 工作人员

2.3.5服务时长

2.3.6 订单统计
系统为管理员提供了订单统计图,呈现最近30天订单趋势。蓝色柱状代表订单数量。橙色折线是7日平均 ,绿色折线为订单趋势。该图表基于Echarts技术实现,有效提升了数据可视化效果与分析效率。

2.3.7综合数据分析
综合统计数据页面,展示订单数、总金额、服务完成数、提现用工数,帮助管理员快速了解平台运营情况。以环形图呈现服务类型分布,折线图展示订单数量和订单金额随月份的变化。

2.3.8 订单列表

2.3.9资讯信息

三.系统结构截图
3.1 前端

3.2 后端

3.3 数据库

四.系统代码获取
1.系统非商用,非开源,非无偿。
2.由本人开发,如需源码,请后台直接联系我。
3.项目有很多,并未全部上传,如果未找到想要的,可直接咨询。
更多推荐


所有评论(0)