您的当前位置:首页正文

【计算机毕设论文】基于微信小程序的家政服务系统-小程序端

2024-11-26 来源:个人技术集锦

前言

随着信息技术的飞速发展和移动互联网的普及,人们的生活方式发生了翻天覆地的变化。在日常生活中,越来越多的人开始依赖于各种智能设备和应用程序来提高生活质量和效率。微信作为中国最受欢迎的社交平台之一,不仅拥有庞大的用户群体,还提供了丰富的功能和服务,其中微信小程序以其轻量级、易开发、方便使用等特点,成为了连接线上线下服务的重要桥梁。

在这样一个大背景下,“基于微信小程序的家政服务系统”的研究具有重要的现实意义。近年来,随着社会经济的发展和人们生活水平的提高,家政服务需求日益增长。无论是家庭清洁、保姆照顾、还是老人陪护等,都成为现代家庭不可或缺的服务项目。然而,传统的家政服务市场存在信息不对称、服务质量参差不齐等问题,难以满足用户对便捷高效服务的需求。因此,利用微信小程序开发一套集预约、支付、评价等功能于一体的家政服务平台,不仅可以为用户提供更加透明、便捷的服务体验,还能帮助家政服务人员更好地管理自己的工作安排,提升整体服务水平。

此外,通过大数据分析和人工智能技术的应用,该系统还可以根据用户的习惯和偏好提供个性化服务推荐,进一步增强用户体验。本研究旨在探讨如何有效利用微信小程序这一平台,结合现代信息技术手段,构建一个高效、安全、便捷的家政服务生态系统,以满足现代社会对高品质生活服务的需求。这不仅能促进家政服务业的健康发展,还有助于推动智慧城市建设和社会信息化进程。


一. 功能介绍

为了打造一个既实用又有趣的“基于微信小程序的家政服务系统”,我们将设计一系列贴心的功能,确保每位用户都能享受到轻松愉快的服务体验 ?。以下是几个核心功能的简介:

通过这些功能,我们的目标是为用户提供一个高效、便捷且充满乐趣的家政服务平台,让生活中的琐事变得更加简单 ?。


二. 使用技术

  • 前端:Vue、ElementUi
  • 后端:Java/SpringBoot
  • 数据库:Mysql
  • 工具:vscode,idea

三. 项目部分截图


四. 源码展示

4.1 前端部分源码

 <div class="Login-container">
        <!-- 登录区域 -->
        <div class="content">
            <!-- 配图 -->
            <div class="pic"></div>
            <!-- 表单 -->
            <div class="field">
                <!-- [移动端]标题 -->
                <div class="pc-title">
                    <div class="title">Hello !</div>
                </div>
                <!-- 表单 -->
                <div class="form-cont ">
                    <el-form ref="loginForm" :model="loginForm" :rules="LoginRules" class="login-form">
                        <!-- 账号密码登录 -->
                        <el-form-item prop="username">
                            <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号" prefix-icon="el-icon-user"></el-input>
                        </el-form-item>
                        <el-form-item prop="password">
                            <el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码" prefix-icon="el-icon-lock" @keyup.enter.native="handleLogin"></el-input>
                        </el-form-item>
                        <!-- 下方的登录按钮 -->
                        <el-form-item style="width:100%;margin-top: 50px;">
                            <el-button :loading="loading" size="medium" type="primary" style="width:100%;" @click.native.prevent="handleLogin">
                                <span v-if="!loading">登 录</span>
                                <span v-else>登 录 中...</span>
                            </el-button>
                        </el-form-item>
                    </el-form>
                </div>
            </div>
        </div>
    </div>

4.2 后端部分源码

public class LoginController {
    @Autowired
    private SystemUserService systemUserService;

    @Autowired
    private SystemMenusService systemMenusService;

    @Autowired
    private RedisUtils redisUtil;

    public LoginController(SystemUserService systemUserService) {
        this.systemUserService = systemUserService;
    }

    /**
     * 用户登录
     *
     * @param loginDTO
     * @return
     */
    @PostMapping("/login")
    @ApiOperation(value = "登录接口", notes = "登录接口", httpMethod = "POST")
    public Result login(@RequestBody LoginDTO loginDTO) {
        SystemUser user = systemUserService.findByUsername(loginDTO.getUsername());
        if (user != null) {
            if (user.getUserStatus() != 1) {
                return ResultUtils.fail("用户已停用,请联系管理员");
            }
            String salt = user.getSalt();
            String md5Password = Md5Util.md5(loginDTO.getPassword() + salt);
            String dbPassword = user.getPassword();
            if (md5Password.equals(dbPassword)) {

                //生成token给用户
                String token = getToken(user);
                Map<Object, Object> resultMap = new HashMap<Object, Object>();
                resultMap.put("token", token);

                resultMap.put("realName", user.getRealName());
                return ResultUtils.success("登录成功", resultMap);
            } else {
                return ResultUtils.fail("账号密码错误");
            }
        }
        return ResultUtils.fail("未找到指定账号,请联系管理员");
    }

??????文章下方名片联系我即可??????
欢迎大家点赞、收藏、关注、评论啦 、查看??获取联系方式??
【获取源码】点击名片,微信扫码关注公众号

显示全文