Java Web 厨艺交流平台系统：SpringBoot2+Vue3+MyBatis-Plus+MySQL8.0 设计实现

摘要

随着互联网技术的快速发展，线上交流平台逐渐成为人们分享知识和兴趣的重要渠道。厨艺作为一种普及性高且具有广泛受众的爱好，其线上交流需求日益增长。传统的厨艺交流方式受限于地域和时间，无法满足用户即时互动和内容共享的需求。因此，开发一个基于现代 Web 技术的厨艺交流平台具有重要的现实意义。该平台能够为用户提供菜谱分享、烹饪技巧讨论、社区互动等功能，有效促进厨艺爱好者的交流与合作。

本系统采用前后端分离架构，后端基于 SpringBoot2 框架实现高效稳定的服务端逻辑，前端使用 Vue3 构建动态响应式用户界面，数据库采用 MySQL8.0 存储结构化数据，并通过 MyBatis-Plus 简化数据访问层的开发。系统功能模块包括用户管理、菜谱发布、评论互动、收藏管理等，支持多角色权限控制，确保数据安全性和用户体验。系统还实现了图片上传、实时搜索、分页加载等扩展功能，提升了平台的实用性和易用性。

数据表

用户信息数据表

用户注册及登录过程中，系统自动生成唯一用户标识，创建时间通过函数自动获取，用户 ID 是该表的主键，存储用户基本信息及权限相关属性。

字段名	数据类型	描述
user_id	BIGINT	用户唯一标识（主键）
username	VARCHAR(50)	用户名（唯一）
password_hash	VARCHAR(64)	密码哈希值
email	VARCHAR(50)	邮箱（唯一）
avatar_url	VARCHAR(255)	头像 URL
role_type	TINYINT	角色类型（0-普通用户，1-管理员）
created_time	DATETIME	账户创建时间
last_login	DATETIME	最后登录时间

菜谱信息数据表

菜谱内容编辑过程中，创建时间通过函数自动获取，菜谱 ID 是该表的主键，存储菜谱的基本信息和关联属性。

字段名	数据类型	描述
recipe_id	BIGINT	菜谱唯一标识（主键）
user_id	BIGINT	发布者用户 ID
title	VARCHAR(100)	菜谱标题
description	TEXT	详细制作步骤
cover_image	VARCHAR(255)	封面图片 URL
cooking_time	INT	预估烹饪时间（分钟）
difficulty	TINYINT	难度等级（1-5）
created_time	DATETIME	创建时间
view_count	INT	浏览量

评论互动数据表

用户评论过程中，创建时间通过函数自动获取，评论 ID 是该表的主键，存储用户对菜谱的评论及互动信息。

字段名	数据类型	描述
comment_id	BIGINT	评论唯一标识（主键）
user_id	BIGINT	评论者用户 ID
recipe_id	BIGINT	关联菜谱 ID
content	TEXT	评论内容
created_time	DATETIME	评论时间
like_count	INT	点赞数
parent_id	BIGINT	父评论 ID（回复功能）

技术架构栈

后端技术：Spring Boot

Spring Boot 作为现代 Java 企业级开发的核心框架，以其'约定优于配置'的设计哲学重新定义了应用开发模式。

核心特性解析：

• 零配置启动：集成自动配置机制，大幅减少 XML 配置文件编写
• 嵌入式服务器：内置 Tomcat/Jetty/Undertow，支持独立 JAR 包部署
• 生产就绪：集成 Actuator 监控组件，提供健康检查、指标收集等企业级特性
• 微服务友好：天然支持分布式架构，与 Spring Cloud 生态无缝集成

开发优势： 通过 Starter 依赖体系和智能自动装配，开发者可将精力完全聚焦于业务逻辑实现，而非底层基础设施搭建。单一可执行 JAR 的部署模式极大简化了运维流程。

前端技术：Vue.js

Vue.js 以其渐进式框架设计和卓越的开发体验，成为现代前端开发的首选解决方案。

技术亮点：

• 响应式数据流：基于依赖追踪的响应式系统，实现高效的视图更新
• 组件化架构：单文件组件（SFC）设计，实现样式、逻辑、模板的完美封装
• 灵活的渐进式设计：可从简单的视图层库扩展至完整的 SPA 解决方案
• 丰富的生态系统：Vue Router、Vuex/Pinia、Vue CLI 等官方工具链完备

开发效率： 直观的模板语法结合强大的指令系统，让复杂的用户交互变得简洁明了。优秀的 TypeScript 支持和开发者工具，为大型项目提供可靠的开发保障。

系统界面展示

核心代码

package com.controller;
import java.math.BigDecimal;
import java.text.SimpleDateFormat;
import java.text.ParseException;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Map;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import com.utils.ValidatorUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.transaction.annotation.Transactional;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.annotation.IgnoreAuth;
import com.entity.ShangpinxinxiEntity;
import com.entity.view.ShangpinxinxiView;
import com.service.ShangpinxinxiService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MD5Util;
import com.utils.MPUtil;
import com.utils.CommonUtil;
import java.io.IOException;
import com.service.StoreupService;
import com.entity.StoreupEntity;

/**
 * 商品信息
 * 后端接口
 * @author *
 * @email *
 * @date 2023-05-08 15:26:09
 */
