基于微信小程序的社区绿化服务平台设计与实现_基于微信小程序的绿色行动平台课题研究现状-CSDN博客

本文链接：https://blog.csdn.net/qq_15801219/article/details/140520619

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

一.前言

在这里插入图片描述

时代在飞速进步，每个行业都在努力发展现在先进技术，通过这些先进的技术来提高自己的水平和优势，社区绿化服务平台当然不能排除在外。社区绿化服务平台是在实际应用和软件工程的开发原理之上，运用微信开发者、java语言以及SpringBoot框架进行开发。微信小程序社区绿化服务平台能够有效推动社区绿化工作，提升城市的绿化覆盖率，从而改善城市环境。平台能够帮助社区打造更加宜居、美观的绿化环境，减少空气污染等环境问题，促进城市生态环境的可持续发展。

本社区绿化服务平台采用微信小程序、SpringBoot架构技术，微信端以小程序页面呈现给用户，结合后台java语言使页面更加完善，后台使用MySQL数据库进行数据存储。该微信小程序主要设计并完成了管理过程中的用户、植物知识、志愿者申报、公益捐赠、社区活动、活动报名、植物认养等功能。该微信小程序操作简便，界面设计简洁，不但可以基本满足本行业的日常管理工作，同时又可以有效减少人员成本和时间成本，为社区绿化服务工作提供了方便。

二.技术环境

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）用户用例图如下所示：
在这里插入图片描述

微信小程序的社区绿化服务平台根据权限类型进行分类，主要可分为用户微信端和管理员服务端二大模块。系统总体模块设计如下如图所示。
在这里插入图片描述

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

四.数据设计

数据库概念模型的设计是为了抽象真实世界的信息，并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。而且Mysql数据库是自我保护能力比较强的数据库，限于篇幅要求，仅列出关键部分实体属性图和E-R图，如下所述。
在这里插入图片描述

系统总体E-R图如下所示：
在这里插入图片描述

五.部分效果展示

5.1用户微信端功能实现效果

当用户微信小程序的网址后，首先看到的就是首页界面。在这里，用户能够看到社区绿化服务平台的低部导航条显示首页、植物知识、意见反馈、互助论坛、我的等，微信小程序界面如图所示：

在这里插入图片描述

当进入微信小程序时可以通过注册来登录，只需要根据相应的提示，输入用户账号、用户姓名、年龄、头像、手机号码等信息即可。用户注册界面如图所示：
在这里插入图片描述

这是用户登录界面，用户在登录页面填写账号或者密码、角色，点击登录，如图所示：
在这里插入图片描述

用户点击社区活动，在社区活动可以查看活动名称、活动图片、活动地点、参与人数、发布时间、评论数、收藏数等信息，如有需要可点击活动报名或、收藏、赞、踩一下等操作，如图所示：

在这里插入图片描述

用户点击公益捐赠，在公益捐赠页面可以输入捐赠编号、捐赠名称、捐赠类型、捐赠金额、捐赠时间、用户账号、用户姓名、封面、捐赠日期、是否支付、审核回复、审核状态等信息，即可完成捐赠等操作，如图所示：

在这里插入图片描述

用户点击我的页面，在我的页面可以对植物知识、志愿者申报、公益捐赠、活动报名、活动打卡、认养、在线客服、我的发帖、意见反馈、修改密码，进行详细操作，如图所示：

在这里插入图片描述

5.2管理员服务端功能实现效果

管理员登录，在登录页面选择需要登录的角色，在正确输入用户名和密码后选择角色，点击登录操作；如图所示。
在这里插入图片描述

管理员进入主页面，主要功能包括对首页、用户、分类、植物知识、志愿者申报、公益捐赠、社区活动、活动报名、活动打卡、植物认养、认养、意见反馈、互助论坛、系统管理、我的信息等进行操作。管理员主页面如图所示：

在这里插入图片描述

在社区活动信息页面的输入栏中输入社区活动名称进行查询，可以查看到社区活动信息详细信息，并根据需要进行修改或者删除等操作；如图所示：
在这里插入图片描述

管理员点击植物知识：在植物知识页面可以对名称、图片、分类、用户账号、用户姓名、点击次数等信息，进行查询或者删除植物知识等操作，如图所示：
在这里插入图片描述

管理员点击志愿者申报：在志愿者申报页面，可以对用户账号、用户姓名、头像、手机号码、申报资料、申报时间、审核回复、审核状态等信息，进行查询、审核或者删除志愿者申报等操作，如图所示：
在这里插入图片描述

管理员点击公益捐赠：在公益捐赠页面，可以对捐赠编号、捐赠名称、捐赠类型、捐赠金额、捐赠时间、用户账号、用户姓名、封面、捐赠日期、是否支付、审核回复、审核状态等信息，进行查询、审核或者删除公益捐赠等操作，如图所示：
在这里插入图片描述

管理员点击活动报名：在活动报名页面，可以对活动名称、活动图片、活动地点、报名时间、用户账号、用户姓名、报名人数等信息，进行查询，查看活动报名人数统计或者删除活动报名信息等操作，如图所示：
在这里插入图片描述

管理员点击活动打卡：在活动打卡页面，可以对活动名称、活动图片、活动地点、打卡时间、用户账号、用户姓名等信息，进行查询或者删除活动打卡等操作，如图所示：
在这里插入图片描述

管理员点击植物认养：在植物认养页面，可以对名称、分类、数量、封面等信息，进行查询、添加或者删除植物认养等操作，如图所示：
在这里插入图片描述

管理员点击意见反馈：在意见反馈页面，可以对用户名、留言内容、留言图片、回复内容、回复图片等信息，进行查询或者删除意见反馈等操作，如图所示：
在这里插入图片描述

部分功能代码

	/**
	 * 上传文件
	 */
	@RequestMapping("/upload")
    @IgnoreAuth
	public R upload(@RequestParam("file") MultipartFile file,String type) throws Exception {
		if (file.isEmpty()) {
			throw new EIException("上传文件不能为空");
		}
		String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
		File path = new File(ResourceUtils.getURL("classpath:static").getPath());
		if(!path.exists()) {
		    path = new File("");
		}
		File upload = new File(path.getAbsolutePath(),"/upload/");
		if(!upload.exists()) {
		    upload.mkdirs();
		}
		String fileName = new Date().getTime()+"."+fileExt;
        if(StringUtils.isNotBlank(type) && type.contains("_template")) {
            fileName = type + "."+fileExt;
            new File(upload.getAbsolutePath()+"/"+fileName).deleteOnExit();
        }
		File dest = new File(upload.getAbsolutePath()+"/"+fileName);
		file.transferTo(dest);
		if(StringUtils.isNotBlank(type) && type.equals("1")) {
			ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
			if(configEntity==null) {
				configEntity = new ConfigEntity();
				configEntity.setName("faceFile");
				configEntity.setValue(fileName);
			} else {
				configEntity.setValue(fileName);
			}
			configService.insertOrUpdate(configEntity);
		}
		return R.ok().put("file", fileName);
	}

	/**
	 * 登录
	 */
	@IgnoreAuth
	@RequestMapping(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
	@PostMapping(value = "/register")
	public R register(@RequestBody UsersEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }