Vue+SpringBoot打造智慧家政系统

在这里插入图片描述


目录

  • 一、摘要
    • 1.1 项目介绍
    • 1.2 项目录屏
  • 二、功能模块
  • 三、系统展示
  • 四、核心代码
    • 4.1 查询家政服务
    • 4.2 新增单条服务订单
    • 4.3 新增留言反馈
    • 4.4 小程序登录
    • 4.5 小程序数据展示
  • 五、免责说明


一、摘要

1.1 项目介绍

基于微信小程序+JAVA+Vue+SpringBoot+MySQL的智慧家政系统,包含了地址管理模、订单管理、家政分类管理、家政服务管理、用户反馈管理模块,还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块,基于微信小程序的智慧家政系统基于角色的访问控制,给家政管理员、家政工作人员、消费者使用,可将权限精确到按钮级别,您可以自定义角色并分配权限,系统适合设计精确的权限约束需求。

1.2 项目录屏


二、功能模块

该系统基于微信开发者工具进行开发,最终成果以微信小程序的方式进行呈现。系统大致分为两大模块,即前台用户系统与后台管理系统,主要内容如下。

  1. 注册登录:此系统采用微信授权登录方式。
  2. 用户信息管理:用户能快速了解修改个人基本信息(如用户名、密码、头像等信息)。
  3. 地址管理:用户对自己的地址可以进行增删改查操作。
  4. 订单管理:对所有订单信息进行管理。
  5. 分类管理:通过分类管理功能对服务种类进行分类归纳,管理更方便快速。
  6. 服务人员管理:对于家政工作人员提供的服务进行增删改查操作。
  7. 提交订单功能:将心仪的服务添加至订单中。
  8. 支付管理:提交订单后立即跳转至支付界面,付款完成后在订单列表中出现已支付的订单。。
  9. 用户反馈:通过投资理财网站系统提供反馈功能,快速解决用户问题,提高用户体验,也为企业改进提供可行性参考依据。

在这里插入图片描述


三、系统展示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


四、核心代码

4.1 查询家政服务

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询服务")
public Result<IPage<ServiceData>> getByPage(@ModelAttribute ServiceData serviceData ,@ModelAttribute PageVo page){
    QueryWrapper<ServiceData> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(serviceData.getTitle())) {
        qw.like("title",serviceData.getTitle());
    }
    if(!ZwzNullUtils.isNull(serviceData.getType())) {
        qw.eq("type",serviceData.getType());
    }
    IPage<ServiceData> data = iServiceDataService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<ServiceData>>().setData(data);
}

4.2 新增单条服务订单

@RequestMapping(value = "/addOne", method = RequestMethod.GET)
@ApiOperation(value = "新增单条服务订单")
public Result<ServiceOrder> addOne(@RequestParam String id){
    ServiceData s = iServiceDataService.getById(id);
    if(s == null) {
        return ResultUtil.error("服务不存在");
    }
    User currUser = securityUtil.getCurrUser();
    ServiceOrder order = new ServiceOrder();
    order.setServiceId(s.getId());
    order.setTitle(s.getTitle());
    order.setType(s.getType());
    order.setUserName(s.getUserName());
    order.setMobile(s.getMobile());
    order.setContent(s.getContent());
    order.setBuyId(currUser.getId());
    order.setBuyName(currUser.getNickname());
    order.setBuyTime(DateUtil.now());
    order.setStatus("未付款");
    iServiceOrderService.saveOrUpdate(order);
    return ResultUtil.success();
}

4.3 新增留言反馈

@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增留言反馈")
public Result<Message> insert(Message message){
    User currUser = securityUtil.getCurrUser();
    message.setUserId(currUser.getId());
    message.setUserName(currUser.getNickname());
    message.setTime(DateUtil.now());
    message.setReplyContent("");
    message.setReplyId("");
    message.setReplyName("");
    message.setReplyTime("");
    iMessageService.saveOrUpdate(message);
    return new ResultUtil<Message>().setData(message);
}

4.4 小程序登录

<view wx:if="{{item.index==0}}">
        <!-- 账号 -->
        <view class="section">
          <input placeholder="手机号" bindblur="logincode" />
        </view>

        <!-- 密码 -->
        <view class="section">
          <input placeholder="登入密码" bindblur="loginpassword" password="true"  />
        </view>
        
        <view class="section"></view>
        <!-- 提交按钮 -->
        <view wx:if='{{islogin==""}}' class='btn_box' >
        
          <button type="primary" bindtap="loginTo"  >登录</button>
        </view>

        <!-- 退出按钮 -->
        <view wx:else class='btn_box'>
          <button type="primary" bindtap="returnmain" >退出</button>
        </view>

</view>

4.5 小程序数据展示

