文章目录
瑞吉外卖 — day4
- 菜品管理开发业务功能
1. 文件上传下载
1.1 文件上传介绍
-
文件上传：也称为upload，是指将本地图片、视频、音频等文件上传到服务器上，可以供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛，我们经常发微博、发微信朋友圈都用到了文件上传功能。
-
文件上传时，对页面的form表单有如下要求：
method=“post” 采用
post 方式提交数据enctype="multipart/form-data” 采用
multipart 格式上传文件type=“file” 使用 input的
file 控件上传<form method="post" action="/common/upload" enctype="multipart/form-data"> <input name="myFile" type="file"/> <input type="submit" value="提交" /> </form> -
服务端要接收客户端页面上传的文件，通常都会使用Apache的两个组件：
commons-fileupload
commons-ioSpring框架在spring-web包中对文件上传进行了封装，大大简化了服务端代码，只需要在
Controller的方法中声明一个MultipartFile类型的参数即可接收上传的文件
1.2 文件下载介绍
- 文件下载：也称为download，是指将文件从服务器传输到本地计算机的过程。
- 通过浏览器进行文件下载，通常有两种表现形式：
- 以附件形式下载，弹出保存对话框，将文件保存到指定磁盘目录
- 直接在浏览器中打开
- 通过浏览器进行文件下载，本质上就是服务端将文件以 **
流的形式**写回浏览器的过程。
1.3 文件上传代码
-
在 application.yaml 中配置文件上传的目录
reggie: path: E:\reggie\ -
文件上传的 controller 层
@RestController @RequestMapping("common") @Slf4j public class CommonController { @Value("${reggie.path}") private String basePath; /** * 文件上传 * @param file * @return */ @PostMapping("upload") public R<String> upload(MultipartFile file){ //file是一个临时文件，需要转存到指定位置，否则本次请求完成后临时文件会删除 log.info(file.toString()); // 获取原始文件名 String originalFilename = file.getOriginalFilename(); // 后缀 String subxx = originalFilename.substring(originalFilename.lastIndexOf(".")); // 使用UUID重新生成文件名，防止文件名称重复造成文件覆盖 String fileName = UUID.randomUUID().toString() + subxx; // 创建一个目录对象 File dir = new File(basePath); // 判断当前目录是否存在 if(!dir.exists()){ // 不存在，则将该目录创建出来 dir.mkdirs(); } try { //将临时文件转存到指定位置 file.transferTo(new File(basePath + fileName)); } catch (IOException e) { throw new RuntimeException(e); } return null; } } -
注：参数名必须与下面图中 name 后的名一致
1.4 文件下载代码
/**
* 文件下载
* @param name
* @param response
*/
@GetMapping("download")
public void download(String name, HttpServletResponse response){
try {
// 输入流，读取文件内容
FileInputStream fileInputStream = new FileInputStream(basePath+name);
// 输出流，将文件写回浏览器，在浏览器展示图片
ServletOutputStream outputStream = response.getOutputStream();
int len = 0;
byte[] bytes = new byte[1024];//缓冲区 bytes，大小为 1024 字节
while((len = fileInputStream.read(bytes)) != -1){
outputStream.write(bytes, 0, len);
outputStream.flush();
}
// 关闭资源
outputStream.close();
fileInputStream.close();
} catch (Exception e) {
throw new RuntimeException(e);
}
}
2. 新增菜品
2.1 需求分析
-
后台系统中可以管理菜品信息，通过新增功能来添加一个新的菜品，在添加菜品时需要选择当前菜品所属的菜品分类，并且需要上传菜品图片，在移动端会按照菜品分类来展示对应的菜品信息。
-
数据模型
dish 菜品表
dish_flavor 菜品口味表
2.2 代码开发
-
创建基础类和接口
实体类DishFlavor(直接从课程资料中导入即可，Dish实体前面课程中已经导入过了)
Mapper接口DishFlavorMapper
业务层接口DishFlavorService
业务层实现类 DishFlavorServicelmpl
控制层DishController
-
新增菜品时前端页面与服务端的交互过程
1、页面(backend/ page/food/add.html)发送ajax请求，请求服务端获取菜品分类数据并展示到下拉框中
2、页面发送请求进行图片上传，请求服务端将图片保存到服务器
3、页面发送请求进行图片下载，将上传的图片进行回显
4、点击保存按钮，发送ajax请求，将菜品相关数据以json形式提交到服务端
-
导入DTO
DTO，全称为DataTransfer object，即数据传输对象，一般用于展示层与服务层之间的数据传输。
-
DishServiceImpl 中添加方法：
@Autowired private DishFlavorService dishFlavorService; /** * 新增菜品，并保持对应的口味数据 * @param dishDto */ @Override @Transactional public void saveWithFlavor(DishDto dishDto) { //保存菜品基本信息到表dish this.save(dishDto); Long dishId = dishDto.getId();//菜品id //菜品口味 List<DishFlavor> flavors = dishDto.getFlavors(); flavors = flavors.stream().map((item) -> { item.setDishId(dishId); return item; }).collect(Collectors.toList()); //保存菜品口味数据到口味表dish_flavor dishFlavorService.saveBatch(flavors); }注：因为使用了@Transactional 注解，记得在启动类中加入@EnableTransactionManagement来开启事务注解支持 -
DishController 中：
@RestController @RequestMapping("dish") @Slf4j public class DishController { @Autowired private DishService dishService; @Autowired private DishFlavorService dishFlavorService; /** * 新增菜品 * @param dishDto * @return */ @PostMapping public R<String> save(@RequestBody DishDto dishDto){ log.info("新增菜品: {}",dishDto.toString()); dishService.saveWithFlavor(dishDto); return R.success("新增菜品成功！"); } }
3. 菜品信息分页查询
3.1 需求分析
-
前后端交互过程：
1、页面(backend/page/food/list.html)发送ajax请求，将分页查询参数(page、pageSize、name)提交到服务端，获取分页数据
2、页面发送请求，请求服务端进行图片下载，用于页面图片展示
3.2 代码开发
/**
* 菜品信息分页查询
* @param page
* @param pageSize
* @param name
* @return
*/
@GetMapping("page")
public R<Page> page(int page, int pageSize, String name){
//构造分页构造器对象
Page<Dish> pageInfo = new Page<>(page, pageSize);
Page<DishDto> dishDtoPage = new Page<>();
//条件构造器
LambdaQueryWrapper<Dish> queryWrapper = new LambdaQueryWrapper<>();
//添加过滤条件
queryWrapper.eq(name != null, Dish::getName,name);
//添加排序条件
queryWrapper.orderByDesc(Dish::getUpdateTime);
//执行分页查询
dishService.page(pageInfo,queryWrapper);
//对象拷贝
BeanUtils.copyProperties(pageInfo,dishDtoPage,"records");
List<Dish> records = pageInfo.getRecords();
List<DishDto> list = records.stream().map((item) -> {
DishDto dishDto = new DishDto();
BeanUtils.copyProperties(item,dishDto);
Long categoryId = item.getCategoryId();
//根据id查询分类对象
Category category = categoryService.getById(categoryId);
if(category != null){
String categoryName = category.getName();
dishDto.setCategoryName(categoryName);
}
return dishDto;
}).collect(Collectors.toList());
dishDtoPage.setRecords(list);
return R.success(dishDtoPage);
}
4. 修改菜品
4.1 需求分析
- 在菜品管理列表页面点击修改按钮，跳转到修改菜品页面，在修改页面回显菜品相关信息并进行修改，最后点击确定按钮完成修改操作
4.2 代码开发
-
修改菜品时，前端页面（add.html）和服务端交互过程：
1、页面发送ajax请求，请求服务端获取分类数据，用于菜品分类下拉框中数据展示
2、页面发送ajax请求，请求服务端，根据id查询当前菜品信息，用于菜品信息回显
3、页面发送请求，请求服务端进行图片下载，用于页图片回显
4、点击保存按钮，页面发送ajax请求，将修改后的菜品相关数据以json形式提交到服务端
-
根据id查询当前菜品信息，用于菜品信息回显
/** * 根据id查询菜品信息和口味信息 * @param id * @return */ @GetMapping("/{id}") public R<DishDto> get(@PathVariable Long id){ DishDto dishDto = dishService.getByIdWithFlavor(id); return R.success(dishDto); }/** * 根据id查询菜品信息和口味信息 * @param id * @return */ @Override public DishDto getByIdWithFlavor(Long id) { // 查询菜品基本信息 Dish dish = this.getById(id); DishDto dishDto = new DishDto(); BeanUtils.copyProperties(dish,dishDto); // 查询当前菜品对应的口味信息，从dish_flavor表查询 LambdaQueryWrapper<DishFlavor> queryWrapper = new LambdaQueryWrapper<>(); queryWrapper.eq(DishFlavor::getDishId,dish.getId()); List<DishFlavor> flavors = dishFlavorService.list(queryWrapper); dishDto.setFlavors(flavors); return dishDto; } -
修改菜品信息
/** * 修改菜品信息 * @param dishDto * @return */ @PutMapping public R<String> update(@RequestBody DishDto dishDto){ log.info("修改菜品: {}",dishDto.toString()); dishService.updateWithFlavor(dishDto); return R.success("修改菜品成功！"); }/** * 更新菜品信息，更新口味信息 * @param dishDto */ @Override @Transactional public void updateWithFlavor(DishDto dishDto) { //更新dish表基本信息 this.updateById(dishDto); //清理当前下品对应的口味数据——dish_flavor——delete LambdaQueryWrapper<DishFlavor> queryWrapper = new LambdaQueryWrapper<>(); queryWrapper.eq(DishFlavor::getDishId,dishDto.getId()); dishFlavorService.remove(queryWrapper); //添加当前提交过来的口味数据 List<DishFlavor> flavors = dishDto.getFlavors(); flavors = flavors.stream().map((item) -> { item.setDishId(dishDto.getId()); return item; }).collect(Collectors.toList()); dishFlavorService.saveBatch(flavors); }
扫一扫
483
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
