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

系统介绍

视频演示

基于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

成果展示

管理端

登录

image-20250624155150703

主页

image-20250624155218242

用户管理

image-20250624155244885

商家管理

image-20250624155303066

菜品分类

image-20250624155322250

菜品信息

image-20250624155400893

菜品修改

image-20250624155428495

系统管理

在线客服

image-20250624155805407

公告资讯

image-20250624155501680

订单管理

image-20250624163036206

个人中心

image-20250624155539915

小程序端

登录

image-20250624162851105

首页

image-20250624162400282

公告详情页

image-20250624162431880

菜品推荐

image-20250624162456902

菜品信息

image-20250624162532399

菜品详情

image-20250624162617654

立即购买

image-20250624162642050

联系他

image-20250624162717045

购物车

image-20250624162804822

我的

image-20250624162931293

在线客服

image-20250624155851509

源码展示

/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UsersController{
	
	@Autowired
	private UsersService userService;
	
	@Autowired
	private 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、目录结构展示

image-20250625075205095

4、视频列表

image-20250625075240246

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、启动项目,会自动打开微信开发者工具。

源码获取

源码编号:151

添加下方卡片回复编号:151

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

全栈小白.

感谢老板,祝老板今年发大财!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值