网上订餐系统，基于 SpringBoot+Vue+MySQL 开发的前后端分离的网上订餐系统设计实现

本文详细描述了一种基于SpringBoot和VUE的网上订餐系统开发，涉及用户和管理员功能模块的实现，包括登录、注册、菜品管理等功能，并展示了部分关键代码。系统具有安全稳定的特点和良好的用户体验。

一. 前言

随着我国经济的飞速发展，人们的生活速度明显加快，在餐厅吃饭排队的情况到处可见，近年来由于新兴IT行业的空前发展，它与传统餐饮行业也进行了新旧的结合，很多餐饮商户开始通过网络建设订餐系统，通过专门的网上订餐系统，一方面节省了用户订餐的时间，给用户带来方便，另一方面给商户带来了新的销售模式，同时也使订餐的管理规范化，系统化，给人们的生活带来了很大的便利。

本文重点阐述了网上订餐系统的开发过程，以实际运用为开发背景，基于Spring Boot框架，运用了 VUE技术和MYSQL作为系统数据库进行开发，充分保证系统的安全性和稳定性。本系统界面良好，操作简单方便，通过系统概述、系统分析、系统设计、数据库设计、系统测试这几个部分，详细的说明了系统的开发过程，最后并对整个开发过程进行了总结，实现了用户通过网络进行订餐的重要功能。

本基于Spring Boot的网上订餐系统运行效果稳定，操作方便、快捷，界面友好，是一个功能全面、实用性好、安全性高，并具有良好的可扩展性、可维护性的订餐平台。

系统的设计和划分是系统的核心研究问题，以确定整体结构和功能模块。该系统的结构化设计的思想，是自顶向下的方式将系统分成若干个子系统，以及反过来的子系统分成模块，其被划分成子模块，层划分各计算机可执行模块可迄今用作一个单独的程序。

本系统基于Spring Boot的网上订餐系统主要管理员模块以及用户模块两大部分，系统结构图：

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

二. 功能模块

2.1. 用户功能模块的实现

用户进入本系统可查看系统信息，包括网站首页、菜品信息等，系统主界面展示如图所示：

用户注册界面，未有账号的用户可进入注册界面进行注册操作，用户注册界面展示如图所示：

用户登录界面，用户在登录界面可输入用户名和密码，点击登录按钮进行登录系统，用户登录界面展示如图所示：

菜品详情界面，用户可选择菜品查看菜品详情信息，登录后可进行下单操作，菜品详情界面展示如图所示：

下单订餐界面，用户登录后可选择菜品进行下单订餐操作，下单订餐界面展示如图所示：

订单信息界面，用户对个人订单可进行查看、支付等，订单信息界面展示如图所示：

订单配送界面，用户能够查看个人订单配送信息，订单配送界面展示如图所示：

2.2. 管理员功能模块的实现

管理员登录界面，管理员要想进入后台对系统进行管理操作，必须登录系统后台，管理员登录界面展示如图所示：

会员管理界面，管理员可查看、添加、修改和删除会员信息，会员管理界面展示如图所示：

菜品信息管理界面，管理员可添加、修改和删除菜品信息，菜品信息管理界面展示如图5-10所示，添加菜品信息界面展示如图所示：

菜品分类管理界面，管理员能够增删改查菜品分类信息，菜品分类管理界面展示如图所示：

订单信息管理界面，管理员可进入订单信息管理界面查看所有订单信息，并可对其进行安排配送、修改和删除操作，订单信息管理界面展示如图所示：

订单配送管理界面，管理员可增删改查订单配送信息，订单配送管理界面展示如图所示：

三. 部分代码实现

/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
    
    @Autowired
    private UserService userService;
    
    @Autowired
    private TokenService tokenService;
 
    /**
     * 登录
     */
    @IgnoreAuth
    @PostMapping(value = "/login")
    public R login(String username, String password, String role, HttpServletRequest request) {
        UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
        if(user != null){
            if(!user.getRole().equals(role)){
                return R.error("权限不正常");
            }
            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);
        }else{
            return R.error("账号或密码或权限不对");
        }
 
    }
    
    /**
     * 注册
     */
    @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();
    }
 
    /**
     * 退出
     */
    @GetMapping(value = "logout")
    public R logout(HttpServletRequest request) {
        request.getSession().invalidate();
        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("/page")
    public R page(@RequestParam Map<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
        PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }
 
    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
        Integer id = (Integer)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
 
    /**
     * 保存
     */
    @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();
    }
 
    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }
 
    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Integer[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}