图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 {
@Autowired
private 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")
@Transactional
public 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);
}
}
演示视频：
5月31日
技术交流：
