5.菜品管理业务开发

菜品管理业务开发

1、文件上传功能

1.1、导入页面

从资料里导入upload.html文件

image-20220618161726114

1.2、编写文件上传方法

1、保存地址配置,在application.yml添加以下配置

reggie:
  path: D:\reggieImg\

2、实现方法

package com.itheima.reggie.controller;

import com.itheima.reggie.common.R;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.io.IOException;
import java.util.UUID;

/**
 * @Author: xjhqre
 * @DateTime: 2022/6/18 16:18
 */
@RestController
@RequestMapping("/common")
@Slf4j
public class CommonController {

    @Value("${reggie.path}")
    private String basePath;

    @PostMapping("/upload")
    public R<String> upload(MultipartFile file) {
        // file是一个临时文件,需要转存到指定位置,否则本次请求完成后临时文件会删除
        log.info(file.toString());

        // 原始文件名
        String originalFilename = file.getOriginalFilename();
        String suffix = originalFilename.substring(originalFilename.lastIndexOf("."));

        // 使用UUID重新生成文件名,防止文件名重复发生覆盖
        String fileName = UUID.randomUUID() + suffix;

        // 创建一个目录对象
        File dir = new File(basePath);
        // 判断当前目录是否存在
        if (!dir.exists()) {
            dir.mkdirs();
        }

        try {
            // 将临时文件转存到指定位置
            file.transferTo(new File(basePath + fileName));
        } catch (IOException e) {
            e.printStackTrace();
        }

        return R.success(fileName);
    }
}

1.3、开放上传图片请求地址

修改LoginCheckFilter的过滤配置

image-20220618163434986

1.4、测试图片上传功能

访问地址http://localhost:8080/backend/page/demo/upload.html

测试上传功能

1.5、使用阿里云OSS存储(可选)

1.5.1、创建bucket

image-20220618155455656

1.5.2、创建AccessKey

1、使用子用户 AccessKey,创建完成后记得保存accessKeySecret,以后无法查询

image-20220618161448659

2、添加用户权限

image-20220423150723733

1.5.3、引入依赖
<dependency>
    <groupId>com.aliyun.oss</groupId>
    <artifactId>aliyun-sdk-oss</artifactId>
    <version>3.10.2</version>
</dependency>
1.5.4、创建上传方法
/**
 * 文件上传OSS
 * @param file
 * @return
 */
@PostMapping("/upload")
public R<String> upload(MultipartFile file) {
    // file是一个临时文件,需要转存到指定位置,否则本次请求完成后临时文件会删除
    log.info(file.toString());

    // 原始文件名
    String originalFilename = file.getOriginalFilename();
    String suffix = originalFilename.substring(originalFilename.lastIndexOf("."));

    // Endpoint以华东1(杭州)为例,其它Region请按实际情况填写。
    String endpoint = "https://oss-cn-hangzhou.aliyuncs.com";
    // 阿里云账号AccessKey拥有所有API的访问权限,风险很高。强烈建议您创建并使用RAM用户进行API访问或日常运维,请登录RAM控制台创建RAM用户。
    String accessKeyId = "你的accessKeyId";
    String accessKeySecret = "你的accessKeySecret";
    // 填写Bucket名称,例如examplebucket。
    String bucketName = "你的bucketName";
    // 填写Object完整路径,完整路径中不能包含Bucket名称,例如exampledir/exampleobject.txt。
    String objectName = UUID.randomUUID() + suffix;
    // 创建OSSClient实例。
    OSS ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret);

    // getInputStream()返回一个InputStream以从中读取文件的内容。通过此方法就可以获取到流
    InputStream multipartFileInputStream = null;
    try {
        multipartFileInputStream = file.getInputStream();
    } catch (IOException e) {
        e.printStackTrace();
    }
    
    try {
        // 创建PutObject请求。
        ossClient.putObject(bucketName, objectName, multipartFileInputStream);
    } catch (OSSException oe) {
        System.out.println("Caught an OSSException, which means your request made it to OSS, "
                + "but was rejected with an error response for some reason.");
        System.out.println("Error Message:" + oe.getErrorMessage());
        System.out.println("Error Code:" + oe.getErrorCode());
        System.out.println("Request ID:" + oe.getRequestId());
        System.out.println("Host ID:" + oe.getHostId());
    } catch (ClientException ce) {
        System.out.println("Caught an ClientException, which means the client encountered "
                + "a serious internal problem while trying to communicate with OSS, "
                + "such as not being able to access the network.");
        System.out.println("Error Message:" + ce.getMessage());
    } finally {
        if (ossClient != null) {
            ossClient.shutdown();
        }
    }

    return R.success(objectName);
}

