1. 项目背景与核心价值
这个基于SSM+Vue的垃圾快捷分类服务平台，本质上是一个面向高校计算机专业毕业设计的全栈开发项目。我在指导类似项目时发现，垃圾分类信息化系统正成为近年毕设选题的热门方向——这既符合国家政策导向，又能体现学生全栈开发能力。
从技术架构看，项目采用经典的前后端分离模式：
- 后端：SSM框架（Spring+SpringMVC+MyBatis）提供RESTful API
- 前端：Vue.js构建响应式单页应用
- 数据层：MySQL关系型数据库存储分类规则、用户数据等结构化信息
这种组合的优势在于：
- 技术栈成熟稳定，社区资源丰富，降低开发风险
- 分层架构清晰，便于展示学生的系统设计能力
- 可扩展性强，后期可轻松接入图像识别等AI能力
特别提醒：毕设项目切忌过度追求新技术堆砌，应优先确保核心功能完整性和代码规范性。SSM+Vue的组合既能满足评审要求，又不会增加不必要的学习成本。
2. 系统功能模块设计
2.1 核心业务流程图
mermaid复制graph TD
A[用户登录] --> B[垃圾拍照/输入]
B --> C{智能分类}
C -->|成功| D[显示分类结果]
C -->|失败| E[人工修正]
D --> F[生成投放指引]
E --> F
F --> G[数据统计]
2.2 功能模块分解
2.2.1 用户管理模块
- 注册/登录（JWT认证）
- 个人中心
- 历史记录查询
2.2.2 智能分类模块
- 文本分类（关键词匹配）
- 图像分类（可选扩展）
- 混合分类决策
2.2.3 数据统计模块
- 分类准确率分析
- 用户行为统计
- 可视化报表（ECharts）
2.2.4 知识库管理
- 分类规则维护
- 常见问题库
- 回收点GIS数据
3. 关键技术实现细节
3.1 后端核心代码结构
code复制src/
├── main/
│ ├── java/
│ │ └── com/
│ │ └── waste/
│ │ ├── config/ # Spring配置
│ │ ├── controller/ # 控制器层
│ │ ├── dao/ # MyBatis接口
│ │ ├── entity/ # 实体类
│ │ ├── service/ # 业务逻辑
│ │ └── util/ # 工具类
│ └── resources/
│ ├── mapper/ # SQL映射文件
│ ├── application.yml
│ └── logback.xml
3.2 分类算法实现示例
java复制// 基于规则的关键词分类器
public String classifyByKeywords(String wasteName) {
Map<String, String> keywordRules = new HashMap<>();
keywordRules.put("电池|灯泡|药品", "有害垃圾");
keywordRules.put("剩菜|果皮|茶叶", "厨余垃圾");
keywordRules.put("纸张|塑料瓶|玻璃", "可回收物");
for (Map.Entry<String, String> entry : keywordRules.entrySet()) {
if (wasteName.matches(".*(" + entry.getKey() + ").*")) {
return entry.getValue();
}
}
return "其他垃圾";
}
3.3 前端Vue组件设计
vue复制<template>
<div class="classifier">
<uploader @upload-success="handleImage"/>
<text-input v-model="wasteText"/>
<result-panel :result="classificationResult"/>
<map-guide v-if="showGuide" :type="resultType"/>
</div>
</template>
<script>
export default {
data() {
return {
wasteText: '',
classificationResult: null
}
},
methods: {
async submitClassification() {
const res = await axios.post('/api/classify', {
text: this.wasteText
});
this.classificationResult = res.data;
}
}
}
</script>
4. 开发注意事项
4.1 毕设论文要点
- 绪论部分要明确垃圾分类政策背景
- 技术选型章节需对比SSM与其他框架优劣
- 系统设计部分建议使用UML图辅助说明
- 测试章节需包含功能测试和性能测试
4.2 常见问题解决方案
| 问题现象 | 可能原因 | 解决方案 |
|---|---|---|
| Vue跨域访问失败 | 后端未配置CORS | 添加@CrossOrigin注解 |
| MyBatis查询结果为空 | 字段名大小写不匹配 | 使用@Result注解显式映射 |
| 图片上传大小限制 | Spring默认1MB限制 | 配置multipart.maxFileSize |
4.3 答辩准备建议
- 准备两套演示环境：本地开发环境+云端部署
- 重点演示核心分类功能的实现过程
- 提前模拟可能的技术提问：
- SSM框架的工作流程
- Vue组件通信方式
- 数据库索引优化方案
5. 扩展方向建议
对于想提升项目竞争力的同学，可以考虑：
- 接入百度/阿里云的图像识别API实现拍照分类
- 添加微信小程序端扩大使用场景
- 引入用户积分激励机制
- 开发管理员的数据分析看板
项目部署小技巧：使用Docker-compose打包MySQL+后端服务，用Nginx部署Vue静态资源，这样答辩时只需一个docker-compose up命令即可启动全套系统。