案例287:基于微信小程序的火锅店点餐系统的设计与实现

文末获取源码

开发语言：Java

框架：SSM

JDK版本：JDK1.8

数据库：mysql 5.7

开发软件：eclipse/myeclipse/idea

Maven包：Maven3.5.4

小程序框架：uniapp

小程序开发软件：HBuilder X

小程序运行软件：微信开发者

目录

目录

前言

系统展示

用户登录功能的详细实现

管理员权限的功能实现

用户信息管理功能的详细实现

菜品管理功能的详细实现

餐桌管理功能的详细实现

餐桌预定管理功能的详细实现

系统管理功能的详细实现

个人中心管理功能的详细实现

订单管理功能的详细实现

用户权限的功能详细实现

用户信息管理功能的详细界面实现

菜品展示功能的详细实现

点餐功能的详细实现

预定餐桌功能的详细实现

购物车功能的实现

订单管理功能的详细实现

代码实现

登录功能实现代码

注册功能实现代码

密码重置功能实现代码

修改信息功能实现代码

删除信息功能实现代码

保存信息功能实现代码

---

前言

社会和科技的不断进步带来更便利的生活，计算机技术也越来越平民化。二十一世纪是数据时代，各种信息经过统计分析都可以得到想要的结果，所以也可以更好的为人们工作、生活服务。网上点餐是生活的一部分，特别对高峰期来说餐馆点餐需要排队。把计算机技术和点餐相结合可以更符合现代、用户的要求，实现更为方便的点餐的方式。

本火锅店点餐系统采用Java语言和Vue技术，框架采用SSM，搭配Mysql数据库，运行在Idea里，采用小程序模式。本火锅店点餐系统提供管理员、用户两种角色的服务。总的功能包括菜品的查询、菜品的购买、餐桌预定和订单管理。本系统可以帮助管理员更新菜品信息和管理订单信息，帮助用户实现在线的点餐方式，并可以实现餐桌预定。本系统采用成熟技术开发可以完成点餐管理的相关工作。

---

系统展示

用户登录功能的详细实现

用户登录界面起到验证身份的作用，本界面采用图片背景进行设计。在用户登录界面里设置了程序的名称和用户、密码的文本框。在文本框下是登录、注册按钮。用户在信息输入完成后可以使用这两个按钮进行相对应的操作。用户登录功能的实现界面如下图4-1所示：

 

管理员权限的功能实现

用户信息管理功能的详细实现

管理员负责用户信息的删除和管理，用户的姓名和手机号都可以由管理员在此功能里看到。管理员查询用户信息的功能实现如下图4-2所示：

 

菜品管理功能的详细实现

管理员可以对菜品的信息进行管理、审核。本功能可以实现菜品的定时更新和审核管理。管理员添加菜品信息的实现界面如下图4-3所示：

 

餐桌管理功能的详细实现

    本功能包括查询餐桌，也可以发布新的餐桌信息。查询餐桌信息的实现详情如下图4-4所示：

 

餐桌预定管理功能的详细实现

管理员可以查询已预定的餐桌，并进行审核。餐桌预定功能的实现界面如下图4-5所示：

 

系统管理功能的详细实现

管理员可以管理公告和系统的轮播图，可以安排活动。查询公告功能的实现界面如下图4-6所示：

 

个人中心管理功能的详细实现

管理员可以对个人的资料进行修改和管理，管理员还可以在本功能里修改密码。管理员个人信息修改的实现界面如下图4-7所示：

 

订单管理功能的详细实现

管理员可以查询用户的订单，并完成菜品的安排，实现界面如下图4-8所示：

 

用户权限的功能详细实现

用户信息管理功能的详细界面实现

当用户登录进系统后可以修改自己的资料，可以使自己信息的保持正确性。还可以修改密码。用户信息管理的实现界面如下图4-9所示：

 

菜品展示功能的详细实现

用户可以浏览所有的菜品，可以查看详细的菜品内容，也可以进行菜品的点餐。用户浏览菜品的界面实现如下图4-10所示：

 

点餐功能的详细实现

在本功能里用户可以进行点餐。点餐功能的实现界面如下图4-11所示：

 

预定餐桌功能的详细实现

用户可以浏览没有预定出去的餐桌，选择合适的餐桌可以进行预定，预定餐桌功能的实现界面如下图4-12所示：

 

购物车功能的实现

用户可以管理购物车里的菜品，实现界面如下图4-13所示：

 

订单管理功能的详细实现

用户可以管理自己的订单，在订单管理界面里也可以进行查询操作。订单管理功能的实现界面如下图4-14所示：

 

---

代码实现

登录功能实现代码

@IgnoreAuth
	@PostMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().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 UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

密码重置功能实现代码

@IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
    	user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为：123456");
    }

修改信息功能实现代码

 @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
    	UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
    	if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
    		return R.error("用户名已存在。");
    	}
        userService.updateById(user);//全部更新
        return R.ok();
    }

删除信息功能实现代码

@RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }

保存信息功能实现代码

@PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }