企业官网建设流程全解析

一、项目简介

智能垃圾识别系统是一套基于 SpringBoot3 + Vue3 前后端分离架构的垃圾分类管理平台。系统围绕"识别—学习—投放—激励"的闭环设计，提供 AI 图片识别垃圾、垃圾分类知识库、积分奖励与商城兑换、投放记录审核、反馈处理等完整功能链路。系统包含普通用户与管理员两种角色：普通用户通过 AI 识别、搜索、投放登记、积分兑换等操作完成日常垃圾分类；管理员在后台对用户、垃圾类别、物品、知识文章、投放记录、积分规则、商城商品、反馈、公告与轮播图进行统一管理。前端使用 Vue3 + Vite + Pinia，后端使用 Spring Boot 3 + MyBatis-Plus + JWT，数据库为 MySQL 8.x，整体架构清晰，适合作为前后端分离项目的学习与二次开发基础。

二、技术栈

三、功能模块

管理员端

• 用户管理：分页查询用户列表，支持按用户名/昵称模糊搜索；可新增用户、编辑用户信息、重置密码、启用/禁用账号、删除用户（不可删除管理员账号）。
• 垃圾分类管理：管理垃圾类别，字段包括名称、图标、颜色、描述、投放方法、排序号，支持新增、编辑、删除操作。
• 垃圾物品管理：分页查询物品列表，支持关键词和分类筛选；可新增、编辑、删除物品，字段包括名称、所属分类、图片、备注。
• 知识管理：分页管理知识文章，可新增、编辑、删除文章（标题、内容、封面、所属分类），文章自动计数浏览量。
• 投放记录审核：分页查看所有投放记录，支持按审核状态筛选；审核通过/驳回并填写审核备注，审核通过时自动发放积分。
• 积分规则管理：查看积分规则列表，可编辑各规则的积分值（如注册奖励、识别奖励、正确投放奖励等）。
• 积分商城管理：管理兑换商品，支持新增、编辑、删除，字段包括名称、图片、描述、所需积分、库存、上下架状态。
• 反馈管理：分页查看用户反馈，支持按状态筛选；查看反馈详情并回复，回复后标记为已处理。
• 公告管理：管理系统公告，支持新增、编辑、删除，可设置公告类型、封面图片、发布状态。
• 轮播图管理：管理首页轮播图，支持新增、编辑、删除，可设置标题、图片、链接、排序、启用状态。

普通用户端

• 注册与登录：支持用户名密码注册，注册即获积分奖励；登录后返回 JWT Token 用于后续请求鉴权。
• AI 图片识别垃圾：上传垃圾图片，系统调用百度 AI 接口识别垃圾名称、分类、置信度及投放建议。
• 垃圾物品搜索：按关键词或分类筛选垃圾物品，查看物品归属分类、分类颜色及投放要求。
• 投放登记：提交投放记录（选择分类、填写重量、来源、上传图片），待管理员审核。
• 我的投放记录：查看个人投放列表（分页展示），查看审核状态、审核备注及获得的积分。
• 识别历史：查看个人所有 AI 识别记录，包含识别结果、分类名称、置信度及识别时间。
• 积分明细：查看个人积分变动记录（类型、增减分值、描述、时间）。
• 积分商城兑换：浏览可用商品（按积分排序），使用积分兑换商品，库存自动扣减并生成兑换记录。
• 兑换记录：查看个人兑换历史（商品名称、消耗积分、兑换状态、时间）。
• 个人资料编辑：修改昵称、手机号、邮箱、头像。
• 修改密码：输入原密码与新密码完成密码更新。
• 提交反馈：填写反馈标题、内容、类型，可上传图片，提交后等待管理员回复。
• 我的反馈：查看已提交的反馈列表及管理员的回复内容。
• 个人统计概览：查看当前积分、总投放次数、总识别次数、正确投放次数。
• 知识库浏览：按分类筛选垃圾分类知识文章，查看详情（自动增加阅读数）。
• 公告列表：查看系统公告（支持按类型筛选），点击查看公告详情。
• 轮播图：查看首页轮播图列表（按排序展示已启用的轮播）。
• 分类浏览：查看所有垃圾类别（名称、图标、颜色、描述、投放方法），按排序展示。

四、项目总结

本项目的技术亮点在于将 AI 识别能力与业务闭环深度结合：用户通过 AI 识别获取分类结果，再通过投放登记与管理员审核形成积分激励，最终在商城完成兑换，形成完整的产品逻辑。后端采用 Spring Boot 3 + MyBatis-Plus 提供 RESTful API，JWT 保证接口安全；前端使用 Vue3 组合式 API 与 Pinia 管理全局状态，配合 Vite 实现快速开发与构建。系统功能覆盖全面，角色权限清晰，数据库设计规范，适合作为毕业设计、课程设计或企业级垃圾分类项目的二次开发基础，也适合学习前后端分离架构、JWT 鉴权、文件上传、AI 接口对接等关键技术点的开发者参考。

界面展示

交付内容

本项目为完整交付，包含：

• 完整后端源码
• 完整前端源码
• 数据库初始化脚本（SQL）
• 万字项目文档（设计文档 / 论文，可作课程设计、毕业设计参考）

获取完整源码

完整前后端源码 + 数据库脚本 + 万字项目文档见 Gitee 仓库：https://gitee.com/kangxihuang/src-K263