2、文件下载功能

需求:当我们上传一个图片后需要在浏览器进行回显

2.1 编写下载方法

在CommonController下编写download方法

/**
 * 文件下载
 * @param name
 * @param response
 */
@GetMapping("/download")
public void download(String name, HttpServletResponse response) {

    try {
        // 输入流,从本地磁盘读取图片信息
        FileInputStream fileInputStream = new FileInputStream(new File(basePath + name));

        // 输出流,输出图片信息到浏览器
        ServletOutputStream outputStream = response.getOutputStream();

        response.setContentType("image/jpeg");

        int len = 0;
        byte[] bytes = new byte[1024];
        while ((len = fileInputStream.read(bytes)) != -1) {
            outputStream.write(bytes, 0, len);
            outputStream.flush();
        }
        // 关闭资源
        outputStream.close();
        fileInputStream.close();
        
    } catch (Exception e) {
        e.printStackTrace();
    }
}

2.2、测试图片回显功能

2.3、请求OSS图片(可选)

如果使用了OSS上传图片服务,想要获取OSS图片,只需要修改图片的请求路径即可,如下图所示:

修改upload.html文件里的handleAvatarSuccess方法请求路径

image-20220618171611566

3、新增菜品

执行流程:

  1. 页面(backend/page/food/add.html)发送ajax请求,请求服务端获取菜品分类数据并展示到下拉框中
  2. 页面发送请求进行图片上传,请求服务端将图片保存到服务器
  3. 页面发送请求进行图片下载,将上传的图片进行回显
  4. 点击保存按钮,发送ajax请求,将菜品相关数据以json形式提交到服务端

3.1、准备工作

先将需要用到的类和接口准备好:

  1. 实体类DishFlavor(从资料中导入)
  2. Mapper接口DishFlavorMapper
  3. 业务层接口DishFlavorService
  4. 业务层实现类DishFlavorServiceImpl
  5. 控制层DishController

Dish和DishFlavor的业务都由DishController处理

3.2、查询菜品分类列表

在CategoryController中编写list方法

/**
 * 根据条件查询分类数据
 * @param category
 * @return
 */
@GetMapping("/list")
public R<List<Category>> list(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);
}

3.3、导入DTO

由于前端传来的数据,在后端不能直接用Dish和DishFlavor接收,需要有一个实体类同时具有Dish和DishFlavor的属性。

package com.itheima.reggie.dto;

import com.itheima.reggie.entity.Dish;
import com.itheima.reggie.entity.DishFlavor;
import lombok.Data;
import java.util.ArrayList;
import java.util.List;

@Data
public class DishDto extends Dish {

    private List<DishFlavor> flavors = new ArrayList<>();

    private String categoryName;

    private Integer copies;
}

这里可以看出子类其实是可以继承父类的所有东西的。只是不能直接获取权限为private或default的属性和方法

3.4、创建controller方法

在DishController类中创建save方法

package com.itheima.reggie.controller;

import com.itheima.reggie.common.R;
import com.itheima.reggie.dto.DishDto;
import com.itheima.reggie.service.DishFlavorService;
import com.itheima.reggie.service.DishService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

@Slf4j
@RestController
@RequestMapping("/dish")
public class DishController {