@RestController
@RequestMapping("/shangpinxinxi")
public class ShangpinxinxiController {
    @Autowired
    private ShangpinxinxiService shangpinxinxiService;
    @Autowired
    private StoreupService storeupService;

    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,ShangpinxinxiEntity shangpinxinxi, 
                  @RequestParam(required = false) Double pricestart, 
                  @RequestParam(required = false) Double priceend, HttpServletRequest request){
        String tableName = request.getSession().getAttribute("tableName").toString();
        if(tableName.equals("shangjia")) {
            shangpinxinxi.setShangpubianhao((String)request.getSession().getAttribute("username"));
        }
        EntityWrapper<ShangpinxinxiEntity> ew = new EntityWrapper<ShangpinxinxiEntity>();
        if(pricestart!=null) ew.ge("price", pricestart);
        if(priceend!=null) ew.le("price", priceend);
        PageUtils page = shangpinxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shangpinxinxi), params), params));
        return R.ok().put("data", page);
    }

    /**
     * 前端列表
     */
    @IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,ShangpinxinxiEntity shangpinxinxi, 
                  @RequestParam(required = false) Double pricestart, 
                  @RequestParam(required = false) Double priceend, HttpServletRequest request){
        EntityWrapper<ShangpinxinxiEntity> ew = new EntityWrapper<ShangpinxinxiEntity>();
        if(pricestart!=null) ew.ge("price", pricestart);
        if(priceend!=null) ew.le("price", priceend);
        PageUtils page = shangpinxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shangpinxinxi), params), params));
        return R.ok().put("data", page);
    }

    /**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( ShangpinxinxiEntity shangpinxinxi){
        EntityWrapper<ShangpinxinxiEntity> ew = new EntityWrapper<ShangpinxinxiEntity>();
        ew.allEq(MPUtil.allEQMapPre( shangpinxinxi, "shangpinxinxi"));
        return R.ok().put("data", shangpinxinxiService.selectListView(ew));
    }

    /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(ShangpinxinxiEntity shangpinxinxi){
        EntityWrapper< ShangpinxinxiEntity> ew = new EntityWrapper< ShangpinxinxiEntity>();
        ew.allEq(MPUtil.allEQMapPre( shangpinxinxi, "shangpinxinxi"));
        ShangpinxinxiView shangpinxinxiView = shangpinxinxiService.selectView(ew);
        return R.ok("查询商品信息成功").put("data", shangpinxinxiView);
    }

    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        ShangpinxinxiEntity shangpinxinxi = shangpinxinxiService.selectById(id);
        shangpinxinxi.setClicknum(shangpinxinxi.getClicknum()+1);
        shangpinxinxi.setClicktime(new Date());
        shangpinxinxiService.updateById(shangpinxinxi);
        return R.ok().put("data", shangpinxinxi);
    }

    /**
     * 前端详情
     */
    @IgnoreAuth
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        ShangpinxinxiEntity shangpinxinxi = shangpinxinxiService.selectById(id);
        shangpinxinxi.setClicknum(shangpinxinxi.getClicknum()+1);
        shangpinxinxi.setClicktime(new Date());
        shangpinxinxiService.updateById(shangpinxinxi);
        return R.ok().put("data", shangpinxinxi);
    }

    /**
     * 赞或踩
     */
    @RequestMapping("/thumbsup/{id}")
    public R vote(@PathVariable("id") String id,String type){
        ShangpinxinxiEntity shangpinxinxi = shangpinxinxiService.selectById(id);
        if(type.equals("1")) { 
            shangpinxinxi.setThumbsupnum(shangpinxinxi.getThumbsupnum()+1); 
        } else { 
            shangpinxinxi.setCrazilynum(shangpinxinxi.getCrazilynum()+1); 
        }
        shangpinxinxiService.updateById(shangpinxinxi);
        return R.ok("投票成功");
    }

    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody ShangpinxinxiEntity shangpinxinxi, HttpServletRequest request){
        shangpinxinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
        //ValidatorUtils.validateEntity(shangpinxinxi);
        shangpinxinxiService.insert(shangpinxinxi);
        return R.ok();
    }

    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody ShangpinxinxiEntity shangpinxinxi, HttpServletRequest request){
        shangpinxinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
        //ValidatorUtils.validateEntity(shangpinxinxi);
        shangpinxinxiService.insert(shangpinxinxi);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    @Transactional
    public R update(@RequestBody ShangpinxinxiEntity shangpinxinxi, HttpServletRequest request){
        //ValidatorUtils.validateEntity(shangpinxinxi);
        shangpinxinxiService.updateById(shangpinxinxi);//全部更新
        return R.ok();
    }

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

    /**
     * 前端智能排序
     */
    @IgnoreAuth
    @RequestMapping("/autoSort")
    public R autoSort(@RequestParam Map<String, Object> params,ShangpinxinxiEntity shangpinxinxi, 
                      HttpServletRequest request,String pre){
        EntityWrapper<ShangpinxinxiEntity> ew = new EntityWrapper<ShangpinxinxiEntity>();
        Map<String, Object> newMap = new HashMap<String, Object>();
        Map<String, Object> param = new HashMap<String, Object>();
        Iterator<Map.Entry<String, Object>> it = param.entrySet().iterator();
        while (it.hasNext()) {
            Map.Entry<String, Object> entry = it.next();
            String key = entry.getKey();
            String newKey = entry.getKey();
            if (pre.endsWith(".")) { 
                newMap.put(pre + newKey, entry.getValue()); 
            } else if (StringUtils.isEmpty(pre)) { 
                newMap.put(newKey, entry.getValue()); 
            } else { 
                newMap.put(pre + "." + newKey, entry.getValue()); 
            }
        }
        params.put("sort", "clicknum");
        params.put("order", "desc");
        PageUtils page = shangpinxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shangpinxinxi), params), params));
        return R.ok().put("data", page);
    }
}