图1 前台首页截图

首页展示：首页展示法律法规、公示公告、用户交流论坛、分类指南、垃圾站点、以及个人中心；

法律法规：展示我国《城市生活垃圾分类及其评价标准》以及《生活垃圾分类标志》等最新法律法规；

公示公告：学校发布垃圾处理通知公告，通过资讯了解各类环保信息；

用户交流论坛：教职工和学生可以交流垃圾分类的心得，提出自己的想法；

分类指南：用户可以查询垃圾种类，帮助用户进行垃圾分类；

个人中心：用户注册或登录账号，进入个人信息管理后台；

站点信息查询：可以看到各个站点的信息和状态，并且当用户有大量的可回收物品时，可以预约相应的站点上门回收；

我的预约申请：用户可查看自己的垃圾回收申请、删除申请。

用户登录注册：用户根据用户的用户名与密码，进入垃圾分类信息前台，没有用户的可以进行注册。

退出登录状态：用户点击后即可退出垃圾分类系统前台的登录。

 图2 前台分类指南截图

 图3 后台管理系统截图

（1）个人信息管理模块

个人资料管理：用户可以修改其密码以及详细资料；

垃圾信息查询：可以查询垃圾种类，帮助学生进行垃圾分类；

交流论坛管理：用户可发布、查询、删除论坛信息；

（2）管理员信息管理模块

管理员密码管理：管理员通过此功能修改其密码；

注册用户管理：管理员对注册的用户进行查看、修改、删除；

通知公告管理：管理员对垃圾咨询进行查看、修改、删除；

垃圾预约回收申请管理：管理员对用户提交的预约申请进行查看、审批；

交流论坛管理：管理员对用户发布的论坛进行查看、删除；

管理员登录：管理员通过预设的用户名与密码，进入垃圾分类信息管理后台，对垃圾分类信息进行管理。

退出登录状态：管理员点击后即可退出垃圾分类信息管理后台返回到首页。

