京淘项目搭建（七）

最新推荐文章于 2022-05-09 10:36:55 发布
最新推荐文章于 2022-05-09 10:36:55 发布
阅读量284 收藏
点赞数
分类专栏： 京东淘项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AimerDaniel/article/details/119567833
版权

京淘项目搭建

一、商品管理业务

1、VUE 过滤器用法

/* 定义过滤器 */
/* Vue.filter("定义过滤器名称",function(参数){
   过滤器需要添加return
}) */
Vue.filter("priceFormat",function(price){
    //console.log(price)
    return (price / 100).toFixed(2)
})


<!-- 使用过滤器修改价格 在main.js中定义过滤器 -->
        <el-table-column prop="price" label="价格(元)" width="80px">
          <template slot-scope="scope">
          	<!-- 语法：{{需要处理的内容 | 过滤器名称 }}-->
            {{ scope.row.price | priceFormat }}
             	<!-- {{价格 | 按分处理 }}-->
          </template>
        </el-table-column>

2、商品新增操作

2.1）页面跳转

根据用户请求地址，实现页面跳转。

import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import ElementUI from '../components/ElementUI.vue'
import Home from '../components/Home.vue'
import User from '../components/user/user.vue'
import Item from '../components/items/Item.vue'
import Welcome from '../components/Welcome.vue'
import ItemCat from '../components/items/ItemCat.vue'
import AddItem from '../components/items/addItem.vue'

//使用路由机制  通过children实现路由嵌套, redirect重定向
Vue.use(VueRouter)
const routes = [
  {path: '/', redirect: '/login'},
  {path: '/login', component: Login},
  {path: '/elementUI', component: ElementUI},
  //children组件的跳转 在home组件内部进行填充
  {path: '/home', component: Home,  redirect: '/welcome', children:[
    {path: '/welcome', component: Welcome},
    {path: '/user', component: User},
    {path: '/item', component: Item},
    {path: '/itemCat', component: ItemCat},
    {path: '/item/addItem', component: AddItem}
  ]}
]
2.2）商品新增业务说明(一)

商品分为(item/itemDesc), 目前只完成商品基本信息的提交即可。
在这里插入图片描述

2.3）页面JS分析
 /* 添加商品按钮 */
      async addItemBtn(){
        //console.log(this.addItemForm)

        //1.完成表单校验
        this.$refs.addItemFormRef.validate( valid => {
          if(!valid) return this.$message.error("请输入商品必填项")
        })

        //2.完成商品参数的封装
        //2.0 将商品价格扩大100倍
        this.addItemForm.price = this.addItemForm.price * 100
        //2.1 将商品图片的数据转化为字符串
        this.addItemForm.images = this.addItemForm.images.join(",")

        //2.5 实现商品数据提交 商品(item基本信息/商品详情信息)
        let submitAddItem = {
          item : this.addItemForm,
          itemDesc: this.itemDesc
        }


        //console.log(submitAddItem)
        let {data: result} = await this.$http.post("/item/saveItem",submitAddItem)
        if(result.status !== 200) return this.$message.error("商品添加失败")
        this.$message.success("商品添加成功")

        //2.5添加完成之后,将数据重定向到商品展现页面
        this.$router.push("/item")
      }
2.4）编辑ItemVO对象
@Data
@Accessors(chain = true)
@NoArgsConstructor
@AllArgsConstructor
public class ItemVO {  //该对象封装商品所有的参数信息
    private Item item;
    private ItemDesc itemDesc;
    private ItemParam itemParam;
}
2.5）商品新增的业务接口

请求路径：http://localhost:8091/item/saveItem
请求类型：post

前端传递参数分析：

	{
		item: {
			images: "/2021/05/20/da0c1d4781c1499399f090da8b60f359.jpg,/2021/05/20/2ac1c34776a7465887eb019655354c3c.jpg"
			itemCatId: 560
			num: "100"
			price: 718800
			sellPoint: "【华为官方直供,至高12期免息0首付,原装正品】送华为原装无线充+运动蓝牙耳机+蓝牙音箱+三合一多功能数据线+钢化膜等！"
			title: "华为P40 Pro 5G手机【12期免息可选送豪礼】全网通智能手机"
		},
		itemDesc: {
				itemDesc: "<ul><li>品牌：&nbsp;<a href=https://list.jd.com/list.html".......      "
		}
	}

