当前位置：首页 > news >正文

【151】基于Springboot+Vue实现的校园订餐管理系统小程序（有文档+PPT+视频）

news 来源：原创 2025/6/26 7:30:49

系统介绍

视频演示

基于Springboot+Vue实现的校园订餐管理系统小程序（有文档+PPT+视频）

基于Springboot+Vue实现的校园订餐管理系统小程序采用前后端分离的架构方式，系统设计了管理员、商家、用户三种角色，系统分为管理端、小程序端，管理端实现了管理员登录、系统首页、用户管理、商家管理、菜品分类、菜品信息、系统管理、公告资讯分类管理、在线客服、关于我们、轮播图管理、系统日志、公告资讯、订单管理、个人中心等功能，用户端实现了公告、菜品查看、菜品详情、购物车、下单、我的、客服、订单等功能。

技术选型

开发工具：idea2020.3+Webstorm2020.3+HbuilderX+微信开发者工具

运行环境：jdk1.8+maven3.6.0+MySQL5.7+nodejs14.21.3

服务端技术：SpringBoot+Mybatis-Plus+Websocket+Aop

前端技术：Vue+axios+Element-UI+uniapp+colorUI+echarts

成果展示

管理端

主页

用户管理

商家管理

菜品分类

菜品信息

菜品修改

系统管理

在线客服

公告资讯

订单管理

个人中心

小程序端

首页

公告详情页

菜品推荐

菜品信息

菜品详情

立即购买

联系他

购物车

我的

在线客服

源码展示

/*** 登录相关*/
@RequestMapping("users")
@RestController
public class UsersController{@Autowiredprivate UsersService userService;@Autowiredprivate TokenService tokenService;/*** 登录*/@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){if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {return R.error("用户已存在");}userService.insert(user);return R.ok();}/*** 退出*/@RequestMapping(value = "logout")public R logout(HttpServletRequest request) {request.getSession().invalidate();return R.ok("退出成功");}
}

账号地址及其他说明

1、地址说明

登录页:http://localhost:8081/#/login

2、账号说明

管理员：admin/admin

用户：user/123456

3、目录结构展示

4、视频列表

5、以上系统源码来源于互联网，经过小白整理与调试，确保能正常运行!

6、制作不易，点赞、在看、分享再走吧，您的支持永远是我最大的动力！

7、如电脑本机环境未配置好，可在公众号后台回复环境配置获取视频教程。

8、系统有部分BUG属于正常现象，请各位小伙伴自行修复。

9、运行步骤

1、创建数据库、导入sql脚本
2、修改application.yml中的数据库配置文件，启动服务端
3、打开前端管理端代码~admin，目录下打开cmd，执行npm install或者yarn install下载依赖
4、下载完毕后启动前端npm run serve，访问端口
5、将小程序代码~springbootg37li31v\src\main\resources\front导入hbuilderx、申请微信小程序测试账号、配置appid、启动项目，会自动打开微信开发者工具。