京淘项目搭建（七）

最新推荐文章于 2022-03-21 18:20:32 发布
原创 最新推荐文章于 2022-03-21 18:20:32 发布 · 388 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

京淘项目搭建

一、商品管理业务

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();
    }
京淘项目001
m0_48246547的博客
07-28 270
1. 京淘学习架构流程图 2. 数据库物理模型图使用 2.1 安装数据库连接工具 1).将资料中的文件解压.并且执行.添加注册码.新建数据库连接 2).导入京淘数据库 利用数据库导入工具.完成jtdb的导入工作. 导入完成之后:刷新 2.2 通过命令导入数据库 2.3 为什么需要物理模型图 原因说明:通过数据库工具虽然可以展现表相关信息.但是无法直观的检查表与表之间的关联关系是什么.例如主外键关联等. 所以需要一种能够直观的展现表与表之间关系的工具.并且该工具应该具有扩展性.可以根据不同的数据库类型
京淘项目总结01
qq_49685386的博客
12-05 496
整个项目的一个架构设计 第一步：安装sqlYang数据库 双击运行即可 第二步：导入数据库 第三步：对idea进行环境搭配 准备好工作空间（创建一个文件夹名字随意自己知道就行） 第四步：修改IDEA配置 点击File 进入Settings 第四步：.SpringBoot加强 原理说明： 1.通过pom.xml文件添加依赖项时，maven会根据做表查找jar包文件。 2.当加载jar包完成之后，会解析当前的pm.xml文件。如果其中还有jar包的依赖项，就会再次解析加载jar包，最终实现jar包传递性
关于京淘项目
꯭ 瞎꯭扯꯭蛋꯭的博客
08-31 1034
文章目录1.构建后台项目- 1.创建项目- 2.编辑pom.xml文件- 3.项目结构- 4.修改YML文件- 5.编辑启动项2.前端项目搭建- 1.关于前端路径说明- 2.操作步骤- 9- 10- 11- 12 1.构建后台项目 - 1.创建项目 - 2.编辑pom.xml文件 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:
项目--京淘项目
望山。
08-31 5194
文章目录一.构建后台项目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"
京淘项目01
qq_36703564的博客
07-29 1064
京淘学习架构流程图 京淘项目整体流程图设计. 在Linux系统实现运行. 上线运行 2. 数据库物理模型图使用 2.1 安装数据库连接工具 1).将课前资料中的文件解压.并且执行.添加注册码.新建数据库连接 2).导入京淘数据库 利用数据库导入工具.完成jtdb的导入工作. 导入完成之后:刷新 2.2 通过命令导入数据库 2.3 为什么需要物理模型图 原因说明:通过数据库工具虽然可以展现表相关信息.但是无法直观的检查表与表之间的关联关系是什么.例如主外键关联等. 所以需要一种能够直观的展现表与.
京淘项目day03
qfzhangwei的专栏
08-16 498
京淘项目后台搭建 1.SpringBoot整合JSP 1.1关于Springboot整合页面说明 说明:SpringBoot默认支持的页面是HTML页面.通过模板工具类进行数据的转化.(JAR包文件). 但是天生不支持整合JSP的机制,所以需要单独的配置. (war包项目) 1.2关于Springboot整合页面说明 勾选maven 新建web项目 将原有mybatis中的配置信息导入到新的项目中. 1.3添加jar包文件 <!--springBoot整合JSP添加依赖 -->
2003京淘项目Day-03京淘后台项目搭建
qq_16804847的博客
07-06 9267
京淘项目概述
完整京淘项目的演练＜一＞小Demo
liymaVR的博客
12-30 1194
1.IDEA环境配置 字体控制大小 2.自动提示设置 3.设置方法提示 4.字符集的设置 5.自动编译 6.maven的配置 settings.xml里的文件设置 <?xml version="1.0" encoding="UTF-8"?> <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agr...
前后端项目——京淘项目jt 88
ss 的博客
12-11 427
别人把需求文档发给我们，会写好相对应的业务描述； 一个接口文档就是一个业务需求，每天差不多七八个业务需求，快的/活多的时候十几个 一、前后端调用流程图 二、确定前后端共用的端口号：8091 三、后端项目基础搭建 ...
京淘项目的jt的完整演练＜二＞
liymaVR的博客
01-03 1259
1.京淘项目前端项目搭建 1.1 node.js 安装 说明: 根据博客文章安装node.js/ui工具.最终的效果如图即可 2.2 导入前端项目 2.2.1 前端资源文件 注意事项: 下载的文件一定是一个zip包文件. 路径: 2.2.2 解压文件 将资源文件的zip包 解压到第三阶段的课程项目路径下. 2.2.3 导入项目 2.2.4 项目运行 项目最终效果 1. 项目概述 1.1 核心业务 1.用户登录操作 2.后台首页展现/展现左...
京淘项目-19
qq_36703564的博客
08-24 407
1.用户模块操作 1.1 用户退出操作 1.1.1 业务需求 当用户点击退出操作时,应该删除Cookie和Redis中的数据.并且重定向到系统首页. 1.1.2 页面URL分析 1.1.3 编辑UserController /** * 实现用户退出操作 * url:http://www.jt.com/user/logout.html * 返回值: 重定向到系统首页. * 目的: 删除redis. 删除Cookie * 前提: 需要获取cookie的
京淘项目(单点登录系统)
s1125226069的博客
03-21 428
系统设计说明 背景 任何一个后端业务系统都会有一个权限管理子系统,这个子系统主要负责对用户进行身份认证和授权,合法用户再有权限的情况下,才可以访问我们系统中的资源,防止恶意用户对资源进行破坏 名字描述 京淘供应链系统中的权限管理子系统 达人购权限管理子系统 动吧旅游系统中权限管理子系统 ...... 核心业务描述 菜单管理,部门管理,角色管理,用户管理,日志管理,公告管理... 角色模块 业务描述 角色是用来描述用户的一个对象,每个用户有不同的权限,权限不同,能够查询的资源也
京淘项目整合
qq_61407171的博客
01-07 464
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
京淘项目-11
qq_36703564的博客
08-11 255
1.数据库主从搭建 1.1 开启主库的二进制日志文件 1.1.1 主库二进制文件位置 说明: mysql数据库核心配置文件 /etc/my.cnf 1.1.2 编辑二进制日志文件1.1.3 检查二进制日志文件是否生成 1.2 开启从库二进制日志文件 注意事项: server-id=2 不能重复. vim /etc/my.cnf 检查二进制日志文件是否正确. 1.3 实现主从挂载 1.3.1业务说明 说明:主从挂载应该由从库向主库进行挂载.由从库远程连接主库,之后读取二进制日志文件信息. 1.3
京淘项目020
m0_48246547的博客
08-24 253
1.京淘权限设计 1.1 业务说明 当用户在不登录的条件下,不允许访问购物车/订单等受限的系统.并且重定向到用户的登录页面. 问题: 1.如何校验用户是否登录? Cookie /Redis 2.如何拦截用户的请求呢? 拦截器设定. 1.2 拦截器实现用户权限校验 1.2.1 SpringMVC调用原理图 说明:通过图中的分析 handler处理器负责Controller之后的所有的业务处理. 1.2.2 mvc拦截器执行的示意图 1.2.3编辑拦截器配置文件 package com.jt.config;
京淘项目-20
qq_36703564的博客
08-24 503
1.京淘权限设计 1.1 业务说明 当用户在不登录的条件下,不允许访问购物车/订单等受限的系统.并且重定向到用户的登录页面. 问题: 1.如何校验用户是否登录? Cookie /Redis 2.如何拦截用户的请求呢? 拦截器设定. 1.2 拦截器实现用户权限校验 1.2.1 SpringMVC调用原理图 说明:通过图中的分析 handler处理器负责Controller之后的所有的业务处理. 1.2.2 mvc拦截器执行的示意图 实现WebMvcConfigurer接口，其中有三个方法，分别代表不同状态
京淘项目-15
qq_36703564的博客
08-17 695
1.Redis集群 1.1 Redis分区说明 Redis分区只负责 数据应该存储到哪里的问题.至于是否能存储的下 完全由Redis内存决定. （哈希槽） 特点: 1.hash(key1)%16384 = 3000 2.hash(key2)%16384 = 3000 key1和key2 都归第一个节点进行管理. 1.2 Redis hash槽与一致性 hash算法的区别 1.运算位置不同. 1.redis分片机制在业务服务器中完成的运算. 2.redis分区算法在连接Redis之后,由redis进行计算.
京淘项目009
m0_48246547的博客
08-08 361
1.虚拟机配置 1.1 修改虚拟机网络空间地址 说明:将net网络配置 改为192.168.126.0 修改dhcp设置 1.2 校验windows中Nat8 IP地址 在windows中 利用cmd命令 ipconfig 检查net8IP地址 是否为192.168.126.1 即可. 1.3 Linux操作系统重置网卡 说明:如果Linux操作系统开机之后, 通过IP addr 命令检查IP地址时,不能正常的展现IP地址,如图所示: 问题描述: CentOS7 版本中有2处网络配置 1.Netwo
京淘项目搭建（一）
AimerDaniel的博客
08-03 2141
京淘项目搭建 一、京淘项目后台搭建 1、 创建项目 2、导入pom.xml文件 <?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://maven.apache.org/
京淘项目架构与Maven切分实践
"jtday02日常笔记是一个关于项目04实施步骤的开发文档，主要涉及京淘电商平台的架构设计、Maven的使用以及项目切分策略。" 本文档详细阐述了京淘项目的架构和开发过程，其中核心知识点包括： 1. **京淘项目概述**...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

AimerDaniil

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

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

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

打赏作者

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

抵扣说明：

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

余额充值