关于springboot:京淘day07京淘项目商品详情

1.实现商品详情展示

1.1 业务阐明

个别用户查问商品时,只须要展示商品相干信息即可,如果用户点击某个商品时才会展示商品详情信息,因为商品详情是大字段信息,所以检索绝对较慢,节约性能.
表设计说明:
1.tb_item 商品表
2.tb_item_desc 商品详情表
一个商品只有一个详情信息,所以item表与itemDesc一对一.

1.2 商品详情表设计

1.3 编辑ItemDesc

package com.jt.pojo;
import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;
@TableName("tb_item_desc")
@Data
@NoArgsConstructor
@AllArgsConstructor
@Accessors(chain = true)
public class ItemDesc extends BasePojo{
    @TableId
 private Long itemId;        //商品ID 与item表中的数据统一.
 private String itemDesc;    //商品详情
}

1.4 富文本编辑器介绍

1.4.1 入门案例

1.5 重构商品新增

1.5.1 业务阐明

因为商品新增是将Item/ItemDesc对象一起新增,所以须要实现2张表的入库操作.

1.5.2 编辑ItemController

/**
 * 业务需要: 实现商品新增操作
 * url:    http://localhost:8091/item/save
 * 参数: 整个表单进行提交  应用对象接管
 * 返回值: 零碎返回值对象
 */
 @RequestMapping("/save")
   @Transactional
 public SysResult saveItem(Item item, ItemDesc itemDesc) {
      itemService.saveItem(item,itemDesc);
      return SysResult.success();
 }

1.5.3 编辑ItemService

//新增
@Override
@Transactional//开启事务管制
public void saveItem(Item item, ItemDesc itemDesc) {
   item.setStatus(1);
 //MP用法：如果实现主键自增,则主动的实现数据的回显!!!
   itemMapper.insert(item);
   //获取主键信息
   itemDesc.setItemId(item.getId());
   itemDescMapper.insert(itemDesc);
}

1.6 商品详情展示

1.6.1 页面剖析

1.6.2 页面JS剖析

1.6.3 编辑ItemController

/**
     * 业务阐明: 依据商品Id号,检索商品详情信息
     * url:  http://localhost:8091/item/query/item/desc/1474392023
     * 参数:  result格调获取数据.
     * 返回值: SysResult对象
     */
    @RequestMapping("/query/item/desc/{itemId}")
    public SysResult findItemDescById(@PathVariable Long itemId){
        ItemDesc itemDesc = itemService.findItemDescById(itemId);
        return SysResult.success(itemDesc);
    }

1.6.4 编辑ItemService

@Override
    public ItemDesc findItemDescById(Long itemId) {
        return itemDescMapper.selectById(itemId);
    }

2.6.5 页面成果展示

1.7 重构商品更新

2.7.1 业务阐明

当用户点击商品更新时,应该实现2张表的数据更新操作. 更新Item/更新ItemDesc对象

1.7.2 编辑ItemController

/**
 * 实现商品编辑
 * url地址: /item/update
 * 申请参数: 整个form表单提交
 * 返回值:    sysResult对象
 */
@RequestMapping("/update")
public SysResult updateItem(Item item,ItemDesc itemDesc) {
   itemService.updateItem(item,itemDesc);
   return SysResult.success();
}

1.7.3 编辑ItemService

//更新
@Override
@Transactional //管制事务
public void updateItem(Item item, ItemDesc itemDesc) {
   itemMapper.updateById(item);
   //补全数据
 itemDesc.setItemId(item.getId());
   itemDescMapper.updateById(itemDesc);
}

1.8 商品删除操作

1.8.1 编辑ItemController

/**
 * 实现商品的删除
 * url:/item/delete
 * 参数：ids
 * 返回类型:SysResult
 */@RequestMapping("/delete")
public SysResult deleteItems(Long[] ids) {
   itemService.deleteItems(ids);
   return SysResult.success();
}

1.8.2 编辑ItemService

//删除
//sql:delete from tb_item where id in(1,2,3)
@Override
@Transactional
public void deleteItems(Long[] ids) {
   //形式1利用mp形式实现
 //List<Long> longIds= Arrays.asList(ids);
 //itemMapper.deleteBatchIds(longIds); //形式2手写sql形式实现删除
 itemMapper.deleteItems(ids);
   //商品详情信息
 List<Long> longIds= Arrays.asList(ids);
   itemDescMapper.deleteBatchIds(longIds);
}

2 文件上传

2.1 文件上传入门案例

2.1.1 页面标识

2.1.2 文件上传入门案例