请求参数：使用ItemVO对象接收

参数名称参数类型参数说明备注
itemItem商品基本信息对象封装不能为null
itemDescItemDesc商品详情信息不能为null

ImageVO参数详解：
Item对象

参数名称参数类型参数说明备注
titleString商品标题信息不能为null
sellPointString商品卖点信息不能为null
priceInteger商品价格信息不能为null，需要将数据扩大100倍
numInteger商品数量信息不能为null
imagesString商品图片地址信息不能为null
itemCatIdInteger商品父级分类ID不能为null
statusBoolean商品状态信息不能为null

itemDesc 对象：
为了降低商品提交代码的耦合性，将大字段信息详情，采用ItemDesc对象进行封装

参数名称参数类型参数说明备注
idInteger商品Id信息因为Item和ItemDesc是一对一关系 所以需要依赖Item对象的Id值
itemDescString商品详情信息内部包含了大量的html语句

返回值结果：

参数名称参数说明备注
status状态信息200表示服务器请求成功，201表示服务器异常
msg服务器返回的提示信息可以为null
data服务器返回的业务数据可以为null

3、商品详情说明

3.1）引入富文本编辑器

说明: 富文本用户操作的都是html代码片段

//1.导入JS
/* 导入富文本编辑器 */
import VueQuillEditor from 'vue-quill-editor'

/* 导入富文本编辑器对应的样式 */
import 'quill/dist/quill.core.css' // import styles
import 'quill/dist/quill.snow.css' // for snow theme
import 'quill/dist/quill.bubble.css' // for bubble theme

//2. 页面展现
 <el-tab-pane label="商品详情" name="2">
   <!-- 定义富文本编辑器-->
    <quill-editor ref="myQuillEditor" v-model="itemDesc.itemDesc">
    </quill-editor>

    <!-- 定义添加商品按钮-->
    <el-button type="primary" class="addItemBtnClass" @click="addItemBtn">添加商品</el-button>
  </el-tab-pane>
3.2）Item和ItemDesc关系

Item表：主要封装了商品的基本信息.
ItemDesc表：主要封装商品详情信息(大字段—html代码片段)
原因：如果用户频繁的查询大字段 则影响效率. 所以将商品信息分为item和itemDesc
关联关系：item.id = itemDesc.id ID的值一致的.

package com.jt.vo;

import com.jt.pojo.Item;
import com.jt.pojo.ItemDesc;
import com.jt.pojo.ItemParam;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;


@Data
@Accessors(chain = true)
@NoArgsConstructor
@AllArgsConstructor
public class ItemVO {  //该对象封装商品所有的参数信息
    private Item item;
    private ItemDesc itemDesc;
    private ItemParam itemParam;
}
3.3）编辑ItemController
  /**
     * 完成商品新增操作
     * 1.URL地址:  http://localhost:8091/item/saveItem
     * 2.参数: {item,itemDesc} 使用ItemVO进行接收
     * 3.请求类型: post    JSON
     * 4.返回值: SysResult对象
     */
    @PostMapping("/saveItem")
    public SysResult saveItem(@RequestBody ItemVO itemVO){

        itemService.saveItem(itemVO);
        return SysResult.success();
    }
3.4） 编辑ItemServiceImpl
  /**
     * 完成商品入库操作
     * @param itemVO
     * 问题分析:
     *      1.item入库之后,才会有主键信息. 对象理论上的ID=null
     *      2.itemDesc入库时,必须获取与Item.id一样的数据.
     * 如何解决:
     *      设定主键自动回显功能!!!!!
     * 如何设计:
     *   开启主键自增  主键回显的配置  Mybatis原生操作
     *    <insert id="xxxx" useGeneratedKeys="true" keyColumn="主键字段" keyProperty="主键属性">
     *
     *    </insert>
     *  MybatisPlus:
     *        MP在完成入库操作时,自动的实现了数据的回显功能. 所以ID是有值的.
     *  知识: 哪种情况会有自动的回显功能!!!!!
     *  BUG:  由于测试数据可能会出现重复的现象. 需要提前删除多余的记录
     */
    @Override
    @Transactional  //事务控制
    public void saveItem(ItemVO itemVO) {
        //1.获取Item对象信息
        Item item = itemVO.getItem();
        item.setStatus(true);
        //2.商品入库操作  主键自增,入库之后才能看到主键. ID回显
        itemMapper.insert(item);

        //3.获取商品详情
        ItemDesc itemDesc = itemVO.getItemDesc();
        //如何保证item和ItemDesc的ID一致?
        itemDesc.setId(item.getId());
        itemDescMapper.insert(itemDesc);
    }
