基于SSM的订餐系统--菜品新增(涉及多表插入,上传图片)

2023-11-09 08:50

本文主要是介绍基于SSM的订餐系统--菜品新增(涉及多表插入,上传图片),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

需求分析

在这里插入图片描述

后台系统可以管理菜品信息,通过新增功能来添加一个新的菜品,在添加菜品时需要选择当前菜品所属的分类,并且需要上传菜品图片,在客户端会按照菜品分类来展示对应的菜品信息。

新增菜品,其实就是将新增页面录入的菜品信息插入dish表,如果添加了口味做法,还需要向dish_flavor表插入数据。所以在新增菜品时,涉及两个表:
dish — 菜品表
dish_flavor—菜品口味表

在开发代码之前,我们先梳理一下新增菜品时前端页面和服务端的交互过程
1.页面发送ajax请求,请求服务端获取菜品分类数据并展示到下拉框中
2.页面发送请求进行图片上传,请求服务端将图片保存到服务器 (关注上文)
3.页面发送请求进行图片下载,将上传的图片进行回显(关注上文)
4.点击保存按钮,发送ajax请求,将菜品相关数据以json形式提交服务端

1.页面发送ajax请求,请求服务端获取菜品分类数据并展示到下拉框中,根据type参数进行查询,菜品分类type
为1,套餐分类type为2

 // 获取菜品分类getDishList () {getCategoryList({ 'type': 1 }).then(res => {if (res.code === 1) {this.dishList = res.data} else {this.$message.error(res.msg || '操作失败')}})}// 获取菜品分类列表
const getCategoryList = (params) => {return $axios({url: '/category/list',method: 'get',params})
}

controller:

@GetMapping("/list")public R<List<Category>> getCategoryList(Category category){LambdaQueryWrapper<Category> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(category.getType()!=null,Category::getType,category.getType());queryWrapper.orderByAsc(Category::getSort).orderByDesc(Category::getUpdateTime);List<Category> list = categoryService.list(queryWrapper);return R.success(list);}

4.点击保存按钮,发送ajax请求,将菜品相关数据以json形式提交服务端
在这里插入图片描述需要导入DishDto,用于封装页面提交的数据。
Dto: 即数据传输对象,一般用于表示层与服务层之间的数据传输。

Dto:

@Data
public class DishDto extends Dish {private List<DishFlavor> flavors = new ArrayList<>();
}

DishService:

public interface DishService extends IService<Dish> {//新增菜品,同时插入菜品对应的口味数据,需要操作dish和dish_flavorpublic void saveWithFlavor(DishDto dishDto);
}**DishServiceImpl:**
```java
@Service
@Slf4j
public class DishServiceImpl extends ServiceImpl<DishMapper, Dish> implements DishService {@Autowiredprivate DishFlavorService dishFlavorService;/*** 新增菜品,同时保存对应的口味数据* @param dishDto*/@Override@Transactional //涉及多张表,添加事务注解,public void saveWithFlavor(DishDto dishDto) {//保存菜品的基本信息到菜品表dishthis.save(dishDto);//获取菜品idLong dishId = dishDto.getId();//菜品口味List<DishFlavor> flavors = dishDto.getFlavors();//将菜品id加入flavors = flavors.stream().map((item)->{item.setDishId(dishId);return item;}).collect(Collectors.toList());//保存菜品口味至菜品口味表dish_flavordishFlavorService.saveBatch(flavors);}
}
**启动类添加@EnableTransactionManagement注解,开启事务管理:**
```java
@Slf4j //日志
@SpringBootApplication
@ServletComponentScan
@EnableTransactionManagement
public class ReggieApplication {public static void main(String[] args) {SpringApplication.run(ReggieApplication.class,args);log.info("项目启动成功");}
}

DishController:

 @PostMapping()public R<String> save(@RequestBody DishDto dishDto ){dishService.saveWithFlavor(dishDto);return R.success("保存成功");}

这篇关于基于SSM的订餐系统--菜品新增(涉及多表插入,上传图片)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/375143