    @Autowired
    DishService dishService;

    @Autowired
    DishFlavorService dishFlavorService;

    /**
     * 新增菜品
     * @param dishDto
     * @return
     */
    @PostMapping
    public R<String> save(@RequestBody DishDto dishDto) {
        log.info(dishDto.toString());
        dishService.saveWithFlavor(dishDto);
        return R.success("新增菜品成功");
    }
}

3.5、在service中定义方法

在DishService中定义saveWithFalvor方法

package com.itheima.reggie.service;

import com.baomidou.mybatisplus.extension.service.IService;
import com.itheima.reggie.dto.DishDto;
import com.itheima.reggie.entity.Dish;

public interface DishService extends IService<Dish> {

    // 新增菜品,同时插入菜品对应的口味数据,需要操作两张表:dish和dish_falvor
    void saveWithFalvor(DishDto dishDto);
}

3.6、在ServiceImpl中实现方法

package com.itheima.reggie.service.impl;

import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.itheima.reggie.dto.DishDto;
import com.itheima.reggie.entity.Category;
import com.itheima.reggie.entity.Dish;
import com.itheima.reggie.entity.DishFlavor;
import com.itheima.reggie.mapper.CategoryMapper;
import com.itheima.reggie.mapper.DishMapper;
import com.itheima.reggie.service.CategoryService;
import com.itheima.reggie.service.DishFlavorService;
import com.itheima.reggie.service.DishService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import java.util.List;
import java.util.stream.Collectors;

@Service
public class DishServiceImpl extends ServiceImpl<DishMapper, Dish> implements DishService {

    @Autowired
    private DishFlavorService dishFlavorService;

    /**
     * 新增菜品,同时保存对应的口味数据
     * @param dishDto
     */
    @Override
    @Transactional
    public void saveWithFlavor(DishDto dishDto) {
        // 保存菜品的基本信息到dish表
        this.save(dishDto);

        Long dishId = dishDto.getId();

        // 菜品口味
        List<DishFlavor> flavors = dishDto.getFlavors();
        flavors = flavors.stream().peek(item -> item.setDishId(dishId)).collect(Collectors.toList());

        // 保存菜品口味数据到dish_flavor表
        dishFlavorService.saveBatch(flavors);
    }
}

3.7、在主启动类中开启事务

添加@EnableTransactionManagement注解

@Slf4j
@SpringBootApplication
@ServletComponentScan
@EnableTransactionManagement
public class ReggieApplication {
    public static void main(String[] args) {
        SpringApplication.run(ReggieApplication.class, args);
        log.info("项目启动成功...");
    }
}

3.8、测试新增菜品

添加菜品后查看数据库是否添加正确

2

4、菜品信息分页查询

4.1、创建分页查询方法

4.1.1、方法一:老师的方法
/**
 * 菜品信息分页查询
 * @param page
 * @param pageSize
 * @param name
 * @return
 */
