垃圾分类小程序的展示：（微信小程序+react后台管理+node后台写接口+mysql数据库）

微信小程序：

功能介绍：1.首页  2.查找  3.小知识知识   4.我的  5.登录  6.注册  7.浏览历史  8.问题反馈（需要登录后反馈）9.退出

展示：

1.首页

 

 

 

 

2.查找

 

 

 

 

 

3.小知识知识

         

 

      

 

4.我的

 

 

 

5.注册

   

 

 

 

6.登录

     

7.浏览历史

 

 

 

8.清除缓存

  

 

 

 

9.问题反馈（需要登录后反馈）

      

 

      

 

10.退出

   

 

 

 

 

 

React后台管理系统：

功能介绍：1.管理员登录 2.数据面板展示  3.垃圾管理   4.用户管理  5.留言管理   6.未读消息  7. 退出

展示：

1.管理员登录

 

 

 

2.数据面板展示

 面板数据都是实时展示的

 

 

3.垃圾管理

 

 

 

 

 

 

 

 

 

 新增垃圾：

 

 

 

 

 

 修改垃圾

 

 

 

 

 

 

 删除垃圾

 

 

 

 

 

 

 

 

 

4.用户管理

增删改和垃圾展示基本相同，这里不再展示，数据变化会反馈到主面板

 

 

 

 

5.留言管理

 

 

 

 

6.未读消息

 右上角有小红点带表有未读消息，这里记录的是数据库中的数据变化

 

 

 点击之后进入消息页面

 

 

 刚刚我们对项目进行的相关操作会标识为未读消息

 

 

 

 点击已读

 

 点击全部已读，全标识已读，小红点消失

7.退出

 

 

 

8.项目结构展示

 

 

node接口展示：

 

数据库展示：

管理员表：

数据库操作表：

 

 

 垃圾分类表：

 

留言表：

 

 

 用户表：