相关文章

在不同系统间迁移Python程序的方法与教程

《在不同系统间迁移Python程序的方法与教程》本文介绍了几种将Windows上编写的Python程序迁移到Linux服务器上的方法,包括使用虚拟环境和依赖冻结、容器化技术(如Docker)、使用An... 目录使用虚拟环境和依赖冻结1. 创建虚拟环境2. 冻结依赖使用容器化技术(如 docker)1. 创

Python利用PIL进行图片压缩

《Python利用PIL进行图片压缩》有时在发送一些文件如PPT、Word时,由于文件中的图片太大,导致文件也太大,无法发送,所以本文为大家介绍了Python中图片压缩的方法,需要的可以参考下... 有时在发送一些文件如PPT、Word时,由于文件中的图片太大,导致文件也太大,无法发送,所有可以对文件中的图

java获取图片的大小、宽度、高度方式

《java获取图片的大小、宽度、高度方式》文章介绍了如何将File对象转换为MultipartFile对象的过程,并分享了个人经验,希望能为读者提供参考... 目China编程录Java获取图片的大小、宽度、高度File对象(该对象里面是图片)MultipartFile对象(该对象里面是图片)总结java获取图片

CentOS系统Maven安装教程分享

《CentOS系统Maven安装教程分享》本文介绍了如何在CentOS系统中安装Maven,并提供了一个简单的实际应用案例,安装Maven需要先安装Java和设置环境变量,Maven可以自动管理项目的... 目录准备工作下载并安装Maven常见问题及解决方法实际应用案例总结Maven是一个流行的项目管理工具

Java实战之自助进行多张图片合成拼接

《Java实战之自助进行多张图片合成拼接》在当今数字化时代,图像处理技术在各个领域都发挥着至关重要的作用,本文为大家详细介绍了如何使用Java实现多张图片合成拼接,需要的可以了解下... 目录前言一、图片合成需求描述二、图片合成设计与实现1、编程语言2、基础数据准备3、图片合成流程4、图片合成实现三、总结前

使用Python在Excel中插入、修改、提取和删除超链接

《使用Python在Excel中插入、修改、提取和删除超链接》超链接是Excel中的常用功能,通过点击超链接可以快速跳转到外部网站、本地文件或工作表中的特定单元格,有效提升数据访问的效率和用户体验,这... 目录引言使用工具python在Excel中插入超链接Python修改Excel中的超链接Python

使用Python实现图片和base64转换工具

《使用Python实现图片和base64转换工具》这篇文章主要为大家详细介绍了如何使用Python中的base64模块编写一个工具,可以实现图片和Base64编码之间的转换,感兴趣的小伙伴可以了解下... 简介使用python的base64模块来实现图片和Base64编码之间的转换。可以将图片转换为Bas

css实现图片旋转功能

《css实现图片旋转功能》:本文主要介绍了四种CSS变换效果:图片旋转90度、水平翻转、垂直翻转,并附带了相应的代码示例,详细内容请阅读本文,希望能对你有所帮助... 一 css实现图片旋转90度.icon{ -moz-transform:rotate(-90deg); -webkit-transfo

C#实现添加/替换/提取或删除Excel中的图片

《C#实现添加/替换/提取或删除Excel中的图片》在Excel中插入与数据相关的图片,能将关键数据或信息以更直观的方式呈现出来,使文档更加美观,下面我们来看看如何在C#中实现添加/替换/提取或删除E... 在Excandroidel中插入与数据相关的图片,能将关键数据或信息以更直观的方式呈现出来,使文档更

C#实现系统信息监控与获取功能

《C#实现系统信息监控与获取功能》在C#开发的众多应用场景中,获取系统信息以及监控用户操作有着广泛的用途,比如在系统性能优化工具中,需要实时读取CPU、GPU资源信息,本文将详细介绍如何使用C#来实现... 目录前言一、C# 监控键盘1. 原理与实现思路2. 代码实现二、读取 CPU、GPU 资源信息1.