<view class="page__bd page" wx:for="{{fieldList}}" wx:key="index" wx:for-item="item">
    <view class="weui-cells weui-cells_after-title cells">
        <navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active">
            <view class="weui-cell__hd">
                <image src="../../statis/img/logo01.png" style="margin-right: 5px;vertical-align: middle;width:40px; height: 40px;"></image>
            </view>
            <view class="weui-cell__bd pageRight">
                <text class="roomName">{{item.title}}</text>
            </view>
        </navigator>
        <navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active">
            <view class="weui-cell__bd">
                <text class="cannot">服务类型:{{item.type}}</text>
            </view>
        </navigator>
        <navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active">
            <view class="weui-cell__bd">
                <text class="cannot">家政人员:{{item.userName}}</text>
            </view>
        </navigator>
        <navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active">
            <view class="weui-cell__bd">
                <text class="cannot">联系方式:{{item.mobile}}</text>
            </view>
        </navigator>
        <navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active">
            <view class="weui-cell__bd">
                <text class="cannot">服务介绍:{{item.content}}</text>
            </view>
        </navigator>

        <navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active">
            <view class="weui-cell__bd">
                <button type="primary" class='buttomm' bindtap="toMoreOnePage" data-id="{{item.id}}">下单</button>
            </view>
        </navigator>

        <navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active">
            <view class="weui-cell__bd">
                <button></button>
            </view>
        </navigator>
    </view>
</view>

五、免责说明

  • 本项目仅供个人学习使用,商用授权请联系博主,否则后果自负。
  • 博主拥有本软件构建后的应用系统全部内容所有权及独立的知识产权,拥有最终解释权。
  • 如有问题,欢迎在仓库 Issue 留言,看到后会第一时间回复,相关意见会酌情考虑,但没有一定被采纳的承诺或保证。

下载本系统代码或使用本系统的用户,必须同意以下内容,否则请勿下载!

  1. 出于自愿而使用/开发本软件,了解使用本软件的风险,且同意自己承担使用本软件的风险。
  2. 利用本软件构建的网站的任何信息内容以及导致的任何版权纠纷和法律争议及后果和博主无关,博主对此不承担任何责任。
  3. 在任何情况下,对于因使用或无法使用本软件而导致的任何难以合理预估的损失(包括但不仅限于商业利润损失、业务中断与业务信息丢失),博主概不承担任何责任。
  4. 必须了解使用本软件的风险,博主不承诺提供一对一的技术支持、使用担保,也不承担任何因本软件而产生的难以预料的问题的相关责任。

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/472097.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

《论文阅读》带边界调整的联合约束学习用于情感原因对提取 ACL 2023

《论文阅读》带边界调整的联合约束学习用于情感原因对提取 前言简介Clause EncoderJoint Constrained LearningBoundary Adjusting损失函数前言 亲身阅读感受分享,细节画图解释,再也不用担心看不懂论文啦~ 无抄袭,无复制,纯手工敲击键盘~ 今天为大家带来的是《Joint Cons…

linux 安装rocketmq并使用

RocketMQ 因其架构简单、业务功能丰富、具备极强可扩展性等特点被众多企业开发者以及云厂商广泛采用。历经十余年的大规模场景打磨&#xff0c;RocketMQ 已经成为业内共识的金融级可靠业务消息首选方案&#xff0c;被广泛应用于互联网、大数据、移动互联网、物联网等领域的业务…

掌握 Istio:部署完成后如何运用?

一、环境情况 环境&#xff1a;Ubuntu20.04 机器数量&#xff1a;单机1台 IP&#xff1a;10.9.2.83 二、准备知识 为什么使用 Istio&#xff1f; Istio提供了一种更高级别的服务网格解决方案&#xff0c;它可以简化和加强 Kubernetes 集群中的服务间通信、流量管理、安全…

小红书图片怎么提取?小红书图片提取原图方法!

说到小红书&#xff0c;不少女性群体都知道这个&#xff0c;他的价值很高而且变现对于大多数做自媒体的小伙伴来说&#xff0c;也是不错的选择&#xff01; 小红书对于普通大众还是互联网创作者来说&#xff0c;都太实用了&#xff0c;唯一的缺点可能就是当我们需要存储他的图…

如何在Linux安装Yearning并修改配置文件实现无公网IP远程访问本地管理界面

文章目录 前言1. Linux 部署Yearning2. 本地访问Yearning3. Linux 安装cpolar4. 配置Yearning公网访问地址5. 公网远程访问Yearning管理界面6. 固定Yearning公网地址 前言 Yearning 简单, 高效的MYSQL 审计平台 一款MYSQL SQL语句/查询审计工具&#xff0c;为DBA与开发人员使用…

LeetCode刷题【树状数组、并查集】

目录 树状数组307. 区域和检索 - 数组可修改406. 根据身高重建队列673. 最长递增子序列的个数1409. 查询带键的排列 并查集128. 最长连续序列130. 被围绕的区域 树状数组 307. 区域和检索 - 数组可修改 给你一个数组 nums &#xff0c;请你完成两类查询。 其中一类查询要求 …

EasyExcel模板填充list时按第一行格式合并单元格(含分页线设置)

