基于微信小程序的环保生活服务系统设计与实现

发布时间：2024-11-15 14:47

博主介绍：✌全网粉丝10W+,CSDN全栈领域优质创作者，博客之星、掘金/知乎/华为云/阿里云等平台优质作者。
精彩专栏推荐订阅
计算机毕业设计精品项目案例（持续更新）
文末获取源码+数据库+文档
感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以和学长沟通，希望帮助更多的人

一.前言

在这里插入图片描述

环境保护问题是当前阶段社会各界广泛关注的一个话题，做好环境保护工作也是构建社会主义和谐社会的重要前提。因为环境保护工作涉及的内容较广泛，工作量大且复杂性强，同时当前阶段我国在环境方面的执法力度远远不够，无法有效满足经济社会发展的需求。基于此,当前时代发展背景下的环境保护应积极采用先进科学技术手段有效实现环保信息化，从整体上提高环境保护推广和普及水平，基于微信小程序的环境保护生活APP主要通过计算机网络，对环境保护生活App的信息进行统一管理，方便管理员随时随地进行增添、修改、查询、删除各类信息，也方便用户查询垃圾信息、环保活动、报名活动、环保商城等。本基于微信小程序的环境保护生活APP极大的促进了系统与数据库管理系统软件之间的配合，满足了绝大部分用户的需求，给用户带来了很大的便利。以现在计算机的技术的应用，使计算机成为人们使用现代发达技术的桥梁。计算机可以有效的解决信息，十分方便的获取信息，从而提高工作的效率。

二.技术环境

jdk版本：1.8 及以上
ide工具：Eclipse或者 IDEA，微信小程序开发工具
数据库: mysql5.7 （必须5.7）
编程语言: Java
java框架：SpringBoot
maven: 3.6.1
详细技术：HTML+CSS+JAVA+SpringBoot+MYSQL+VUE+MAVEN+微信开发工具

三.功能设计

系统分为管理员和用户两种角色。

（1）管理员用例图如下所示：
在这里插入图片描述
（2）用户用例图如下所示：

系统启动后，在登录界面，输入正确的用户名、密码、角色，选择进入管理员界面或用户界面，管理员界面是用来管理页面与系统的所有功能，用户界面可以正常的使用，并对垃圾信息、环保活动、报名活动等进行份内的操作，系统登录结构图如图所示。

在这里插入图片描述
管理员模块属于是网站的后台，进入之后有大量的管理员功能，管理员也可以使用用户模块的功能，为了维护网站的稳定与页面的布局，将管理员模块的功能详细化后可以使用系统管理对页面进行布局修改，可以发布报名活动提示用户规范，用户模块只可以对垃圾信息、环保活动、报名活动、环保商城等进行查询等，并且更改个人信息，环境保护生活系统总体结构图如图所示。
在这里插入图片描述

程序上交给用户进行使用时，需要提供程序的操作流程图，这样便于用户容易理解程序的具体工作步骤，现如今程序的操作流程都有一个大致的标准，即先通过登录页面提交登录数据，通过程序验证正确之后，用户才能在程序功能操作区页面操作对应的功能。
在这里插入图片描述

四.数据设计

开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合，存储在一起的这些数据也是按照一定的组织方式进行的。目前，数据库能够服务于多种应用程序，则是源于它存储方式最佳，具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务，但它与程序之间也可以保持较高的独立性。总而言之，数据库经历了很长一段时间的发展，从最初的不为人知，到现在的人尽皆知，其相关技术也越发成熟，同时也拥有着坚实的理论基础。本系统主要实体属性图如下所示：
在这里插入图片描述

五.部分效果展示

5.1用户微信端实现效果

首页是用户注册登录后进入的第一个界面，用户通过首页的最下面的那一行导航栏中的“首页、环保商城、购物车、我的”进入到相应的网页进行操作；点击“我的”进入我的页面，在我的页面可以对报名活动、用户充值、购物车、我的订单等进行详细操作。首页界面如图所示。
在这里插入图片描述

用户点击垃圾信息，在垃圾信息页面的搜索栏输入垃圾名称，进行索搜，然后可以查看垃圾名称、垃圾分类、封面、危害程度、发布日期等信息，进行收藏或评论等操作。如图所示。
在这里插入图片描述
用户点击环保商城，在环保商城页面的搜索栏输入商品名称，进行索搜，然后可以查看商品编号、商品名称、商品分类、商品图片、上架时问、品牌、规格、价格等信息，进行添加到到购物车、立即购买、收藏或评论等操作。如图所示。
在这里插入图片描述

用户点击“我的”进入我的页面，在我的页面可以对报名活动、用户充值、购物车、我的订单等进行详细操作。如图所示。
在这里插入图片描述

5.2后台管理端实现效果

管理员进入主页面，主要功能包括对系统首页、个人中心、用户管理、垃圾分类管理、垃圾信息管理、环保分类管理、环保活动管理、报名活动管理、商品分类管理、环保商城管理、系统管理、订单管理等进行操作。
管理员点击垃圾信息管理：在垃圾信息管理页面，可以对垃圾名称、垃圾分类、封面、危害程度、发布日期等信息，进行查询、新增或者删除垃圾信息等操作，如图所示：
在这里插入图片描述
管理员点击环保活动管理：在环保活动管理页面，可以对活动名称、图片、环保分类、活动时间、活动地点等信息，进行查询或者删除环保活动等操作，如图所示：

在这里插入图片描述
管理员点击环保商城管理：在环保商城管理页面，可以对商品编号、商品名称、商品分类、商品图片、上架时问、品牌、规格、价格等信息，进行查询、新增或者删除环保商城等操作，如图所示：

部分功能代码

/** * 登录 */@IgnoreAuth@PostMapping(value = "/login")public R login(String username, String password, String captcha, HttpServletRequest request) {UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));if(user==null || !user.getPassword().equals(password)) {return R.error("账号或密码不正确");}String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());return R.ok().put("token", token);}/** * 分组统计 */@IgnoreAuth@RequestMapping("/group/{tableName}/{columnName}")public R group(@PathVariable("tableName") String tableName, @PathVariable("columnName") String columnName) {Map<String, Object> params = new HashMap<String, Object>();params.put("table", tableName);params.put("column", columnName);List<Map<String, Object>> result = commonService.selectGroup(params);SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");for(Map<String, Object> m : result) {for(String k : m.keySet()) {if(m.get(k) instanceof Date) {m.put(k, sdf.format((Date)m.get(k)));}}}return R.ok().put("data", result);}

12345678910111213141516171819202122232425262728293031323334353637