锋哥用CursorAI编程20分钟开发了一套微信小程序宠物领养系统

高清视频+源码+领取。
扫描下方公众号【小锋学AI 】回复:888,
可获取下载链接
👇👇👇
👆长按上方二维码 2 秒 回复「888」即可获取
B站在线学习地址:
https://www.bilibili.com/video/BV1bjRLBFEvG/







本项目是一套面向宠物领养场景的完整解决方案:用户使用微信小程序浏览宠物、提交领养申请并与平台互动;运营人员使用 Vue 管理后台维护宠物档案、审核申请、发布公告与查看统计数据。统一后端服务基于 Spring Boot + MyBatis 提供 REST API,数据持久化使用 MySQL(示例库名:db_pet_adopt)。
业务功能概述
小程序端(用户侧)
| 模块 | 说明 |
|---|---|
| 首页与轮播 | 展示 Banner,引导浏览宠物与活动信息 |
| 分类与列表 | 按宠物分类筛选,分页查看可领养宠物列表 |
| 宠物详情 | 查看单只宠物的图文详情 |
| 用户认证 | 注册、登录(JWT 鉴权,请求头携带 Bearer Token) |
| 领养申请 | 对心仪的宠物发起领养申请 |
| 我的申请 | 查看申请状态流转(含审核结果) |
| 收藏 | 收藏 / 取消收藏宠物,浏览「我的收藏」 |
| 评论 | 浏览评论列表(公开),登录后可发表评论 |
| 公告 | 公告列表与详情(公开读取) |
| 领养反馈 | 针对已通过领养的记录提交反馈(文案与图片上传) |
| 个人资料 | 查看与更新个人信息 |
部分接口在无登录状态下开放(例如宠物列表/详情、分类、Banner、公告、评论列表),便于访客浏览;申请、收藏、评论发表、个人信息等需登录后访问。
管理后台(运营侧)
| 菜单 | 说明 |
|---|---|
| 数据概览 | 运营指标与图表统计(宠物按分类分布、领养按月趋势、最新领养动态等) |
| 管理员 | 后台管理员账号维护 |
| 小程序用户 | 注册用户查询与管理 |
| 宠物分类 | 分类的增删改查 |
| 宠物管理 | 宠物档案维护(上架状态、配图等) |
| 领养审核 | 领养申请分页查询与审核(通过 / 驳回等) |
| 公告管理 | 平台公告发布与维护 |
| 评论管理 | 用户评论查看与违规内容删除 |
| 轮播图 | 首页/活动 Banner 配置 |
| 领养反馈 | 用户提交的领养后反馈审核与存档查看 |
管理员通过独立登录接口获取 JWT,前台路由守卫校验本地 Token(如 pet_admin_token),未登录跳转登录页。
公共能力
-
统一文件上传:管理端与用户端均可上传(需有效 JWT),上传目录映射为
/uploads/**静态访问;业务上会区分用途(宠物图、Banner、公告、头像、反馈图等)。 -
统一响应体:后端使用统一 JSON 封装(如
R)与分页结果,便于多端对接。
技术架构
总体结构

-
多端单后端:
/api/admin/**服务管理后台,/api/wx/**服务微信小程序,/api/common/**提供上传等共用接口。 -
安全模型:JWT 区分角色(管理员 / 小程序用户);
JwtInterceptor对不同路径校验角色与白名单(如小程序 GET 公开的宠物与公告接口、登录与注册)。
后端(server/)
| 技术 | 用途 |
|---|---|
| Java 17 | 运行时 |
| Spring Boot 4.x | Web 容器与自动配置 |
| Spring WebMVC | REST 控制器与拦截器 |
| MyBatis Spring Boot Starter | SQL 映射与 mapper/*.xml |
| MySQL Connector/J | JDBC 驱动 |
| PageHelper | 分页插件 |
| JJWT | 签发与解析 JWT |
| Hutool | JSON 序列化等工具 |
| Lombok | 简化实体与配置类 |
分层习惯:controller → service → mapper/entity,DTO 承载入参;全局异常处理与跨域配置便于前后端分离联调。
管理前端(client/)
| 技术 | 用途 |
|---|---|
| Vue 3 | 视图层 |
| Vite | 开发与构建 |
| Vue Router | 路由与登录守卫 |
| Pinia | 状态(管理员 Token / 信息等) |
| Element Plus | 管理后台 UI |
| Axios | HTTP 调用后端 API |
| ECharts / vue-echarts | 仪表盘图表 |
微信小程序(weixin/miniprogram/)
-
TypeScript + 小程序原生框架;模块化请求封装调用同一套后端域名下的
/api/wx/**。 -
Tab:首页、分类、我的申请、个人中心;次级页面包含宠物列表/详情、申请、登录注册、收藏、公告、反馈等。
运行与配置要点(简)
-
MySQL:创建库(命名建议
db_*),配置与application.yml中的库名、账号密码一致。 -
后端端口:默认
8080;管理端 Axios 基础地址需指向该服务(按本地vite代理或环境配置调整)。 -
文件上传:
file.upload-dir指向服务器可写目录(示例为D:/uploads/),需与静态资源映射一致。 -
小程序:在微信开发者工具中配置合法域名、后端 Base URL(与小程序
config中的一致)。
仓库目录说明(摘要)
sys4/├── server/ # Spring Boot 后端├── client/ # Vue3 管理后台└── weixin/ # 微信小程序源码
本文档描述的是当前仓库中的实现能力与架构划分;具体表结构以 MyBatis Mapper 及数据库脚本为准(若另行维护)。
高清视频+源码+领取。
扫描下方公众号【小锋学AI 】回复:888,
可获取下载链接
👇👇👇
👆长按上方二维码 2 秒 回复「888」即可获取
夜雨聆风