前言&#xff1a; 在使用easyExcel填充list时&#xff0c;第一行存在合并单元格的情况下&#xff0c;后面使用forceNewRow()填充的行却没有合并样式。 模板&#xff1a; 填充后&#xff1a; 自定义拦截器&#xff1a; 根据官方文档的提示&#xff0c;我们需要自定义拦截器来…

21个 JVM 技术点详解(附面试解答)

最近兄弟们面试&#xff0c;都逃不过被 JVM 问题轰炸的命运&#xff0c;为啥面试官喜欢拿 JVM 说事呢&#xff1f;V 哥认为&#xff0c;除了要问倒你&#xff0c;就是要压你薪水&#xff0c;咱绝对不能怂&#xff0c;俗话说的好&#xff1a;兵来将挡&#xff0c;水来土掩&#…

VS+QT Debug正常但Release无法识别头文件

&#xff01;&#xff01;&#xff01;&#xff0c;这个问题一般是在第一次编译的时候遇见的&#xff0c;包括之前使用debug也是 在Qt Installation一定要修改成自己版本的编译器&#xff0c;修改一次以后基本是不用再修改的

力扣---括号生成---回溯---dfs/二进制

暴力--二进制 采用与&#xff1a;力扣---子集---回溯&#xff08;子集型回溯&#xff09;---递归-CSDN博客 中二进制求解一样的思路&#xff0c;即遍历0~-1&#xff08;从二进制去考虑&#xff09;&#xff0c;如果这个数的第 i 位为0&#xff0c;则括号的第 i 位为‘&#xff…

记一次Oracle 19C RAC 在线更换数据盘和OCR盘操作记录

欢迎您关注我的公众号【尚雷的驿站】 **************************************************************************** 公众号&#xff1a;尚雷的驿站 CSDN &#xff1a;https://blog.csdn.net/shlei5580 墨天轮&#xff1a;https://www.modb.pro/u/2436 PGFans&#xff1a;ht…

华为ensp中rip动态路由协议原理及配置命令(详解)

CSDN 成就一亿技术人&#xff01; 作者主页&#xff1a;点击&#xff01; ENSP专栏&#xff1a;点击&#xff01; CSDN 成就一亿技术人&#xff01; ————前言————— RIP&#xff08;Routing Information Protocol&#xff0c;路由信息协议&#xff09;是一种距离矢…

【Java】Oracle发布Java22最新版本

甲骨文&#xff08;ORACLE&#xff09;已经于2023年3月19日正式发布了最新版本的JDK&#xff0c;版本号&#xff1a;22 根据官方声明&#xff0c;Java 22 (Oracle JDK 22) 在性能、稳定性和安全性方面进行了数千种改进&#xff0c;包括对Java 语言、其API 和性能&#xff0c;以…

raid规划配置

一 raid基本知识 1、RAID磁盘阵列概述 磁盘阵列的全名&#xff08;Redundant Arrays of Inexpensive Disk&#xff0c;RAID&#xff09;&#xff0c;中文简称是独立冗余磁盘阵列。 RAID可以通过技术&#xff08;软件或者硬件&#xff09;将多个独立的物理硬盘整合成为一个较大…

探索山海鲸可视化:相较于Excel的独特优势分析

作为一名新用户&#xff0c;我近期开始接触并尝试使用山海鲸可视化工具&#xff0c;这款软件最初吸引我的点在其免费可视化编辑、本地化部署的特点&#xff0c;用了一段时间后&#xff0c;我发现相较于之前使用的Excel来制作可视化看板&#xff0c;两者在多个方面有着显著的区别…

electron-builder允许安装时请求提升权限

场景 在下面的场景中可能会需要管理员权限&#xff1a; electron开发的软件具有文件操作功能&#xff0c;如果electron安装到C盘&#xff0c;并操作项目中&#xff08;C盘&#xff09;的文件&#xff0c;就会因权限不足报错。electron需要操作注册表等系统级关键配置某些命令…

浅尝大菠萝Pinia

1、pinia简介 Pinia&#xff08;发音为 /piːnjʌ/&#xff0c;类似于英语中的“peenya”&#xff09;是最接近有效包名 pia&#xff08;西班牙语中的_pineapple_&#xff09;的词。 Pinia 是由 Vue.js 团队成员开发&#xff0c;新一代的状态管理器&#xff0c;即 Vuex5.x。 …

Godot 学习笔记(2):信号深入讲解

文章目录 前言相关链接环境信号简单项目搭建默认的信号先在label里面预制接收函数添加信号 自定义无参数信号为了做区分&#xff0c;我们在label新增一个函数 自定义带参数信号Button代码label代码连接信号 自定义复杂参数信号自定义GodotObject类ButtonLabel连接信号 父传子Ca…

如何查看zip文件的MD5码

目录 Windows macOS 和 Linux 要查看zip文件的MD5码&#xff0c;你可以使用不同的方法&#xff0c;具体取决于你使用的操作系统。以下是一些常见平台的指导&#xff1a; Windows 可以使用PowerShell来计算文件的MD5码。打开PowerShell&#xff0c;然后使用以下命令&#xf…