计算机毕业设计Springboot保清家政服务管理平台 基于Spring Boot的家政服务信息管理

文章正文
发布时间:2025-02-11 16:32

计算机毕业设计Springboot保清家政服务管理平台agg0k49g

(配套有源码 程序 mysql数据库 论文)本套源码可以先看具体功能演示视频领取,文末有联xi 可分享

随着互联网的飞速发展,家政服务行业迎来了新的变革机遇。传统的家政服务模式已难以满足现代家庭对于高效、便捷服务的需求。在此背景下,开发一款基于Spring Boot的家政服务管理平台显得尤为迫切。该平台旨在通过整合家政服务资源,为用户提供一站式的家政服务解决方案,同时提升家政服务行业的信息化管理水平。

本文将详细介绍该家政服务管理平台的核心功能,包括但不限于:

用户注册与登录:允许用户创建账户并登录系统,以便享受个性化服务。

家政服务浏览:用户可以查看各种家政服务的详细信息,如服务内容、价格、服务人员评价等。

服务预约:用户能够根据自己的需求预约家政服务,并选择合适的服务时间和人员。

订单管理:用户可以查看和管理自己的服务订单,包括订单状态、服务时间、服务人员等信息。

评价与反馈:服务完成后,用户可以对家政服务进行评价和反馈,帮助其他用户做出选择。

家政人员管理:管理员可以添加、修改、删除家政人员信息,确保服务人员的质量和数量。

服务类型管理:对家政服务的类型进行分类和管理,方便用户查找和选择。

公告信息发布:管理员可以发布家政服务相关的公告信息,如优惠活动、服务更新等。

这些功能的实现,不仅为用户提供了便捷的家政服务获取渠道,也为家政服务提供商提供了一个高效的管理平台。通过信息化手段,家政服务管理平台将极大地提升服务效率和质量,推动家政服务行业的现代化发展。

注:完成的毕业设计程序以下面的的环境软件、功能图和界面为准。

系统所需要的环境软件:idea、eclipse+mysql5.7、8.0+Navicat+JDK1.8+tomcat7.0

3.4系统用例图

用例图的作用也是十分重要的,因为它设计方法较为简单,所以它是十分重要的交流工具。在系统开发设计的时候,可以直观明了的看到每个功能模块之间的联系和相互作用,在做出任何变动的时候,都能有很明确的思维导向。它就像一座大桥一样,串联了整个系统。

本次系统的用例图做出了十分明确的功能划分,在设计时可以有很好的设计思路进行设计和延展。

管理员用例图如图3-1所示。

                                图3-1管理员用例图

家政人员用例图如图3-2所示。

                                图3-2家政人员用例图

用户用例图如图3-3所示。

                                图3-3用户用例图

3.5 系统流程分析 5.1 登录流程图

登录流程是该系统的第一个流程,登录的第一步是输入账号、密码登录,系统会验证账号与密码是否正确,正确时系统会判断账号类型再进入不同的后台;不正确时,会返回到登录的第一步,输入用户重新执行登录流程。该流程如图3-4所示。

图3-4登录流程图

5.2 添加新用户流程图

添加新用户的流程是先查询新用户名是否已存在,如已有该用户名,需重拟用户名并同时输入新用户的其它信息,添加新用户到数据库时会先验证数据是否完整,信息都正确且完整时,返回并刷新用户列表;信息不正确时,会返回输入信息的那一步。该流程如图3-5所示。

图3-5添加新用户流程图

6 本章小结

保清家政服务管理平台从技术、经济、运行功能等方面分析了系统的功能需求,可以满足用户的保清家政服务管理需求,帮助用户安全、高效地找到合适的保清家政服务信息,因此有必要对其进行课题研究。

第4章 系统设计

系统设计是将被设计对象划分为单个模块进行构建,各个模块相互支持,相互制约,它们的组合是一个完整的系统。通过系统设计,可以最大限度地满足系统的预期目标,明确软件开发的目的。

本次系统采用springboot框架进行开发,springboot框架是一款企业界主流的软件开发技术,其简化了开发流程,大大缩减了软件开发所需的时间提高了软件的响应速度。系统总体结构图如图4-1所示。

图4-1 系统总体结构图

4.2 数据库设计

数据库结构设计的好坏直接影响到保清家政服务管理平台的效率和实现的效果。本系统的数据库采用MySQL数据库,MySQL是一种开放源代码的关系型数据库管理系统,使用最常见的数据库管理语言SQL进行数据库管理。

E-R图也可称为实体-联系图,其可以清楚的显示实体与实体之间的关系,是描述概念模型的有效方式,通过各实体间的关系方便数据库结构的设计。以下是本系统主要的实体属性图如下所示。

用户信息实体如图4-2所示。

图4-2用户信息实体属性图

家政人员实体如图4-3所示。

图4-3家政人员实体属性图

家政服务实体如图4-4所示。

图4-4家政服务实体属性图

服务订单实体如图4-5所示。