3.5）BUG说明

如果出现主键重复，会报入库异常.则需要提前删除多余测试数据
在这里插入图片描述

4、文件上传操作

4.1）官网API
  <!-- 图片上传操作
           file-list="fileList"  双向数据绑定 控制图片的数量数组结构[],
           :on-preview="handlePreview"  点击图片时候调用的函数
           :on-remove="handleRemove"    当用户点击删除按钮时,触发函数
           multiple 配置多选
           drag   是否启用拖拽
           action="图片提交的地址信息"
         -->
        <el-upload
          class="upload-demo"
          action="https://jsonplaceholder.typicode.com/posts/"
          :on-preview="handlePreview"
          :on-remove="handleRemove"
          :file-list="fileList"
          list-type="picture"
          multiple
          drag>
          <el-button size="small" type="primary">点击上传</el-button>
          <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
        </el-upload>
4.2）文件上传的业务接口文档

请求路径：http://localhost:8091/file/upload
请求类型：post
请求参数：

参数名称参数说明备注
file文件上传的参数名称file中携带的是二进制信息

返回值结果：

参数名称参数说明备注
status状态信息200表示服务器请求成功 201表示服务器异常
msg服务器返回的提示信息可以为null
data服务器返回的业务数据返回ImageVO对象

ImageVO对象说明：

参数名称参数类型参数说明备注
virtualPathString图片实际路径 不包含磁盘信息例如: 2021/11/11/a.jpg 不需要写磁盘地址
urlPathString图片url访问地址http://image.jt.com/2021/11/11/a.jpg 需要指定域名地址
fileNameString文件上传后的文件名称UUID.type
4.3) 封装ImageVO对象
@Data
@Accessors(chain = true)
public class ImageVO {
    private String virtualPath; //虚拟路径
    private String urlPath;     //网络地址
    private String fileName;    //图片名称
}
4.4）文件上传入门案例
@RestController
@CrossOrigin
@RequestMapping("/file")
public class FileController {

    /**
     * 业务: 文件上传入门案例
     * URL:  http://localhost:8091/file/upload
     * 参数:  file=[101001010111]
     * 返回值: SysResult对象(ImageVO)
     * 知识回顾: 字节流/字符流/缓存流  默认的语法复杂
     * 高级API:  SpringMVC 专门针对与流,开发了一个高级API
     * 文件上传步骤:
     *      1.获取文件上传名称
     *      2.准备文件上传的目录
     *      3.准备全文件的路径   目录/文件名称
     *      4.实现上传
     */
    @PostMapping("/upload")
    public SysResult upload(MultipartFile file) throws IOException {
        //1.动态获取文件名称
        String fileName = file.getOriginalFilename();
        
        //2.准备文件目录  Linux系统不能识别\
        String dirPath = "F:/images";
        File dirFile = new File(dirPath);
        if(!dirFile.exists()){
            //应该创建一个新目录 创建多级目录
            dirFile.mkdirs();
        }
       
        //3.拼接文件路径
        String filePath = "F:/images/" + fileName;
       
        //4.实现文件上传
        file.transferTo(new File(filePath));
        System.out.println("实现文件上传");
        return SysResult.success();
    }
}
4.5）正则表达式

正则表达式，又称规则表达式。（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。
许多程序设计语言都支持利用正则表达式进行字符串操作。例如，在Perl中就内建了一个功能强大的正则表达式引擎。正则表达式这个概念最初是由Unix中的工具软件（例如sed和grep）普及开的。正则表达式通常缩写成“regex”，单数有regexp、regex，复数有regexps、regexes、regexen。

