基于SpringBoot+Vue的校园跑腿系统设计与实现-优快云博客

💗博主介绍：✌全网粉丝20W+,优快云全栈领域优质创作者，博客之星、掘金/华为云/阿里云等平台优质作者,计算机毕设实战导师。目前专注于大学生项目实战开发,讲解,毕业答疑辅导，欢迎高校老师/同行前辈交流合作✌
💗主要服务内容：免费功能设计、选题定题、开题报告、任务书、程序开发、论文编写和辅导、论文降重、程序讲解、答辩辅导等，欢迎咨询~
👇🏻 精彩专栏推荐订阅👇🏻
计算机毕业设计精品项目案例（持续更新，值得收藏！）✅
2025-2026年计算机毕业设计选题推荐：计算机专业毕业设计题目大全✅
全网最全计算机毕业设计选题推荐：计算机毕设选题指导及避坑指南✅
🌟文末获取源码+数据库+文档🌟
感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以和学长沟通，希望帮助更多的人

一.前言

在这里插入图片描述

在高校校园生活场景中，学生日常事务繁多，诸如取快递、超市采购等跑腿需求日益增长，但目前校园内缺乏一个高效便捷、集中统一的跑腿服务平台来满足这些需求。同时，随着互联网技术的蓬勃发展，线上服务平台凭借其便捷性、高效性等优势，在校园生活中得到广泛应用。SpringBoot 框架以其快速开发、简化配置等特性，成为构建校园服务类系统的理想选择。因此，设计并实现一个基于 SpringBoot 的校园跑腿系统，整合校园跑腿资源，为师生提供一站式跑腿服务，具有重要的现实意义。
本文旨在设计与实现一个基于 SpringBoot 的校园跑腿系统，该系统分为用户和管理员两种角色。用户模块具备系统公告查看、帮跑腿（抢单与查询不同类型跑腿单，发布者审核抢单者）、求跑腿（发布跑腿信息待管理员审核）、我的跑腿（管理抢单与发起的跑腿，确认完成获取积分）、在线评价（对跑腿员服务打分供其他用户参考）、交流互动（用户间聊天）、在线客服（与管理员交流并智能回复）、排行榜（按跑腿单数和积分排名）、在线留言（图文结合）、积分兑换（用积分换商品）以及个人中心（管理注册信息）等功能；管理员模块涵盖用户管理（处理用户信息）、跑腿管理（审核与管理用户发布的跑腿信息）、抢单管理、留言管理（回复与管理用户留言）、公告管理（增删公告）、评价管理（管理用户评价）、交流互动管理（管理聊天信息）、排行榜管理以及在线客服管理等功能。通过该系统，有效满足了校园内多样化的跑腿需求，提升了校园生活的便捷性与效率。

二.技术环境

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.帮跑腿：包括抢单、查询跑腿单。跑腿单包括订单类型和订单需求。
订单类型包含：超市跑腿、快递跑腿和其他跑腿等，用户可以参与抢单，有人抢单后发布者可以进行审核（同意/不同意）。
3.求跑腿：发布跑腿信息，包括跑腿标题、跑腿时间、送达位置、跑腿费、联系方式、跑腿描述、可获取积分等，发布跑腿订单后等待管理员进行审核。
4.我的跑腿：包含我抢单的跑腿、发起的跑腿。接单者完成后可选择已完成，跑腿发起人可以确认完成，从而跑腿人员获得对应本单跑腿积分。
5.在线评价：服务完成后，用户可以对跑腿员的服务进行评价，包括服务态度、配送速度等方面，其他用户也可看到到评价信息。
6.交流互动：用户与用户之间可以进行聊天互动。
7.在线客服：.用户跟管理在线交流，后台设置对应关键词，智能回复问题。
8.排行榜：根据跑腿的单数以及积分进行排名。
9.用户可以在线留言，支持图文结合发布。
10.积分兑换：跑腿获得的积分可用于兑换商品。
11.个人中心：包含用户的注册信息：账号、密码、注册用户名、性别、手机号、头像等基本信息，可对个人信息进行修改
（二）管理员模块功能
1.用户管理：对用户的信息进行管理，包含用户基本信息
2.跑腿管理：对用户发布的跑腿信息进行审核与管理。
2.抢单管理：对抢单信息进行管理。
3.留言管理：对用户留言信息进行回复与管理。
4.公告管理：可以对公告进行增添或者删除。
5.评价管理：对用户在线评价信息进行管理。
6.交流互动管理：可对聊天信息进行管理。
7.排行榜管理
8.在线客服管理

