乐于分享
好东西不私藏

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

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

大家好,我是锋哥。
最近一段时间锋哥亲测了 cursor+opus4.7 的AI编程能力,总结一句话,就是强到爆。未来编程将彻底迎来新的模式,学习技术成本更低,开发项目的效率超级高,以后再也不用加班熬夜了,而且空余时间还可以副业接单。对于Java或者python的学习,基础打打好。以后项目生成用cursor+opus4.7,编程结合【通义灵码】AI插件。所以专门录制了Cursor+Claude一期快速入门视频教程,今天再发布一套Cursor AI编程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:首页、分类、我的申请、个人中心;次级页面包含宠物列表/详情、申请、登录注册、收藏、公告、反馈等。


运行与配置要点(简)

  1. MySQL:创建库(命名建议 db_*),配置与 application.yml 中的库名、账号密码一致。

  2. 后端端口:默认 8080;管理端 Axios 基础地址需指向该服务(按本地 vite 代理或环境配置调整)。

  3. 文件上传file.upload-dir 指向服务器可写目录(示例为 D:/uploads/),需与静态资源映射一致。

  4. 小程序:在微信开发者工具中配置合法域名、后端 Base URL(与小程序 config 中的一致)。


仓库目录说明(摘要)

sys4/├── server/           # Spring Boot 后端├── client/           # Vue3 管理后台└── weixin/           # 微信小程序源码

本文档描述的是当前仓库中的实现能力与架构划分;具体表结构以 MyBatis Mapper 及数据库脚本为准(若另行维护)。

高清视频+源码+领取。

扫描下方公众号【小锋学AI 】回复888

可获取下载链接

👇👇👇

👆长按上方二维码 2 秒
回复「888」即可获取
2026年,锋哥又开始收AI编程学员了!目前活动,送Java+Python+AI大模型VIP。。。