语法：
在这里插入图片描述
匹配确定的次数：
例子：
a{5} a出现5次
a{5,} a出现至少5次 >=5
a{5,8} a出现只能 5-8次
在这里插入图片描述
匹配任意字符：
在这里插入图片描述
匹配字符区间范围：
[xyz] 该字符只能取值 x/y/z中的一个 匹配单个字符
^ xyz 该字符除了xyz之外的其他字符.
[a-z] 该字符必须 a-z的区间中的一个
[0-9] 该字符必须 0-9的区间中的一个

在这里插入图片描述
分组结构：
(png|jpg|gif) 字符只能匹配png|jpg|gif中的一个 匹配的是字符串
在这里插入图片描述

4.6）编辑FileController
 /**
     * 需求分析: 文件上传完成之后,需要返回ImageVO对象
     * @param file
     * @return
     * @throws IOException
     */
    @PostMapping("/upload")
    public SysResult upload(MultipartFile file) throws IOException {

        ImageVO imageVO = fileService.upload(file);
        //不成功 应该返回null
        if(imageVO == null){
            return SysResult.fail();
        }
        return SysResult.success(imageVO);
    }
4.7）编辑FileServiceImpl（一）
@Service
public class FileServiceImpl implements FileService{

    /**
     * 1.校验文件上传的类型   jpg|png|gif
     * 2.应该校验文件是否为恶意程序.   木马.exe.jpg
     * 3.为了提高检索效率  应该分目录存储.  1.hash方式  xx/xx/xx/xx 分布不均
     *                                 2.日期格式   yyyy/MM/dd  目录不断增长
     * 4.防止文件重名        UUID.jpg
     * @param file
     * @return
     */
    @Override
    public ImageVO upload(MultipartFile file) {
        //1.图片类型的校验  正则表达式  aaa.jpg
        String fileName = file.getOriginalFilename();
        //字符大小写 干扰正则的判断  将所有的文件转化为小写字母
        fileName = fileName.toLowerCase();
        //程序不满足正则, 则用户上传的图片有问题
        if(!fileName.matches("^.+\\.(jpg|png|gif)$")){

            return null;
        }

        //2. 校验文件是否为恶意程序  判断依据 属性宽度和高度  aa.exe.jpg
        try {
            //该对象是用来专门操作图片的API
            BufferedImage bufferedImage = ImageIO.read(file.getInputStream());
            int height = bufferedImage.getHeight();
            int width  = bufferedImage.getWidth();
            //如果有一项为0 则表示一定不是正经的图片
            if(height == 0 || width == 0){
                return null;
            }

            //3.分目录存储文件  /yyyy/MM/dd
            //3.1 准备文件根目录
            String localDir = "F:/images";
            String dateDir = new SimpleDateFormat("/yyyy/MM/dd/")
                             .format(new Date());
            //拼接文件目录  F:/images/2021/MM/dd/
            String dirPath = localDir + dateDir;
            File dirFile = new File(dirPath);
            //3.2 判断是否需要创建目录
            if(!dirFile.exists()){ //不存在目录时,应该创建目录
                dirFile.mkdirs();
            }

            //4.防止文件重名 UUID.后缀
            String uuid = UUID.randomUUID().toString().replace("-", "");
            //获取.的下标位置
            int index = fileName.lastIndexOf(".");
            //截取文件类型
            String fileType =  fileName.substring(index);
            //拼接新文件路径
            String realFileName = uuid + fileType;

            //作业!!!!:  目录/文件名 实现文件上传  前端暂时不管


        } catch (IOException e) {
            e.printStackTrace();
            return null;    //如果程序执行报错,则返回null
        }

        return null;
    }
}
4.8）编辑FileServiceImpl（二）
package com.jt.service;

import com.jt.vo.ImageVO;
import com.sun.xml.internal.bind.v2.schemagen.xmlschema.SimpleDerivation;
import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile;

import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.UUID;


@Service
public class FileServiceImpl implements FileService{
	static  int num = 1;

