大家好！我是小马，今天给大家分享一个我开发的宠物服务跨端项目——MY-PET。这个项目用「Uni-App+SSM」技术栈打造，既能实现微信小程序、App、H5 多端运行，又整合了宠物主人常用的「商城、医疗、社交」功能；哪怕你刚接触 Uni-App 或 SSM，也能轻松下载源码跑起来练手～
一、项目介绍？
对宠物主人来说，这是「一站式宠物服务工具」：想买用品不用跳平台、宠物不舒服能在线问医生、还能和其他宠友分享日常，而且在小程序、手机 App 里都能用；
对新手开发者来说，这是「前后端联动练手项目」：覆盖 Uni-App 跨端开发、SSM 后端接口编写、前后端数据交互等核心场景，每个模块都有清晰的代码划分，跟着学能快速入门前后端开发！
二、技术栈说明
整个项目用的都是「新手易上手、企业常用」的技术，源码里已做好基础配置，不用你从零搭环境：
- 前端：Uni-App（基于 Vue 语法，学一次能开发微信小程序、App、H5，不用单独学多端技术；有可视化工具 HBuilderX，拖组件、写代码都方便）
- 后端：SSM 框架（Spring+SpringMVC+MyBatis，Java 后端入门主流框架，源码里已配置好数据库连接、接口映射，新手不用改复杂配置）
- 数据库：MySQL（轻量型关系数据库，官网免费下载，附 SQL 脚本，导入就能用）
- 开发工具：只需要「HBuilderX（写前端）+ IDEA/Eclipse（写后端）+ MySQL（存数据）」（下面会教你怎么装、怎么配）
- 依赖：前后端依赖都已放在 pom.xml（后端）和 package.json（前端）里，下载源码后一键导入就能自动安装，避免新手踩「依赖冲突」坑
三、功能特性
🛒 商城模块：
- 商品浏览与搜索：按「药品 / 食品 / 美容 / 玩具」分类筛选，新手能学到「Uni-App 的 vue-for 列表渲染、关键词模糊搜索（前端传参 + 后端 SQL 查询）」
- 购物车管理：支持添加 / 删除商品、修改数量，能掌握「Uni-App 本地缓存存临时数据、SSM 后端购物车数据持久化（新增 / 删除接口编写）」
- 订单管理：查看待付款 / 已完成订单，可学习「Uni-App 条件渲染（按订单状态筛选）、SSM 订单状态更新接口（MyBatis 更新语句）」
🏥 医疗服务：
- 科室分类：内科 / 外科 / 皮肤科等，对应「SSM 多级分类数据查询（MyBatis 关联查询）、Uni-App 下拉选择组件使用」
- 医生咨询：在线发消息问诊 + 预约挂号，能练「Uni-App 表单验证（必填项提示）、前后端数据交互（uni.request 调用 SSM 接口）」
- 医师展示：显示医生资质 / 擅长领域 / 用户评分，可学习「Uni-App 卡片式布局、SSM 分页查询接口（避免数据太多加载慢）」
👥 社交功能：
- 宠友圈：用户发宠物照片 + 文字动态，新手能学到「Uni-App 图片上传 API（uni.chooseImage）、SSM 后端文件接收接口（MultipartFile 处理）」
- 互动交流：点赞 + 评论功能，可掌握「Uni-App 点击事件触发数据更新、SSM 点赞数 / 评论数同步接口（MyBatis 增删改）」
📱 个人中心：
- 宠物档案：添加宠物姓名 / 品种 / 生日，能学习「Uni-App 表单提交（传多参数）、SSM 用户关联宠物数据接口（一对一映射）」
- 预约管理：查看已预约的医生，可练「Uni-App 页面跳转传参（带用户 ID 查预约）、SSM 关联查询（查用户对应的预约记录）」
- 收藏 / 余额：收藏商品 / 动态、查看余额，能掌握「SSM 收藏表 / 余额表 CRUD 接口、Uni-App 收藏状态切换逻辑」
四、功能截图（直观看看效果，多端适配）
- 登录注册界面（Uni-App 多端适配）
支持手机号登录
- 宠物医疗问诊页面（SSM 接口联动）
选择科室→选医生→发问诊消息
3. 商品列表与详情页（Uni-App 列表渲染）
左滑看分类，点击商品进详情
- 宠友圈社交页面（图片上传 + SSM 存储）
发动态、点赞评论
5. 个人中心页面（用户数据关联）
管理宠物档案、预约、收藏
五、能从这个项目学到什么？
如果是刚接触前后端开发的新手，跟着这个项目练手，能一步一步掌握实用技能：
- Uni-App 前端能力：Vue 语法实战、多端页面适配、列表渲染 / 条件渲染、表单提交、图片上传、前后端接口调用（uni.request）；
- SSM 后端能力：SpringBoot 启动配置、SpringMVC 接口编写、MyBatis 操作数据库（增删改查）、数据库关联查询、后端参数接收与返回；
- 前后端联动能力：接口设计规范、token 登录验证、跨域问题解决（源码已配置 CORS，新手不用管）、数据格式统一（JSON）；
- 项目实战能力：商城购物车逻辑、社交动态互动、医疗预约流程等真实场景实现，还有代码注释（关键代码都标了用途，比如「// 调用后端登录接口，获取用户 token」）。
最后：邀请你一起玩起来！
这个项目还有很多可以优化的地方（比如加「宠物疫苗提醒」「宠物定位」功能，或适配支付宝小程序），如果你下载源码后有新想法，或者遇到跑不通的问题，欢迎在评论区留言 —— 咱们一起交流，新手也能轻松入门 Uni-App+SSM 开发！
👉 小马绿泡泡：Niuma4G
期待看到大家用这个项目练手，甚至做出更棒的功能～ 😊
