【计算机-软件开发】宠物诊所平台的设计与实现-用户端

最新推荐文章于 2025-12-08 18:20:47 发布

原创最新推荐文章于 2025-12-08 18:20:47 发布 · 885 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#宠物 #毕业设计 #毕设

计算机毕业设计项目实战案例专栏收录该内容

47 篇文章

订阅专栏

【博主介绍💗】：✌全平台粉丝5W+,高级大厂开发程序员😃，博客之星、掘金/知乎/华为云/阿里云等平台优质作者。

👇👇👇源码获取V在最下边👇👇👇

前言

随着养宠人群激增，传统宠物就医存在预约难、信息不透明等问题 🐾。宠物诊所平台可整合资源，实现线上预约、健康管理等功能，既为宠物主人提供便捷，也助力诊所提升效率、规范服务，对推动宠物医疗行业数字化发展具有重要现实意义 ✨。

一. 部分功能介绍（功能以截图为准）

健康数据记录模块 📊
简单记录老人血压、血糖等基础健康数据，自动生成简易趋势图表，方便老人和子女直观查看。
紧急求助模块 🆘
设置一键呼叫功能，老人触发后直接联系预设的子女、社区网格员，同步发送实时定位。
子女关联模块 👨👩👧👦
子女绑定老人账号后，可查看老人健康数据、求助记录，还能发送用药、天气等关怀提醒。
生活服务预约模块 🛒
提供上门送餐、家政保洁、家电维修等基础服务预约入口，支持查看服务方评价和价格。
社交互动模块 👥
搭建兴趣交流群组（如书法、园艺），支持老人发送文字、图片聊天，减少孤独感。
平台管理模块 ⚙️
管理员可审核入驻服务方资质、处理用户投诉，同时统计平台使用数据（如求助次数、服务订单量）。

二. 使用技术

前端: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("未找到指定账号，请联系管理员");
    }