基于springboot+vue实现的智能垃圾分类系统（源码+L文+ppt）4-063

摘要

本论文主要完成不同用户的权限划分，不同用户具有不同权限的操作功能，系统包括用户、物业和管理员模块，主要功能有用户、物业、垃圾站点、垃圾投放、验收信息、积分商城、积分充值、通知物业等管理操作。

关键词：智能垃圾分类系统；springboot框架；

4系统设计

4.1 软件功能模块设计

智能垃圾分类系统分为三个模块，分别是管理员功能模块和用户、物业功能模块。主要功能模块包括：系统首页、用户、物业、垃圾分类、垃圾站点、垃圾投放、验收信息、商品分类、积分商城、商品兑换、积分充值、通知物业、留言板、系统管理、我的信息等，系统总体功能如下图所示[12]。

图4-1智能垃圾分类系统总体功能模块图

4.2 数据库设计

4.2.1 概念模型设计

概念模型是对现实中的问题出现的事物的进行描述，E-R图是由实体及其关系构成的图，通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。

物业信息包括：物业账号、物业姓名、手机号、性别、年龄、头像。

物业信息E-R图如图4-2所示。

图4-2物业信息E-R图

垃圾站点包括：站点编号、站点名称、垃圾分类、站点图片、每/斤1分、成立时间。

垃圾站点E-R图如图4-3所示。

图4-3垃圾站点E-R图

用户信息包括：账号、姓名、手机号、性别、积分、地址、头像。

用户信息E-R图如图4-4所示。

图4-4用户信息E-R图

验收信息包括：垃圾名称、垃圾分类、垃圾图片、垃圾重量、验收时间、账号、姓名。

验收信息E-R图如图4-5所示。

图4-5验收信息E-R图

智能垃圾分类系统总体E-R图如图4-6所示：

智能垃圾分类系统总体E-R图如图4-6

4.2.2 数据表（共21张表）

学习程序设计，如果要了解数据库管理系统或者是根据需求而制定的系统接口，就必须创建一种数据库管理系统的模式，用来保存数据资料，这样当在应用编程过程中时候，就不需要再向操作系统页面上加载信息，进而增加了整个系统的工作效率。信息库管理系统中保存着许多数据，应该说是一个管理信息系统建设的中心和基础，而信息库管理系统也为管理信息系统建设提出了增加、删除、更改和搜索的操作功能，使管理信息系统建设能够迅速地查询所需要的数据，而不会直接从程序代码中查找。信息库管理系统通过将信息表的各个组成部分按照特定的方法准确地合并，排序和组成信息库管理系统。

本系统采用的是MySQL数据库存储数据，系统中使用到的主要数据表的具体展示部分如下所示。

表4-1：积分充值

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
zhanghao	varchar	200	账号
xingming	varchar	200	姓名
jifen	double		充值积分
chongzhishijian	datetime		充值时间
chongzhitupian	longtext	4294967295	充值图片
chongzhibeizhu	longtext	4294967295	充值备注
ispay	varchar	200	是否支付		未支付

表4-2：收藏表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
userid	bigint		用户id
refid	bigint		商品id
tablename	varchar	200	表名
name	varchar	200	名称
picture	longtext	4294967295	图片
type	varchar	200	类型		1
inteltype	varchar	200	推荐类型
remark	varchar	200	备注

此处省略18张表。。。

表4-21：积分商场

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
shangpintiaoma	varchar	200	商品条码
shangpinmingcheng	varchar	200	商品名称
shangpinfenlei	varchar	200	商品分类
shangpintupian	longtext	4294967295	商品图片
shangpinshuliang	int		商品数量
suoxujifen	double		所需积分
shangpinguige	varchar	200	商品规格
shangpinjieshao	longtext	4294967295	商品介绍
clicktime	datetime		最近点击时间
clicknum	int		点击次数		0
discussnum	int		评论数		0
storeupnum	int		收藏数		0

5 系统功能实现

5.1前台用户功能模块

当游客打开系统的网址后，首先看到的就是首页界面。在这里，游客能够看到智能垃圾分类系统的导航条显示系统首页、垃圾站点、积分商城、公告信息、留言板、个人中心。系统首页界面如图5-1所示：

图5-1 系统首页界面

在注册流程中，用户在Vue前端填写必要信息（如用户名、密码等）并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。如图5-2所示：

图5-2用户注册界面图

在登录流程中，用户首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证用户凭证。如果认证成功，后端会返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图5-3所示：

图5-3 用户登录界面

用户点击垃圾站点，在垃圾站点页面的搜索栏输入站点名称等信息，进行搜索，然后还可以查看站点编号、站点名称、垃圾分类、站点图片、每/斤1分、成立时间等信息，还可以点击投放等操作；如图5-4所示：

图5-4垃圾站点页面

用户点击商品兑换，在商品兑换页面的搜索栏输入商品条码、商品名称等信息，进行搜索，然后还可以查看商品条码、商品名称、商品分类、商品图片、兑换数量、所需积分、总积分、商品规格、兑换时间、账号、姓名、用户积分、手机号等信息如有需要可以进行兑换、评论或者收藏等操作，如图5-5所示：

图5-5商品兑换页面

在个人中心页面可以输入个人详细信息，进行信息更新，还可以对修改密码、垃圾投放、商品兑换、积分充值、我的收藏等进行详情操作；如图5-6所示：

图5-6个人中心界面

5.2后台管理员功能模块

管理员登录，通过登录页面输入用户名、密码、角色等信息，进行登录操作，如图5-7所示。

图5-7管理员登录界面图

管理员点击登录摁钮页面跳转到智能垃圾分类系统对系统首页、用户、物业、垃圾分类、垃圾站点、垃圾投放、验收信息、商品分类、积分商城、商品兑换、积分充值、通知物业、留言板、系统管理、我的信息等功能，进行相应操作，如图5-8所示。

图5-8管理员功能界面图

用户信息功能在视图层（view层)进行交互，比如点击“增加”按钮或填写用户信息表单。这些用户信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后，调用服务层(service层)以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层)交互，后者负责具体的数据操作如搜索、增加、更新或删除用户信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便用户信息功能可以看到最新的信息或相应的操作反馈。在用户信息页面的输入栏中输入账号、姓名进行搜索，可以查看到用户详细信息，并根据需要进行修改或者删除等操作；如图5-9所示。

图5-9用户界面

物业信息功能在视图层（view层)进行交互，比如点击“增加”按钮或填写物业信息表单。这些物业信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后，调用服务层(service层)以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层)交互，后者负责具体的数据操作如搜索、增加、更新或删除物业信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便物业信息功能可以看到最新的信息或相应的操作反馈。在物业信息页面的输入栏中输入物业姓名、物业账号进行搜索，可以查看到物业详细信息，并根据需要进行修改或者删除等操作；如图5-10所示。