	/**
	 * 1.校验文件上传的类型   jpg|png|gif
	 * 2.应该校验文件是否为恶意程序.   木马.exe.jpg
	 * 3.为了提高检索效率  应该分目录存储.  1.hash方式  xx/xx/xx/xx 分布不均
	 *                                 2.日期格式   yyyy/MM/dd  目录不断增长
	 * 4.防止文件重名        UUID.jpg
	 * @param file
	 * @return
	 */
	@Override
	public void upload(MultipartFile file) {
		//1.图片类型的校验  正则表达式  aaa.jpg
		String fileName = file.getOriginalFilename(); //文件的名字

		//字符大小写 干扰正则的判断  将所有的文件转化为小写字母
		fileName = fileName.toLowerCase();

		//程序不满足正则, 则用户上传的图片有问题
		if(!fileName.matches("^.+\\.(jpg|png|gif)$")){

			//return null;
		}

		//2. 校验文件是否为恶意程序  判断依据 属性宽度和高度  aa.exe.jpg
		try {
			//该对象是用来专门操作图片的API
			BufferedImage bufferedImage = ImageIO.read(file.getInputStream());
			int height = bufferedImage.getHeight();
			int width  = bufferedImage.getWidth();

			if(height == 0 || width == 0){ //如果有一项为0 则表示一定不是正经的图片
				//return null;
			}

			System.out.println("如果程序执行到这一行说明一切正常!!!");

			//3、分目录存储文件，/yyyy-MM-dd
			//3.1、准备文件根目录
			String localDir = "D://workspace/CGB2105third/images";          //文件存储的位置
			String dateDir = new SimpleDateFormat("/yyyy-MM-dd")
					              .format(new Date());                      //文件存储的文件夹的名字
			String dirPath = localDir+dateDir;                              //文件夹的全路径
			System.out.println(dirPath);

			File dirFile = new File(dirPath);                               //根据全路径识别文件流

			//3.2 判断是否需要创建目录
			if (!dirFile.exists()){//不存在目录时,应该创建目录
				dirFile.mkdirs();
				num = 1 ;
				System.out.println(num);
			}

			//4.防止文件重名 UUID.后缀
			String uuid = UUID.randomUUID().toString().replace("-", "");

			//获取.的下标位置
			int index = fileName.lastIndexOf(".");

			//截取文件类型
			String fileType =  fileName.substring(index);

			//拼接新文件名称
			String uuidName = dateDir+"-" + num +  fileType;

			//5.实现文件上传
			//拼接文件路径
			String realFilePath = dirPath + uuidName; //文件夹路径 + 文件名 ---文件的全路径
			//System.out.println(uuidName);
			System.out.println(realFilePath);
			File picFile = new File(realFilePath);    //根据全路径创建文件流
			file.transferTo(picFile);

//			//准备图片虚拟路径
//			String picUrlPath = urlPath + dateDir + uuidName;
//			String virtualPath = dateDir + uuidName;
//			ImageVO imageVo = new ImageVO(virtualPath, picUrlPath,uuidName);
			num++;

		} catch (IOException e) {
			e.printStackTrace();
			//return null;    //如果程序执行报错,则返回null
		}
		//return null;
	}
}
4.9）编辑FileServiceImpl（三）
package com.jt.service;

import com.jt.vo.ImageVO;
import com.sun.scenario.effect.impl.sw.sse.SSEBlend_SRC_OUTPeer;
import com.sun.xml.internal.bind.v2.schemagen.xmlschema.SimpleDerivation;
import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile;

import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.UUID;


@Service
public class FileServiceImpl implements FileService{
	/**
	 * 规则说明:
	 *   文件磁盘地址:  D://workspace/CGB2105third/images/yyyy-MM-dd/yyyy-MM-dd-num.jpg
	 *   网络访问地址:  http://image.jt.com/yyyy-MM-dd/yyyy-MM-dd-num.jpg
	 */
	private String localDir = "D://workspace/CGB2105third/images/";              //本地磁盘前缀
	private String preURLPath = "http://image.jt.com/";  //网络访问域名
	static  int num = 1;