package com.jt.controller;
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.io.InputStream;
@RestController
public class FileController {
    /**
     * url地址:  http://localhost:8091/file
     * 参数:     文件信息 fileImage
     * 返回值:   String
     */
    @RequestMapping("/file")
    public String file(MultipartFile fileImage) throws IOException {
        //1.获取图片名称
        String name=fileImage.getOriginalFilename();
        //2.定义文件目录
        String fileDirPath="E:/images";
        //3.创立目录
        File fileDir=new File(fileDirPath);
        if(!fileDir.exists()){
            fileDir.mkdirs();
        }
        //4.生成文件的全门路
        String filePath=fileDirPath+"/"+name;
        File imageFile=new File(filePath);
        //5.实现文件上传
        fileImage.transferTo(imageFile);
        return "文件上传胜利!!!";
    }
}

2.2 文件上传业务

2.2.1 页面URL剖析

2.2.2 申请参数

2.2.3 编辑VO对象

{“error”:0,“url”:“图片的保留门路”,“width”:图片的宽度,“height”:图片的高度}

package com.jt.vo;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;
@Data
@Accessors(chain = true)
@NoArgsConstructor
@AllArgsConstructor
public class ImageVO {
    //{"error":0,"url":"图片的保留门路","width":图片的宽度,"height":图片的高度}
    private Integer error;  // 0 示意文件上传正确    1.上传有误
    private String  url;    //图片浏览的网络地址(虚拟地址)
    private Integer width;  //宽度
    private Integer height; //高度
    public static ImageVO fail(){
        return new ImageVO(1, null, null, null);
    }
    public static ImageVO success(String url,Integer width,Integer height){
        return new ImageVO(0, url,width, height);
    }
} 

2.2.4 编辑FileController

 /**
     * 业务需要: 实现文件上传操作
     *  url:http://localhost:8091/pic/upload?dir=image
     *  参数:uploadFile
     *  返回值: ImageVO对象
     */
     @RequestMapping("/pic/upload")
     public ImageVO upload(MultipartFile uploadFile){
         return fileService.upload(uploadFile);
     } 

2.2.5 编辑FileService

package com.jt.service;
import com.jt.vo.ImageVO;
import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile;
import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.datatransfer.FlavorEvent;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.HashSet;
import java.util.Set;
import java.util.UUID;
@Service
public class FileServiceImpl implements FileService{
    private static Set<String> typeSet = new HashSet<>();
    static {
        //利用配置文件动静将图片类型获取.
        typeSet.add(".jpg");
        typeSet.add(".png");
        typeSet.add(".gif");
    }
    /**
     * 业务逻辑:实现文件上传
     * 步骤:
     *      1.校验图片的类型  jpg|png|gif.......
     *      2.校验文件是否为恶意程序...
     *      3.采纳分目录的构造进行存储
     *      4.防止文件重名  UUID
     *
     * 考题: UUID有多少种排列组合? 32位16进制数.... 0-9 A-F   2^4*32 2^128   hash碰撞
     *       hash取值有多少种可能性? 8位16进制数    2^32
     *
     * @param uploadFile
     * @return
     */
    @Override
    public ImageVO upload(MultipartFile uploadFile){
        //一. 校验图片类型  1.利用汇合校验   2.正则表达式
        //1.1 获取文件名称  1.jpg  1.JPG
        String fileName = uploadFile.getOriginalFilename();
        fileName = fileName.toLowerCase();
        int index = fileName.lastIndexOf(".");
        //1.2 获取下标 获取文件后缀类型
        String fileType = fileName.substring(index);
        //1.3 判断是否为图片类型
        if(!typeSet.contains(fileType)){
            return ImageVO.fail();
        }
        //二.如果是图片  高度/宽度
        //2.1将数据转化为图片对象
        try {
            BufferedImage bufferedImage =
            ImageIO.read(uploadFile.getInputStream());
            int width  = bufferedImage.getWidth();
            int height = bufferedImage.getHeight();
            if(width == 0 || height == 0){
                return ImageVO.fail();
            }
            //三 实现分目录存储
            String fileDir = "D:/JT-SOFT/images";
            //3.1依照/yyyy/MM/dd/的形式进行目录划分
            String dateDir = new                           SimpleDateFormat("/yyyy/MM/dd/")
                             .format(new Date());
            //D:/JT-SOFT/images/2020/12/1/
            String fileDirPath = fileDir + dateDir;
            File dirFile = new File(fileDirPath);
            //3.2 创立目录
            if(!dirFile.exists()){
                dirFile.mkdirs();
            }
            //四. 实现文件上传 20-18-3.3
            //4.1 筹备文件名称  UUID  522f88bb-33b2-11eb-93fb-00d861eaf238
            String uuid = UUID.randomUUID()
                          .toString().replace("-", "");
            //4.2 动静生成文件名称  uuid.jpg
            String uuidName = uuid + fileType;
            //4.3 实现文件上传
            File realFile = new File(fileDirPath+uuidName);
            uploadFile.transferTo(realFile);
            String url = "https://img14.360buyimg.com/n0/jfs/t1/142351/39/11668/73504/5f91a1caEae160a0a/568da3be2b7a960c.jpg";
            return ImageVO.success(url, width,height);
        } catch (IOException e) {
            e.printStackTrace();
            return ImageVO.fail(); //报错返回
        }
    }
}