vue+springboot+mysql的垃圾分类管理系统

1、引言

设计结课作业,课程设计无处下手，网页要求的总数量太多？没有合适的模板？数据库，java，python，vue，html作业复杂工程量过大？毕设毫无头绪等等一系列问题。你想要解决的问题，在微信公众号“coding加油站”中全部会得到解决

2、作品介绍

vue+springboot+mysql的垃圾分类管理系统采用vue，java，springboot技术来实现，符合所学知识体系，适用于常见的作业以及课程设计，需要获取更多的作品，请关注微信公众号：coding加油站获取，如需更多资料，可在微信后台留言。欢迎大家来提问，交流学习。

2.1、作品简介方面

vue+springboot+mysql的垃圾分类管理系统采用常规方式来实现，符合绝大部分的要求。代码配置有相关文档讲解，如需从代码中学到知识点，那么这个作品将是你的不二之选

2.2、作品二次开发工具

此作品代码相对简单，基本使用课堂中所学知识点来完成，只需要修改相关的介绍文字，一些图片，就可以改为自己独一无二的代码，网页作品下载后可使用任意编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用），java，python等相关作业使用自己常使用的工具亦可完成相关二次开发。

2.3、作品技术介绍

vue作品技术方面：使用vue技术开发的网站，涉及常见的vue指令，如v-for，v-if，v-show，v-html等的使用，包含watch，计算属性等常见功能的开发，以及组件的使用，使用vue相关全家桶的使用，运用了v-router来作为路由，完全符合常见的网站开发技术。

springboot：本项目使用springboot框架完成整体的开发，springboot是由Pivotal团队提供的全新框架。spring的出现是为了解决企业级开发应用的复杂性，spring的通过注册bean的方式来管理类，但是随着业务的增加，使用xml配置bean的方式也显得相当繁琐，所以springboot就是为了解决spring配置繁琐的问题而诞生的，并且近几年来非常流行。完全符合相关设计的技术要求。

MySQL：mysql是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件之一。

3、作品演示

vue+springboot+mysql的垃圾分类管理系统

3.1、登录页

登录页采用常见的登录功能，详情界面如下：

部分代码：

  <div class="login_container"><div class="login_box"><div class="avatar_box"><img src="../assets/login.png" /></div><el-formref="loginFormRef":model="loginForm":rules="loginRule"label-width="0px"class="login_form"><el-form-item prop="username"><el-inputv-model="loginForm.username"prefix-icon="el-icon-user"></el-input></el-form-item><el-form-item prop="password"><el-inputv-model="loginForm.password"prefix-icon="el-icon-lock"type="password"></el-input></el-form-item><el-form-item class="btns"><el-button type="success" @click="login">登录</el-button><el-button type="info" @click="resetLoginForm">重置</el-button><el-button type="primary" @click="register">注册</el-button></el-form-item></el-form></div></div>

部分java代码：

 //添加新的用户public boolean insertUser(String uname,String password){User user = new User();user.setId(UUID.randomUUID().toString());user.setUname(uname);user.setUpassword(password);SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");user.setRegisterTime(simpleDateFormat.format(new Date()));//返回修改的行数int i = userMapper.addNewUser(user);if(i>0)return true;elsereturn false;}//根据名字查出用户信息public User getUser(String name){User user=userMapper.getUserByName(name);return user;}//根据用户的用户名来判断用户已经存在（用户注册界面）public ServerResponse<User> register(String username){int i = userMapper.checkUser(username);if(i>0){return ServerResponse.createByWarnMessage("用户已存在");}return ServerResponse.createByErrorMessage("用户名不存在");}//根据用户输入的用户名来判断是否存在（用于登录界面）public ServerResponse<User> login(String username, String password) {int i = userMapper.checkUser(username);if ( i== 0) {return ServerResponse.createByErrorMessage("用户名不存在");}User user = userMapper.checkUserByPassword(username, password);if ( user==null) {return ServerResponse.createByErrorMessage("密码错误");}return ServerResponse.createBySuccess("登陆成功", user);}