目录

基于微信小程序的校园互助平台设计与实现

基于微信小程序的校园互助平台设计与实现

💗博主介绍:✌全网粉丝10W+,CSDN全栈领域优质创作者,博客之星、掘金/知乎/b站/华为云/阿里云等平台优质作者、专注于Java、小程序/APP、python、大数据等技术领域和毕业项目实战,以及程序定制化开发、文档编写、答疑辅导等。

👇🏻 精彩专栏 推荐订阅👇🏻

🌟 文末获取源码+数据库+文档 🌟

感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以和学长沟通,希望帮助更多的人

一.前言

https://i-blog.csdnimg.cn/direct/cc16ffc39ccf42c089ab1c2c2f4b1516.png

随着移动互联网的快速发展,智能手机和微信等社交平台已成为人们日常生活的重要组成部分。在校园中,学生、教师和校园管理者面临着各种信息交互和资源共享的需求。通过微信小程序搭建校园互助平台,可以满足校园内各类用户的需求,提升校园信息化水平。相比于以前的传统手工管理方式,智能化的管理方式可以大幅降低运营人员的成本,实现了校园互助管理的标准化、制度化、程序化的管理,有效地防止了校园互助管理的随意管理,提高了信息的处理速度和精确度,能够及时、准确地搜索和修正失物招领、认领信息、活动报名、互助学习等信息。

课题主要采用微信小程序、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+微信开发工具


三.功能设计

在设计系统的过程中,用例图也是系统设计过程中必不可少的模型,如果说系统的结构图可以简洁明了的表示出系统的有关功能模块,那么用例图则可以更为细致的,结合系统中人员的有关分配,能够从细节上描绘出系统中有关功能所完成的具体事件,确切的反映出某个操作以及它们相互之间的内部联系。

其中参与者就是和系统能够发生交互的外在实体,一般可以指系统的某个用户。一个用例图就能对应出系统中的一个功能过程,系统中完整的功能都是由许多不同的用例图所组成的。

系统用例图如图3-1、图3-2、图3-3、图3-4所示。

https://i-blog.csdnimg.cn/direct/38508b8f8f2f4b0f8a56a36c2a5ea16d.png

https://i-blog.csdnimg.cn/direct/cc2ed8cdf3c04c4e8138d70862fdb405.png

https://i-blog.csdnimg.cn/direct/fe38acf1e879476db4f89f4fff54b4f0.png

https://i-blog.csdnimg.cn/direct/799ca394e6b648969fb5d03d728f2f1e.png

系统总体功能结构图如下所示:

https://i-blog.csdnimg.cn/direct/547be307f93346f98d879355de0c67ac.png

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

https://i-blog.csdnimg.cn/blog_migrate/70a2f813732f06d09e3a0283b4bccd4b.png

四.数据设计

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

https://i-blog.csdnimg.cn/direct/ad57178ee66d4b3c8c717e2bf071aaf3.png

https://i-blog.csdnimg.cn/direct/4ec67be6e2b94ba4b55ded1485b8a252.png

https://i-blog.csdnimg.cn/direct/3999234c7d58402ebc3f8cc32c05b478.png

系统总体E-R图如下所示:

https://i-blog.csdnimg.cn/direct/7b74c605449745a7b56a3e47dec25368.png

五.部分效果展示

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

登录界面,首先双击打开微信小程序端系统,连上网络之后会显示出本系统的登录界面,这是进入小程序的第初始页面“登录”,能成功进入到该登录界面则代表小程序的开启是成功的,接下来就可以操作本系统所带有的其他所有的功能,如图所示。

https://i-blog.csdnimg.cn/direct/73c7167bdf034fc6a5bf7a6ca1e39835.png

系统首页是用户注册登录后进入的第一个界面,用户可通过小程序端首页进入对应的页面或者通过小程序最下面的那一行导航栏中的“首页、交流论坛、我的”,也可以点击“我的”进入我的页面,在我的页面可以对跑腿任务、接单信息、派送订单、完成订单、订单评价、确认收货、失物招领、认领信息、活动报名、互助学习、我的收藏等进行详细操作,如图所示。

https://i-blog.csdnimg.cn/direct/00da7bea0f9a4998b5a9917ceb9319ae.png

用户点击校园资讯,在校园资讯页面的输入栏填写标题,进行搜索,然后查看标题、分类名称、发布人、点击次数、收藏数、图片等信息,如有需要可以点赞或者收藏,如图所示。

https://i-blog.csdnimg.cn/direct/c1720bba74674849b819a9bbeb4bbb6d.png

用户点击交流论坛,在交流论坛页面的输入栏填写标题,进行搜索,然后查看帖子标题、用户名、状态、是否置顶、置顶时间 等信息、还可以进行点赞或者评论等操作如图所示。

https://i-blog.csdnimg.cn/direct/e078863b812147ad93c2ea84405e4702.png