本系统架构如下图所示。

在这里插入图片描述
视图层负责与用户直接交互，提供用户界面。使用JavaScript、HTML和CSS构建基本的页面结构和样式，通过Vue框架增强页面交互性，利用Axios进行网络请求，实现数据的动态加载和页面的实时更新。
业务层承担着处理应用程序核心业务逻辑的责任，并采用Spring框架来管理业务对象及服务。
在持久层通过使用Mybatis-Plus来简化CRUD（创建、读取、更新、删除）操作，并利用PageHelper插件进行分页查询，同时选用HikariCP作为数据库连接池以提升数据库操作的效率和性能。
数据层主要负责数据的存储和检索，保证应用的数据检索速度和准确。

四.数据设计

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

五.部分效果展示

5.1前台用户功能实现效果

当用户打开系统的网址后，首先看到的就是首页界面。导航条显示首页、求跑腿、用户评价、积分商品、排行榜、交流互动、系统公告、留言板等，如图所示。
在这里插入图片描述

在注册流程中，用户首先在Vue前端界面上填写必要的个人信息，例如用户名和密码，并提交这些信息。随后，前端通过HTTP请求的方式将这些信息传送给Java后端进行处理。后端接收到信息后，会进行一系列操作，包括验证用户名的唯一性，并将新用户的相关数据保存至MySQL数据库中。一旦这些步骤顺利完成，后端会向前端发送一个注册成功的确认信息。前端在收到这一确认后，会即时通知用户他们的注册流程已经完成。这一整个流程实现了对新用户数据的收集、验证以及安全存储。如图所示。
在这里插入图片描述

登录流程中，用户首先在Vue前端页面输入其用户名和密码。这些信息通过HTTP请求的方式被发送到Java后端。后端在接收到请求后，会与MySQL数据库进行交互，以验证用户提供的凭证是否有效。若验证结果显示用户凭证正确无误，后端会向前端发送一个确认信息，允许用户进入系统。这一流程全面涵盖了从用户输入信息到系统完成验证并作出响应的完整过程。如图所示。
在这里插入图片描述

用户点击求跑腿，在求跑腿页面支持订单编号、任务状态、任务类型进行查询跑腿信息，若对某一个跑腿信息感兴趣，则可以点击抢单按钮进行申请接单操作；如图所示。
在这里插入图片描述

用户点击留言板，在留言板页面可以填写留言内容、上传图片，并可查看其他用户的留言信息等操作；如图所示：

用户点击个人中心，在个人中心页面可以修改个人信息、密码修改进行详细操作，还可以对和自己相关的求跑腿、帮跑腿、完成跑腿、积分兑换、帖子发布、收藏信息等进行详细操作；如图所示。
在这里插入图片描述

用户点击个人中心中的求跑腿，可以填写求跑腿信息，设置跑腿费金额等操作；如图所示。
在这里插入图片描述
服务完成后，用户可以对跑腿人员的服务进行评价，包括服务态度、配送速度等方面；如图所示。

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) {
		YonghuEntity u = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", username));
		if(u==null || !u.getMima().equals(password)) {
			return R.error("账号或密码不正确");
		}
		
		String token = tokenService.generateToken(u.getId(), username,"yonghu",  "用户" );
		return R.ok().put("token", token);
	}
	/**
     * 注册
     */
	@IgnoreAuth
    @RequestMapping("/register")
    public R register(@RequestBody YonghuEntity yonghu){
    	//ValidatorUtils.validateEntity(yonghu);
    	YonghuEntity u = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", yonghu.getYonghuzhanghao()));
		if(u!=null) {
			return R.error("注册用户已存在");
		}
		Long uId = new Date().getTime();
		yonghu.setId(uId);
        yonghuService.insert(yonghu);
        return R.ok();
    }