	/**
	 * 1.校验文件上传的类型   jpg|png|gif
	 * 2.应该校验文件是否为恶意程序.   木马.exe.jpg
	 * 3.为了提高检索效率  应该分目录存储.  1.hash方式  xx/xx/xx/xx 分布不均
	 *                                 2.日期格式   yyyy/MM/dd  目录不断增长
	 * 4.防止文件重名        UUID.jpg
	 * @param file
	 * @return
	 */
	@Override
	public ImageVO upload(MultipartFile file) {
		//1.图片类型的校验  正则表达式  aaa.jpg
		String fileName = file.getOriginalFilename(); //文件的名字

		//字符大小写 干扰正则的判断  将所有的文件转化为小写字母
		fileName = fileName.toLowerCase();

		//程序不满足正则, 则用户上传的图片有问题
		if(!fileName.matches("^.+\\.(jpg|png|gif)$")){

			//return null;
		}

		//2. 校验文件是否为恶意程序  判断依据 属性宽度和高度  aa.exe.jpg
		try {
			//该对象是用来专门操作图片的API
			BufferedImage bufferedImage = ImageIO.read(file.getInputStream());
			int height = bufferedImage.getHeight();
			int width  = bufferedImage.getWidth();

			if(height == 0 || width == 0){ //如果有一项为0 则表示一定不是正经的图片
				return null;
			}

			System.out.println("如果程序执行到这一行说明一切正常!!!");

			//3、分目录存储文件，/yyyy-MM-dd
			//3.1、准备文件根目录
			//String localDir = "D://workspace/CGB2105third/images/";          //文件存储的位置
			String dateDir = new SimpleDateFormat("yyyy-MM-dd")
					              .format(new Date());                      //文件存储的文件夹的名字
			String dirPath = localDir +dateDir +"/";                              //文件夹的全路径

			File dirFile = new File(dirPath);                               //根据全路径识别文件流

			//3.2 判断是否需要创建目录
			if (!dirFile.exists()){//不存在目录时,应该创建目录
				dirFile.mkdirs();
				num = 1 ;
				System.out.println(num);
			}

			//4. 防止文件重名 UUID.后缀，或者2021-11-01-1.后缀
			String uuid = UUID.randomUUID().toString().replace("-", "");
			//4.1 获取.的下标位置
			int index = fileName.lastIndexOf(".");
			//4.2 截取文件类型（根据下标，从下标开始截取字符串）
			String fileType =  fileName.substring(index);
			//4.3 拼接新文件名称
			String uuidName = dateDir+"-" + num +  fileType;

			//5.实现文件上传
			//拼接文件路径，文件目录/文件名称
			String realFilePath = dirPath + uuidName; //文件夹路径 + 文件名 ---文件的全路径
			File picFile = new File(realFilePath);    //根据全路径创建文件流
			file.transferTo(picFile);                 //文件上传

  			//6、封装返回值机构，准备图片虚拟路径
			//6.1 封装虚拟路径，文件路径/文件名 ----2021-11-01/2021-11-01-1.jpg
			String virtualPath = dateDir + "/" + uuidName;

			//6.2 封装URL地址
			//封装URL地址   协议名称://域名:端口号/图片虚拟地址
			String urlPath = preURLPath + virtualPath;
			System.out.println("图片网络地址:"+urlPath);
			//String urlPath = "https://img0.baidu.com/it/u=3045282744,4190192752&fm=26&fmt=auto&gp=0.jpg";

			//6.2 封装VO对象
			ImageVO imageVO = new ImageVO();
			imageVO.setVirtualPath(virtualPath);
			imageVO.setFileName(uuidName);
			imageVO.setUrlPath(urlPath);

//			String picUrlPath = urlPath + dateDir + uuidName;
//			String virtualPath = dateDir + uuidName;
//			ImageVO imageVo = new ImageVO(virtualPath, picUrlPath,uuidName);
			num++;
			return  imageVO;

		} catch (IOException e) {
			e.printStackTrace();
			return null;    //如果程序执行报错,则返回null
		}
	}

	@Override
	public void deleteFile(ImageVO imageVO) {
		String virtualPath = imageVO.getVirtualPath();
		String delPath = localDir+virtualPath;
		File picFile = new File(delPath);    //根据全路径创建文件流
		picFile.delete();
	}
}
4.10）代码调试

图片网络地址：
http://image.jt.com/2021-08-11/2021-08-11-2.png

之后切换为磁盘地址：
file:///D:/workspace/CGB2105third/images/2021-08-11/2021-08-11-2.png

在这里插入图片描述

5、文件删除操作