图4 代码结构截图

      一、相关技术

        本垃圾分类系统的开发主要运用了SSM框架、MySQL数据库、IDEA集成开发工具、Maven项目构建工具、Vue前台框架。SpringBoot+Spring+Mybatis框架为系统提供了稳定的后端架构，确保了系统的高效运行和可扩展性；MySQL 数据库则为数据存储和管理提供了可靠支持；Vue 技术的引入让前端界面更加友好和交互性强；集成开发环境 IDEA 为开发过程提供了便捷的工具和环境，提升了开发效率；项目构建工具 Maven 则有效管理了项目的构建和依赖关系。这些技术的有机结合，共同打造了一个功能完善、性能优越的垃圾分类系统，为垃圾分类工作的信息化和智能化提供了有力保障，也为类似系统的开发提供了有益的参考和借鉴。

      1.1 SpringBoot+Spring+Mybatis框架

        本项目采用Java语言，使用MVC的软件设计模式，基于SpringBoot+Spring+Mybatis框架搭建。通过SpringBoot进一步简化了Spring应用的整个搭建和开发过程，解决了依赖包版本冲突，以及引用的不稳定性。Spring框架主要提供IOC和AOP等核心功能，使业务组件能够实现依赖注入和事务管理；而Mybatis框架则专注于数据持久化和数据库访问，负责对数据访问层进行封装，并提供了映射文件和查询语句配置，从而简化了数据库交互操作。使用SpringBoot+Spring+Mybatis框架开发本系统，可以更好的专注于业务逻辑的开发，而无需关心底层功能的实现 ，如表2.1系统架构表所示。

     1.2 MySQL数据库

       MySQL是一种高性能的关系型数据库，能与JAVA兼容。在系统的设计与实现过程中，MySQL负责在网站中储存和管理数据，例如用户登录信息、垃圾信息、垃圾分类信息等，并支持高效的数据检索和处理操作。在系统开发过程中，通过Mybatis框架提供的映射文件和查询语句配置进行数据库CRUD（增删改查）操作，使得开发变得更加顺畅。

     1.3 VUE

      Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，可以高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。Vue是组件化开发，减少代码的书写，使代码易于理解，同时可以对数据进行双向绑定，相比较传统的用超链接进行页面的切换与跳转，Vue使用的是路由，不用刷新页面，Vue是单页应用，加载时不用获取所有的数据和DOM，提高加载速度，优化了用户体验，并且Vue的第三方组件库丰富，使用起来方便，能够提高开发效率。

      1.4 集成开发环境（IntelliJ IDEA）

      垃圾分类系统通过IDEA进行开发。IDEA全称 IntelliJ IDEA，是Java编程语言的集成开发环境。IntelliJ在业界被公认为最好的Java开发工具，尤其在智能代码助手、代码自动提示、重构、JavaEE支持、各类版本工具(git、svn等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。

      1.5 项目构建工具（maven）

       Maven 是一款为 Java 项目管理构建、依赖管理的工具，使用 Maven 可以自动化构建、测试、打包和发布项目，大大提高了开发效率和质量。系统采用Maven来管理jar包，可以方便地维护项目所依赖的外部库，避免版本冲突和转换错误等，仅仅需要编写配置即可。

图5 论文目录截图

二、数据库ER图

图6 数据库ER图

三、核心代码

package com.controller;import java.math.BigDecimal;
import java.text.SimpleDateFormat;
import java.text.ParseException;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Map;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;import com.utils.ValidatorUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.transaction.annotation.Transactional;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.annotation.IgnoreAuth;import com.entity.AboutusEntity;
import com.entity.view.AboutusView;import com.service.AboutusService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MD5Util;
import com.utils.MPUtil;
import com.utils.CommonUtil;
import java.io.IOException;/*** 关于我们* 后端接口* @author * @email * @date 2023-03-19 17:33:53*/
@RestController
@RequestMapping("/aboutus")
public class AboutusController {@Autowiredprivate AboutusService aboutusService;/*** 后端列表*/@RequestMapping("/page")public R page(@RequestParam Map<String, Object> params,AboutusEntity aboutus,HttpServletRequest request){EntityWrapper<AboutusEntity> ew = new EntityWrapper<AboutusEntity>();PageUtils page = aboutusService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, aboutus), params), params));return R.ok().put("data", page);}/*** 前端列表*/@IgnoreAuth@RequestMapping("/list")public R list(@RequestParam Map<String, Object> params,AboutusEntity aboutus, HttpServletRequest request){EntityWrapper<AboutusEntity> ew = new EntityWrapper<AboutusEntity>();PageUtils page = aboutusService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, aboutus), params), params));return R.ok().put("data", page);}/*** 列表*/@RequestMapping("/lists")public R list( AboutusEntity aboutus){EntityWrapper<AboutusEntity> ew = new EntityWrapper<AboutusEntity>();ew.allEq(MPUtil.allEQMapPre( aboutus, "aboutus")); return R.ok().put("data", aboutusService.selectListView(ew));}/*** 查询*/@RequestMapping("/query")public R query(AboutusEntity aboutus){EntityWrapper< AboutusEntity> ew = new EntityWrapper< AboutusEntity>();ew.allEq(MPUtil.allEQMapPre( aboutus, "aboutus")); AboutusView aboutusView =  aboutusService.selectView(ew);return R.ok("查询关于我们成功").put("data", aboutusView);}/*** 后端详情*/@RequestMapping("/info/{id}")public R info(@PathVariable("id") Long id){AboutusEntity aboutus = aboutusService.selectById(id);return R.ok().put("data", aboutus);}/*** 前端详情*/@IgnoreAuth@RequestMapping("/detail/{id}")public R detail(@PathVariable("id") Long id){AboutusEntity aboutus = aboutusService.selectById(id);return R.ok().put("data", aboutus);}/*** 后端保存*/@RequestMapping("/save")public R save(@RequestBody AboutusEntity aboutus, HttpServletRequest request){aboutus.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(aboutus);aboutusService.insert(aboutus);return R.ok();}/*** 前端保存*/@RequestMapping("/add")public R add(@RequestBody AboutusEntity aboutus, HttpServletRequest request){aboutus.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(aboutus);aboutusService.insert(aboutus);return R.ok();}/*** 修改*/@RequestMapping("/update")@Transactionalpublic R update(@RequestBody AboutusEntity aboutus, HttpServletRequest request){//ValidatorUtils.validateEntity(aboutus);aboutusService.updateById(aboutus);//全部更新return R.ok();}/*** 删除*/@RequestMapping("/delete")public R delete(@RequestBody Long[] ids){aboutusService.deleteBatchIds(Arrays.asList(ids));return R.ok();}/*** 提醒接口*/@RequestMapping("/remind/{columnName}/{type}")public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, @PathVariable("type") String type,@RequestParam Map<String, Object> map) {map.put("column", columnName);map.put("type", type);if(type.equals("2")) {SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");Calendar c = Calendar.getInstance();Date remindStartDate = null;Date remindEndDate = null;if(map.get("remindstart")!=null) {Integer remindStart = Integer.parseInt(map.get("remindstart").toString());c.setTime(new Date()); c.add(Calendar.DAY_OF_MONTH,remindStart);remindStartDate = c.getTime();map.put("remindstart", sdf.format(remindStartDate));}if(map.get("remindend")!=null) {Integer remindEnd = Integer.parseInt(map.get("remindend").toString());c.setTime(new Date());c.add(Calendar.DAY_OF_MONTH,remindEnd);remindEndDate = c.getTime();map.put("remindend", sdf.format(remindEndDate));}}Wrapper<AboutusEntity> wrapper = new EntityWrapper<AboutusEntity>();if(map.get("remindstart")!=null) {wrapper.ge(columnName, map.get("remindstart"));}if(map.get("remindend")!=null) {wrapper.le(columnName, map.get("remindend"));}int count = aboutusService.selectCount(wrapper);return R.ok().put("count", count);}}

演示视频：

技术交流：