【计算机-软件开发】宠物健康管理平台的设计与实现-用户端

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

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

前言

随着养宠人群持续扩大,宠物逐渐成为家庭重要成员,但传统宠物健康管理存在记录零散、就医咨询不便等问题🐾。本平台通过整合健康数据、提供专业服务,助力用户科学管理宠物健康,减少健康风险,同时搭建便捷养宠服务生态,提升宠物生活质量与养宠体验🏥。


一. 部分功能介绍(功能以截图为准)

  1. 宠物档案管理 🐱🐶
    记录宠物基本信息(品种、年龄、体重),支持上传宠物照片,建立专属电子档案,方便快速查询。
  2. 健康数据记录 📊
    可录入疫苗接种、体检报告、用药情况等数据,自动生成健康趋势简表,直观呈现宠物健康状态。
  3. 健康提醒功能 ⏰
    设置疫苗到期、驱虫、体检等提醒,通过消息推送通知用户,避免遗漏关键健康管理节点。
  4. 在线就医咨询 💬
    对接专业宠物医生,提供在线问诊服务,支持上传症状图片,快速获取初步诊疗建议。
  5. 宠物社交分享 🤳
    允许用户发布宠物日常、健康动态,支持点赞评论,搭建养宠用户交流互动社区。
  6. 宠物用品商城 🛒
    筛选推荐优质宠物食品、药品、用品,关联宠物健康需求推荐适配商品,支持直接下单。
  7. 养宠知识库 📚
    整合科学养宠、常见疾病预防、应急处理等科普内容,按类别分类,方便用户查阅学习。
  8. 系统设置模块 ⚙️
    支持账号安全设置、消息通知偏好调整、数据备份与导出,保障用户信息安全与使用便捷性。

二. 使用技术

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员-石头山

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值