垃圾分类小程序的展示:(微信小程序+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接口展示:

数据库展示:

管理员表:

数据库操作表:

 

 垃圾分类表:

留言表:

 

 用户表:

原文地址:https://www.cnblogs.com/kangxinzhi/p/13801954.html