5.1）页面分析

在这里插入图片描述

5.2)文件上传业务接口

请求路径：http://localhost:8091/file/deleteFile
请求类型：delete
请求参数：

参数名称参数说明备注
virtualPath文件上传的虚拟的路径删除时需要磁盘路径一起删除

返回值结果：

参数名称参数说明备注
status状态信息200表示服务器请求成功 201表示服务器异常
msg服务器返回的提示信息可以为null
data服务器返回的业务数据可以为null
5.3）编辑FileController
/**
     * 需求: 实现图片删除
     * URL: http://localhost:8091/file/deleteFile?virtualPath=xxx
     * 参数: virtualPath= /2021/11/11/xxx.jpg
     * 返回值结果: SysResult
     */
    @DeleteMapping("/deleteFile")
    public SysResult deleteFile(String virtualPath){

        fileService.deleteFile(virtualPath);
        return SysResult.success();
    }
5.4）编辑FileServiceImpl
 @Override
    public void deleteFile(String virtualPath) {
        //1.准备文件的全路径  本地路径 + 虚拟地址
        String path = localDir + virtualPath;
        //2.将路径封装为对象
        File file = new File(path);
        //3.实现文件删除
        file.delete();
    }
AimerDaniil
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
京淘项目Day15
weixin_53854615的博客
05-11 343
1.Redis集群 具体参见笔记 1.1 Redis集群宕机条件 宕机条件: Redis中的主机缺失时,并且没有从机替补,Redis内存数据丢失.这时Redis集群崩溃了. 问题1: 6台redis 3主3从(1主1从分为3组). 至少Redis宕机几台集群崩溃. 至少2台 集群崩溃. 问题2: 9台redis 3主6从(1主2从分为3组). 至少宕机几台Redis集群崩溃. 至少5台 集群崩溃. 集群宕机的条件: 当主机的数量不能保证时集群崩溃. 特点:集群中如果主机宕机,那么从机可以继续提供服务, 当主
京淘项目Day03
weixin_53854615的博客
05-09 145
1. SpringBoot整合动态web资源 1.1 创建web项目 1.1.1 创建项目 1.1.2 添加jar包 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http:
Day-17
weixin_56290258的博客
08-25 103
1.Window与Linux系统的链接问题 检查虚拟机的网段 检查windowsIP地址 检查Linux IP 192.168.126.129 检查是否可以正常通信 如果上述操作都对 但是还是不能正常链接 点击恢复默认设置.之后重新配置 2 .文件上传2.1 编辑ImageVO @Data @Accessors(chain = true) public class ImageVO { private String virtualPath; ...
京淘项目(单点登录系统)
s1125226069的博客
03-21 304
系统设计说明 背景 任何一个后端业务系统都会有一个权限管理子系统,这个子系统主要负责对用户进行身份认证和授权,合法用户再有权限的情况下,才可以访问我们系统中的资源,防止恶意用户对资源进行破坏 名字描述 京淘供应链系统中的权限管理子系统 达人购权限管理子系统 动吧旅游系统中权限管理子系统 ...... 核心业务描述 菜单管理,部门管理,角色管理,用户管理,日志管理,公告管理... 角色模块 业务描述 角色是用来描述用户的一个对象,每个用户有不同的权限,权限不同,能够查询的资源也
京淘项目流程
weixin_59096287的博客
11-16 616
1.4.2 登录步骤 再次校验用户的数据是否有效 发起Ajax请求实现用户登录请求. username/password post请求 在后端服务器 通过username/password 进行数据的查询. 结果 1.有数据 用户名密码正确. 2.无数据 用户名或密码错误 后端将数据处理完成之后,返回特定的数据. 告知前端 数据处理情况(回执!!!) status=200 代表操作成功!!! status=201 表示业务操作失败 前端通过JS判断服务器的回执. 如果状态码等于200 提示用户
京淘项目发布流程.md
09-17
京淘项目发布流程.md
高仿京淘项目
07-17
高仿京东淘宝项目权限管理子系统+SSM+数据库+mybatis+shiro
java版商城源码下载-JT-progra:京淘项目
06-05
京淘项目 15年12月 视频 已赶完，不再进行后续更新，其中可能会有些问题，自行调试即可。 2017/01/26 java 笔记 ： 正在跟视频更新源码中。。。 跑项目目前请用maven来跑， 配置位置： eclipse-->Run-->Run ...
京淘项目架构设计.md
03-16
京淘项目架构设计.md
jt_cms:京淘项目组 全部完成
04-28
jt_cms京淘项目组
京淘网上商城-综合网购首选（JD.COM）
03-19
京淘网上商城-综合网购首选（JD.COM）-正品低价、品质保障、货到付款、配送及时、放心服务、轻松购物！
京淘源码，基于maven，ssm
02-11
京淘项目：jt_cart；jt_commond；jt_jsoup；jt_manager；jt_order；jt_parent；jt_sso；jt_web
SpringBoot图片上传
m0_61501833的博客
01-11 267
1.接口文件 2.Controller层 @RestController @CrossOrigin @RequestMapping("/file") public class FileController { @Autowired private FileService fileService; /** * 业务说明: 实现图片上传 * URL: http://localhost:8091/file/upload * 类型: post .
京淘项目学习历程
qq_39323945的博客
04-13 407
第一章:创建项目以及搭建环境配置 1.环境准备 项目搭建环境可以基于SpringBoot/idea/eclipse等主流的java编程软件。在这里就不介绍软件一些配置信息。 2.聚合工程搭建 项目是基于sts来进行开发的，开始创建工程 工程创建出来大致就是这个样子，如上图： 聚合工程：（切换Working Sets）–>个人习惯，可以不换，换只是为了方便看项目的架构和主体。 3.创建聚......
京淘项目Day01
weixin_53854615的博客
05-09 261
** 1.京淘项目说明 1.1 知识点概述 1). SpringBoot框架使用(SpringMVC,Spring,Mybatis/MybatisPlus) 自己动手完成代码 2). 京淘项目的架构设计思想 如何让系统稳定的运行!!! 软件不行,硬件补 3). 学习企业中不同项目之间如何进行交互. AJAX/跨域思想/HttpClient业务调用/Dubbo 4). 完成项目企业实践 将自己的项目 部署到服务器中(Linux) 通过域名直接访问 5). 概念(什么是什么???)| 重点理解核心代码(编程思维
京淘项目整合
qq_61407171的博客
01-07 323
1.环境搭建 1.1 安装前端脚手架 1.1 安装node.js （1）安装node.js （2）检查node.js 和 npm 的版本 （3）切换淘宝镜像 （4）安装vue客户端工具 npm install -g @vue/cli --force （5）检查安装的成果 vue ui 1.2 配置前端脚手架 解压文件，并在客户端中导入打开运行 1.2.后端项目搭建 2.1 创建项目 2.2 编辑pom.xml文件 <dependencies> <dependency&g
2021-5-21---图片的 读取 反向代理 正向代理
weixin_58276266的博客
05-25 333
文件如果都放在一个文件夹之后那么在读取的时候会比较慢那么这时候就要放到下一级文件夹进行存储 可以以时间进行分割 在java中格式化时间的就是将时间当做一个类进行处理(可以有年,月,日,时,分,秒) ...
项目--京淘项目
望山。
08-31 1736
文章目录一.构建后台项目1.创建项目2.编辑pom.xml文件3.导入src文件4.修改YML文件5.编辑启动项二.前端项目搭建1.关于前端路径说明2.操作步骤1.码云下载前端资料2.项目解压之后复制到IDEA维护的目录中3.导入项目4.运行前端项目 一.构建后台项目 1.创建项目 2.编辑pom.xml文件 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0"
京淘项目002
m0_48246547的博客
07-29 173
1.springboot程序加强 1.1属性赋值问题 1.1.1业务需求 说明: 如果将配置信息,通过代码的形式写死到代码中,这样的话程序的耦合性高,不便扩展. 需求: 能否为对象的属性,动态赋值. @RestController //保证返回的数据转化为JSON public class JDBCController { private String username; //定义数据库用户名 private String password; //定义数据库密码 @RequestMapping
aop redis缓存
最新发布
08-10
- *1* *2* *3* [2006-京淘Day13](https://blog.csdn.net/qq_16804847/article/details/109065854)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

AimerDaniil

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值