1. 实现商品上下架操作
1.1 页面分析
说明:将状态码利用RestFul的风格实现动态传参.
下架操作: http://localhost:8091/item/updateStatus/2 status=2
上架操作: http://localhost:8091/item/1 status=1
1.2 编辑ItemController
/**
* 实现商品上架/下架操作
* url:/item/updateStatus/2
* 参数: 1/2代表商品的状态, ids=100,101,102,103
* 返回值: SysResult对象
* SpringMVC框架: 参数接收说明 如果参数中间以逗号的形式分割
* 则可以自动的转化为数组类型
*/
@RequestMapping("/updateStatus/{status}")
public SysResult updateStatus(@PathVariable Integer status,Long... ids){
itemService.updateStatus(ids,status);
return SysResult.success();
}
1.3 编辑ItemService
@Override
public void updateStatus(Long[] ids, Integer status) {
//1.以MP的方式操作数据库 只修改状态码/updated时间
/*Item item = new Item();
item.setStatus(status);
QueryWrapper<Item> queryWrapper = new QueryWrapper<>();
queryWrapper.in("id", ids);
itemMapper.update(item,queryWrapper);*/
//2.手写SQL;
itemMapper.updateStatus(ids,status);
}
1.4 编辑ItemMapper
编辑Mapper映射文件
2.实现商品详情展现
2.1 业务说明
一般用户查询商品时,只需要展现商品相关信息即可,如果用户点击某个商品时才会展现商品详情信息,因为商品详情是大字段信息,所以检索相对较慢,浪费性能.
表设计说明:
1.tb_item 商品表
2.tb_item_desc 商品详情表
一个商品只有一个详情信息,所以item表与itemDesc一对一.
2.2 商品详情表设计
2.3 编辑ItemDesc
2.4 富文本编辑器介绍
2.4.1 入门案例
2.5 重构商品新增
2.5.1 业务说明
由于商品新增是将Item/ItemDesc对象一起新增,所以需要完成2张表的入库操作.
2.5.2 编辑ItemController
2.5.3 编辑ItemService
2.6 商品详情展现
2.6.1 页面分析
2.6.2 页面JS分析
2.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);
}
2.6.4 编辑ItemService
@Override
public ItemDesc findItemDescById(Long itemId) {
return itemDescMapper.selectById(itemId);
}
2.6.5 页面效果展现
2.7 重构商品更新
2.7.1 业务说明
当用户点击商品更新时,应该实现2张表的数据更新操作. 更新Item/更新ItemDesc对象
2.7.2 编辑ItemController
2.7.3 编辑ItemService
2.8 商品删除操作
编辑ItemService 实现商品详情删除操作
3 文件上传
3.1 文件上传入门案例
3.1.1 页面标识
3.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 = "D:/JT-SOFT/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 "文件上传成功!!!";
}
}
3.2 文件上传业务
3.2.1 页面URL分析
3.2.2 请求参数
3.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);
}
}
3.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);
}
3.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(); //报错返回
}
}
}
作业
1.了解什么是反向代理/正向代理
2.磁盘地址能否优化 解耦
3.安装虚拟机/运行操作系统
在主板中 进入BIOS系统 开启虚拟化设置即可.