在我的功能界面,用户点击“我的”进入我的页面,在我的页面可以对跑腿任务、接单信息、派送订单、完成订单、订单评价、确认收货、失物招领、认领信息、活动报名、互助学习、我的收藏等进行详细操作,如图所示。

https://i-blog.csdnimg.cn/direct/7cc7fb306b17474d9a4ebe9c6fe4b98e.png

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

管理员的登陆界面包括管理员的账号、密码,其中就是已有的账号,还有需要注册的账号。只要管理员在账号上注册,注册信息就会被录入 MySQL数据库,有一个资料库,只要输入成功,就可以登陆,然后进入主页的管理。管理员登录界面如图所示。

https://i-blog.csdnimg.cn/direct/54f3dd01ab48441fa0ad8f6a3a39c32c.png

管理员登录到微信小程序的校园互助平台可以查看系统首页、跑腿管理、用户管理、跑腿类型管理、跑腿任务管理、接单信息管理、派送订单管理、完成订单管理、订单评价管理、确认收货管理、失物招领管理、认领信息管理、校园活动管理、活动报名管理、互助学习管理、交流论坛、系统管理等功能进行详细操作,如图所示。

https://i-blog.csdnimg.cn/direct/7f8a85635206435cbe212781346f23e0.png

在用户信息页面的输入栏中输入用户账号、昵称进行查找,可以查看到用户详细信息,并根据需要进行修改或者删除等操作;如图所示。

https://i-blog.csdnimg.cn/direct/955a218edd0047609e1c4b44c58994a5.png

在跑腿页面的输入栏中输入跑腿账号、跑腿姓名进行查找,可以查看到跑腿详细信息,并根据需要进行修改或者删除等操作;如图所示。

https://i-blog.csdnimg.cn/direct/6e7a8aa2d2f9493fb590c31d7fcce70e.png

管理员点击跑腿任务管理;在跑腿任务管理页面对订单编号、物品名称、跑腿类型、物件分类、取件地点、订单状态、配送地点、图片、佣金(元)、用户账号、用户姓名、电话号码等信息,进行修改或删除跑腿任务等操作;如图所示。

https://i-blog.csdnimg.cn/direct/ddfed5edcb884ee5941614cab0879cc0.png

管理员点击接单信息管理;在接单信息管理页面对订单编号、物品名称、跑腿类型、物件分类、取件地点、配送地点、佣金、状态、图片、接单时间、用户账号、用户姓名、电话号码、跑腿账号、跑腿姓名等信息,进行查找或删除接单信息等操作;如图所示。

https://i-blog.csdnimg.cn/direct/5190ad210bde41939489f705aaeef9af.png

管理员点击失物招领管理;在失物招领管理页面对物品编号、物品名称、图片、拾的地址、认领地址、用户账号、用户姓名、电话号码等信息,进行查找或删除失物招领信息等操作;如图所示。

https://i-blog.csdnimg.cn/direct/9947355179d843e1b9a8442599ae6c3d.png

管理员点击认领信息管理;在认领信息管理页面对认领编号、物品名称、图片、认领时间、用户账号、用户姓名、审核回复、审核状态等信息,进行查找或删除认领信息等操作;如图所示。

https://i-blog.csdnimg.cn/direct/5fecc69b97a541968235a7a0d6aa454e.png

管理员点击校园活动管理;在校园活动管理页面对活动编号、活动名称、图片、活动状态、活动时间、活动地址、发布时间等信息,进行查找、新增或删除校园活动等操作;如图所示。

https://i-blog.csdnimg.cn/direct/66b8a3eae9204b9085e6825bbcd1c28b.png

5.3跑腿服务端功能实现效果

跑腿的注册、登陆界面包括跑腿的账号、密码,其中就是已有的账号,还有需要注册的账号。只要跑腿在账号上注册,注册信息就会被录入 MySQL数据库,有一个资料库,只要输入成功,就可以登陆,然后进入主页的管理。跑腿注册、登录界面如图所示。

https://i-blog.csdnimg.cn/direct/4918ba3865a74f7aaeacb9d49b4a7d3e.png

https://i-blog.csdnimg.cn/direct/bdbf45c2fee84e1fbcac330450f46c40.png

跑腿登录到微信小程序的校园互助平台可以查看系统首页、跑腿任务管理、接单信息管理、派送订单管理、完成订单管理、订单评价管理、确认收货管理、我的信息等功能进行详细操作,如图所示。

https://i-blog.csdnimg.cn/direct/0eff0ad8b186470e88697349f88c4e12.png

部分功能代码

	/**
	 * 上传文件
	 */
	@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();
    }

源码及文档获取

文章下方名片联系我即可~

大家点赞、收藏、关注、评论啦 、查看👇🏻获取联系方式👇🏻

精彩专栏推荐订阅:在下方专栏👇🏻

💟💟如果大家有任何疑虑,欢迎在 下方位置 详细交流。