@GetMapping("/page")
public R<Page<DishDto>> 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.like(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.1.2、方法二:联表查询方法(可选)

1、DishController层

/**
 * 菜品信息分页查询
 * @param page
 * @param pageSize
 * @param name
 * @return
 */
@GetMapping("/page")
public R<Page<DishDto>> page(int page, int pageSize, String name) {
    // 构造分页构造器对象
    Page<DishDto> pageInfo = new Page<>(page, pageSize);

    dishService.selectDishWithCategoryNameList(pageInfo, name);

    return R.success(pageInfo);
}

2、DishService层,添加以下方法声明

// 查询所有带菜品分类名的菜品信息
void selectDishWithCategoryNameList(Page<DishDto> page, String name);

3、DishServiceImpl层,实现selectDishWithCategoryNameList方法

/**
 * 查询所有的Dish并带有菜品分类名
 * @param page
 */
@Override
public void selectDishWithCategoryNameList(Page<DishDto> page, String name) {
    List<DishDto> records = baseMapper.selectDishWithCategoryNameList(page, name == null ? "" : name);
    page.setRecords(records);
}

4、DishMapper层,添加以下方法声明

@Select("SELECT a.*, b.`name` AS category_name FROM dish a JOIN category b ON a.`category_id` = b.`id` WHERE a.`name` LIKE CONCAT('%',#{name},'%') ORDER BY sort")
List<DishDto> selectDishWithCategoryNameList(Page<DishDto> page, @Param("name") String name);

4.2、菜品列表显示阿里云OSS图片(可选)

如果使用的是阿里云存储的图片,需要修改backend/page/food/list.html文件以下两处地方

修改:preview-src-list的值

image-20220618205112471

修改return的值

image-20220618205154527

4.3、测试菜品查询效果

image-20220618211641139

5、修改菜品页面数据回显

执行流程:

  1. 页面发送ajax请求,请求服务端获取分类数据,用于菜品分类下拉框中数据展示
  2. 页面发送ajax请求,请求服务端,根据id查询当前菜品信息,用于菜品信息回显
  3. 页面发送请求,请求服务端进行图片下载,用于页图片回显
  4. 点击保存按钮,页面发送ajax请求,将修改后的菜品相关数据以json形式提交到服务端

5.1、DishController

创建get 方法

/**
 * 根据id查询菜品信息和对应的口味信息
 * @param id
 * @return
 */
@GetMapping("/{id}")
public R<DishDto> get(@PathVariable Long id) {
    DishDto dishDto = dishService.getByIdWithFlavor(id);
    return R.success(dishDto);
}

5.2、DishService

声明getByIdWithFlavor方法

// 根据id查询菜品信息和对应的口味信息
DishDto getByIdWithFlavor(Long id);

5.3、DishServiceImpl

实现getByIdWithFlavor方法

/**
 * 根据id查询菜品信息和对应的口味信息
 * @param id
 * @return
 */
@Override
public DishDto getByIdWithFlavor(Long id) {
    // 查询菜品的基本信息,从dish表查询
    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;
}

5.4、阿里云OSS图片回显(可选)

修改backend/page/food/add.html文件

image-20220618215903004

5.5、测试修改回显

image-20220618220024367

6、修改菜品

先删除dish对应的所有dish_flavor,在进行添加

6.1、DishController

/**
 * 修改菜品
 * @param dishDto
 * @return
 */
@PutMapping
public R<String> update(@RequestBody DishDto dishDto) {
    log.info(dishDto.toString());

    dishService.updateWithFlavor(dishDto);

    return R.success("修改菜品成功");
}

6.2、DishService

// 更新菜品信息,同时更新对应的口味信息
void updateWithFlavor(DishDto dishDto);

6.3、DishServiceImpl

@Override
@Transactional
public void updateWithFlavor(DishDto dishDto) {
    // 更新dish表基本信息
    this.updateById(dishDto);

    // 清理当前菜品对应口味数据
    LambdaQueryWrapper<DishFlavor> queryWrapper = new LambdaQueryWrapper<>();
    queryWrapper.eq(DishFlavor::getDishId, dishDto.getId());

    dishFlavorService.remove(queryWrapper);

    // 添加当前提交过来的口味数据
    List<DishFlavor> flavors = dishDto.getFlavors();
    flavors = flavors.stream().peek(item -> item.setDishId(dishDto.getId())).collect(Collectors.toList());

    dishFlavorService.saveBatch(flavors);
}

6.4、测试修改菜品

7、删除和批量删除菜品(可选)

使用逻辑删除

先删除菜品对应的口味,在删除菜品,is_delete为1表示删除,0表示未删除

7.1、修改Dish和DishFlavor实体类

isDeleted属性添加注解@TableLogic(value = "0", delval = "1")。添加此注解后,调用mybatis-plus的删除方法实际上用的是update方法

image-20220619131554336

7.2、DishController

/**
 * 逻辑删除
 * @param ids
 * @return
 */
@DeleteMapping
@Transactional
public R<String> delete(Long[] ids) {
    log.info("批量删除的id:{}", Arrays.toString(ids));
    // 先逻辑删除菜品对应的口味信息
    dishFlavorService.removeByDishIds(Arrays.asList(ids));
    // 在逻辑删除菜品
    dishService.removeByIds(Arrays.asList(ids));

    return R.success("删除菜品成功");
}

7.3、DishFlavorService

/**
 * 逻辑删除对应菜品的口味记录
 * @param dishIds
 */
void removeByDishIds(List<Long> dishIds);

7.4、DishFlavorServiceImpl

@Service
public class DishFlavorServiceImpl extends ServiceImpl<DishFlavorMapper, DishFlavor> implements DishFlavorService {

    @Autowired
    DishFlavorMapper dishFlavorMapper;

    /**
     * 逻辑删除对应菜品的口味记录
     * @param dishIds
     */
    @Override
    public void removeByDishIds(List<Long> dishIds) {
        dishFlavorMapper.removeByDishIds(dishIds);
    }
}

7.5、DishFlavorMapper

@Mapper
public interface DishFlavorMapper extends BaseMapper<DishFlavor> {
    void removeByDishIds(@Param("dishIds") List<Long> dishIds);
}

7.6、DishFlavorDao.xml

resources目录下创建mapper目录,在mapper目录下创建DishFlavorDao.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="com.itheima.reggie.mapper.DishFlavorMapper">


    <update id="removeByDishIds">
        UPDATE dish_flavor SET is_deleted=1 WHERE dish_id IN
        <foreach collection="dishIds" item="id" index="index" open="(" close=")" separator=",">
            #{id}
        </foreach>
        AND is_deleted=0
    </update> <!-- 修改 -->


</mapper>

7.7、修改菜品分页查询功能

由于我们使用了逻辑删除,删除的菜品还是能在菜品列表上看到,我们需要修改分页查询功能

以下是对我自己写的分页查询方法进行修改,如果用的是老师的分页查询方法请自行修改

修改DishMapper里的selectDishWithCategoryNameList方法,在注解中加上is_deleted字段的判断即可

@Select("SELECT a.*, b.`name` AS category_name FROM dish a JOIN category b ON a.`category_id` = b.`id` WHERE a.`name` LIKE CONCAT('%',#{name},'%') AND a.`is_deleted` = 0 ORDER BY sort")
List<DishDto> selectDishWithCategoryNameList(Page<DishDto> page, @Param("name") String name);

7.8、测试批量删除

8、批量起售停售(可选)

8.1、DishController

/**
 * 批量停售起售
 * @param status
 * @param ids
 * @return
 */
@PostMapping("status/{status}")
@Transactional
public R<String> status(@PathVariable("status") int status, @RequestParam Long[] ids) {
    log.info("批量起售停售:{},{}", status, Arrays.toString(ids));
    dishService.updateStatusByIds(status, ids);
    return R.success("批量起售停售成功");
}

8.2、DishService

// 批量起售停售
void updateStatusByIds(int status, Long[] ids);

8.3、DishServiceImpl

/**
 * 批量起售停售
 * @param status
 * @param ids
 */
@Override
public void updateStatusByIds(int status, Long[] ids) {
    dishMapper.updateStatusByIds(status, ids);
}

8.4、DishMapper

void updateStatusByIds(@Param("status") int status, @Param("ids") Long[] ids);

8.5、DishDao.xml

resources目录下的mapper目录下创建DishDao.xml文件

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="com.itheima.reggie.mapper.DishMapper">

    <update id="updateStatusByIds">
        UPDATE dish
        SET status = #{status}
        WHERE id IN
        <foreach collection="ids" item="id" index="index" open="(" close=")" separator=",">
            #{id}
        </foreach>
        AND status != #{status}
    </update> <!-- 修改 -->
</mapper>

8.6、测试批量起售停售

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值