图4-5服务订单实体属性图

保清家政服务管理平台总体E-R图如图4-6所示。

图4-6保清家政服务管理平台总体E-R图

5.1 前台用户模块实现

当游客打开系统的网址后,首先看到的就是首页界面。在这里,游客能够看到保清家政服务管理平台的导航栏显示首页、家政服务、公告信息、服务投诉、个人信息。系统首页界面如图5-1所示:

图5-1前台功能界面图

在注册流程中,用户在Vue前端填写必要信息(如用户、密码等)并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息,检查用户名是否唯一,并将新用户数据存入MySQL数据库。完成后,后端向前端发送注册成功的确认,前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。如图5-2所示。

.

图5-2用户注册界面图

下面是用户注册关键代码:

<script>

export default {

        data() {

                return {

                        ruleForm: {

                        },

            pageFlag : '',

                        tableName:"",

                        rules: {},

                };

        },

        mounted(){

        this.pageFlag = this.$storage.get("pageFlag");

                let table = this.$storage.get("loginTable");

                this.tableName = table;

        },

        created() {

    

        },

        destroyed() {

                          },

        methods: {

                // 获取uuid

                getUUID () {

                        return new Date().getTime();

                },

                close(){

                        this.$router.push({ path: "/login" });

                },

        yonghutouxiangUploadChange(fileUrls) {

            this.ruleForm.touxiang = fileUrls;

        },

        // 多级联动参数

                // 注册

                login() {

                        var url=this.tableName+"/register";

                                        if((!this.ruleForm.yonghuzhanghao) && `yonghu` == this.tableName){

                                                this.$message.error(`用户账号不能为空`);

                                                return

                                        }

                                                

                                        if((!this.ruleForm.yonghuxingming) && `yonghu` == this.tableName){

                                                this.$message.error(`用户姓名不能为空`);

                                                return

                                        }

                                        

                                        if((!this.ruleForm.mima) && `yonghu` == this.tableName){

                                                this.$message.error(`密码不能为空`);

                                                return

                                        }

                                        

                                        if((this.ruleForm.mima!=this.ruleForm.mima2) && `yonghu` == this.tableName){

                                                this.$message.error(`两次密码输入不一致`);

                                                return

                                        }

                                        

                                        

                                        if(`yonghu` == this.tableName && this.ruleForm.lianxidianhua&&(!this.$validate.isMobile(this.ruleForm.lianxidianhua))){

                                                this.$message.error(`联系电话应输入手机格式`);

                                                return

                                        }

                                        

                                        

            if(this.ruleForm.touxiang!=null) {

                this.ruleForm.touxiang = this.ruleForm.touxiang.replace(new RegExp(this.$base.url,"g"),"");

            }

                                        

                        this.$http({

                                url: url,

                                method: "post",

                                data:this.ruleForm

                        }).then(({ data }) => {

                                if (data && data.code === 0) {

                                        this.$message({

                                                message: "注册成功",

                                                type: "success",

                                                duration: 1500,

                                                onClose: () => {

                                                        this.$router.replace({ path: "/login" });

                                                }

                                        });

                                } else {

在登录流程中,用户首先在Vue前端界面输入账号和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求,通过与MySQL数据库交互验证用户凭证。如果认证成功,后端会返回给前端,允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图5-3所示。

图5-3用户登录界面图

下面是用户登录关键代码:

  mounted() {

    let menus = menu.list();

    this.menus = menus;

    for (let i = 0; i < this.menus.length; i++) {

      if (this.menus[i].hasBackLogin=='是') {

        this.roles.push(this.menus[i])

      }

    }

  },

  created() {

    this.getRandCode()

  },

  destroyed() {

            },

  components: {

  },

  methods: {

    //注册

    register(tableName){

                this.$storage.set("loginTable", tableName);

        this.$storage.set("pageFlag", "register");

                this.$router.push({path:'/register'})

    },

    // 登陆

    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;

                        }

                        let menus = this.menus;

                        for (let i = 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;

                }

                this.$http({

                        url: `${this.tableName}/login?username=${this.rulesForm.username}&password=${this.rulesForm.password}`,

                        method: "post"

                }).then(({ data }) => {

                        if (data && data.code === 0) {

                                this.$storage.set("Token", data.token);

                                this.$storage.set("role", this.rulesForm.role);

                                this.$storage.set("sessionTable", this.tableName);

                                this.$storage.set("adminName", this.rulesForm.username);

                                this.$router.replace({ path: "/index/" });

                        } else {

                                this.$message.error(data.msg);

                        }

                });

    },

    getRandCode(len = 4){

                this.randomString(len)

    },

    randomString(len = 4) {

      let chars = [

          "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k",

          "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v",

          "w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G",

          "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R",

          "S", "T", "U", "V", "W", "X", "Y", "Z", "0", "1", "2",

          "3", "4", "5", "6", "7", "8", "9"

      ]

      let colors = ["0", "1", "2","3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"]

      let sizes = ['14', '15', '16', '17', '18']

      let output = [];

      for (let i = 0; i < len; i++) {

        // 随机验证码

        let key = Math.floor(Math.random()*chars.length)

        this.codes[i].num = chars[key]

        // 随机验证码颜色

        let code = '#'

        for (let j = 0; j < 6; j++) {

          let key = Math.floor(Math.random()*colors.length)

          code += colors[key]

        }

        this.codes[i].color = code

        // 随机验证码方向

        let rotate = Math.floor(Math.random()*60)

        let plus = Math.floor(Math.random()*2)

        if(plus == 1) rotate = '-'+rotate

        this.codes[i].rotate = 'rotate('+rotate+'deg)'

        // 随机验证码字体大小

        let size = Math.floor(Math.random()*sizes.length)

        this.codes[i].size = sizes[size]+'px'

     用户点击家政服务,在家政服务页面的搜索栏输入服务名称等,进行查询,然后可以查看服务名称、服务类型、图片、服务电话、联系电话、家政账号、家政姓名、评论数、收藏数等信息,如有需要可以进行下单、收藏等操作;如图5-4所示。 

图5-4家政服务界面图

用户点击公告信息,在公告信息页面的搜索栏输入标题,进行查询,然后可以查看后台发布的公告信息。还可以进行点赞、收藏,查看上一篇、下一篇等操作;如图5-5所示。 

图5-5公告信息界面图

用户点击个人中心,在个人中心页面可以修改个人信息、密码修改进行详细操作,还可以对服务订单、完成服务、用户评价、我的收藏进行详细操作;如图5-6所示。

图5-6个人中心界面图

5.2管理员功能模块实现

管理员登录,在登录页面选择需要登录的角色,在正确输入用户名和密码后,点击登录操作;如图5-7所示。                               

图5-7管理员登录界面

管理员进入主页面,主要功能包括系统首页、个人中心、用户管理、家政人员管理、服务类型管理、家政服务管理、服务订单管理、退订服务管理、完成服务管理、用户评价管理、系统管理等进行操作。管理员主页面如图5-8所示:

图5-8 管理员功能主界面

用户信息功能在视图层(view层)进行交互,比如点击“添加”按钮或填写用户信息表单。这些用户信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后,调用服务层(service层)以执行相关的业务逻辑,例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后,进一步与数据访问对象层(DAO层)交互,后者负责具体的数据操作如搜索、添加、更新或删除用户信息,并将操作结果返回给控制器。最终,控制器根据这些结果更新视图层,以便用户信息功能可以看到最新的信息或相应的操作反馈。在用户页面的输入栏中性别、姓名进行查询,可以查看到用户详细信息,并根据需要进行修改或者删除等操作;如图5-9所示。

图5-9用户界面图

家政人员功能在视图层(view层)进行交互,比如点击“添加”按钮或填写家政人员信息表单。这些家政人员信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后,调用服务层(service层)以执行相关的业务逻辑,例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后,进一步与数据访问对象层(DAO层)交互,后者负责具体的数据操作如搜索、添加、更新或删除家政人员信息,并将操作结果返回给控制器。最终,控制器根据这些结果更新视图层,以便家政人员信息功能可以看到最新的信息或相应的操作反馈。在家政人员页面的输入栏中性别、姓名进行查询,可以查看到家政人员详细信息,并根据需要进行修改或者删除等操作;如图5-10所示。

图5-10家政人员管理界面图

管理员点击服务类型管理;在服务类型管理页面通过对服务类型信息,进行查询或添加 、删除服务类型信息等操作;如图5-11所示。

图5-11服务类型管理界面图

管理员点击家政服务管理;在家政服务管理页面通过对服务名称、服务类型、图片、服务电话、联系电话、家政账号、家政姓名、评论数、收藏数等信息,进行查询或添加、删除家政服务信息等操作;如图5-12所示。

图5-12家政服务管理界面图

管理员点击服务订单管理;在服务订单管理页面通过对订单编号、服务名称、服务类型、职业类型、是否住家、家政账号、家政姓名、预约时间、服务价格、服务时长、金额、联系电话、账号、姓名、手机、地址、登记时间等信息,进行查询或删除服务订单等操作;如图5-13所示。

图5-13服务订单管理界面图

管理员点击退订服务管理;退订服务管理页面对订单编号、服务名称、服务类型、图片、预约时间、服务价格、服务时长、金额、联系电话、姓名、账号、手机、退订时间、家政账号、家政姓名、审核等信息,进行查询或删除、审核退订服务等操作;如图5-14所示。

图5-14退订服务管理界面图

管理员点击完成服务管理;在完成服务管理页面通过对订单编号、服务名称、服务类型、图片、预约时间、服务价格、服务时长、金额、联系电话、家政账号、家政姓名、账号、手机、姓名、地址、完成 等信息,进行查询或删除完成服务信息等操作;如图5-15所示。

图5-15完成服务管理界面图

源码无偿分享,文未领取

首页
评论
分享
Top