基于Spring Boot+Vue的美食分享系统

前言

美食分享管理，其工作流程繁杂、多样、管理复杂与设备维护繁琐。而计算机已完全能够胜任美食分享管理工作，而且更加准确、方便、快捷、高效、清晰、透明，它完全可以克服以上所述的不足之处。这将给查询信息和管理带来很大的方便，从而给美食分享管理管理者带来更高的效率，这也是美食分享管理正规化、现代化的重要标志。

本美食分享系统主要是用java语言开发的。系统根据B/S架构设计，选用springboot框架开发。Eclipse开发工具，形成的数据储存在MySQL数据库中。系统分成管理员控制模块和用户模块。管理员可以管理用户、美食类别、美食、美食笔记等。用户可以查看美食、美食笔记、公告信息等操作和设定本人系统。本系统有良好的界面体验，功能基本齐全，让使用者体验度大大提升。

功能设计

美食分享系统的开发采用模块化软件结构设计，通过模块划分，可以让整个系统开发设计变得更加简洁，结构清晰，让程序的可读性和维护性更高，也方便开发人员对开发期间的组织管理工作，模块化就是指叙述I/O、逻辑性功能、内部结构条件和环境因素的表述。一般系统的一个子模块只实行一个功能，模块中间应当有良好的结构分析。下一层模块在顶层模块的启用下进行功能，后边的模块被逐渐启用，互相配合程序流程的每个子功能。在设计时应保持模块独立化原则，所以一个软件应该由一组相互独立的子模块构成，并保证模块间接口开发简单。

由需求分析阶段结果和综合分析，实质上，美食分享系统是一个开发难度比较高的系统，因为系统相对复杂，涉及功能多，且有一定的综合性，所以需要做到对现有软硬件的合理应用、系统软件层面做好科学合理的规划设计。构建一个完善的美食分享系统软件，包含前台展示网页页面、处理程序、后台管理有关的MySQL数据库系统等。

因此，美食分享系统按照功能由二部分构成的，二部份是用户和管理员。主要功能有用户管理、美食类别管理、美食管理、美食笔记管理、系统管理等。系统软件用户与管理员的功能模块图如下图3-1所显示。

系统实现

网站首页页面主要包括首页、美食、美食笔记、公告信息、后台管理等内容，并根据需要进行详细操作；如图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所示：

相关代码

/**
 * 登录相关
 */
@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();
    }
}

为什么选择我？

选择我作为您的毕业设计系统开发合作伙伴，理由如下：

我的专业背景和技术能力与毕业设计系统开发的需求高度契合。我在计算机科学与技术领域拥有深厚的理论基础和丰富的实践经验，特别是在软件开发、数据库管理和系统架构设计方面具备扎实的技能。这意味着我能够理解您的需求，并将其转化为高效、稳定的软件解决方案。

我对教育行业有着深刻的理解和热情。我认识到毕业设计是学生学术生涯中的重要环节，因此我将致力于创建一个既符合教育机构标准又能够满足师生实际需求的系统。我的服务不仅仅是技术实现，更包括对教育流程的优化和用户体验的提升。

我具备良好的沟通能力和项目管理经验。在开发过程中，我将保持与您的紧密沟通，确保项目按时按质完成。我的项目管理方法将确保资源的有效分配，风险的及时识别和处理，以及项目进度的透明化管理。

我的专业技能、对教育行业的热忱、项目管理能力以及对客户长期支持的承诺，都是您选择我作为毕业设计系统开发合作伙伴的有力理由。我期待与您合作，共同打造一个优秀的毕业设计系统。

获取源码

大家点赞、收藏、关注、评论啦、👇🏻获取联系方式在文章末尾👇🏻