CGB2111-Day16-完成商品模块实现

最新推荐文章于 2024-06-05 16:14:38 发布
最新推荐文章于 2024-06-05 16:14:38 发布
阅读量184 收藏
点赞数
分类专栏： 前端 html 面试 文章标签： 服务器 前端 http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_54851309/article/details/123079631
版权
前端 同时被 3 个专栏收录
5 篇文章 0 订阅
订阅专栏
html
5 篇文章 0 订阅
订阅专栏
面试
5 篇文章 0 订阅
订阅专栏

1. 商品模块实现

1.1 商品路由跳转

1.编辑路由机制
在这里插入图片描述
2.页面效果展现
在这里插入图片描述

1.2 商品列表展现

1.2.1 业务接口文档说明

  • 请求路径: /item/getItemListquery=&pageNum=1&pageSize=10
  • 请求类型: get
  • 请求参数: 使用pageResult对象接收

参数名称

参数说明

备注信息

query

用户查询的数据

可以为null

pageNum

分页查询的页数

必须赋值不能为null

pageSize

分页查询的条数

必须赋值不能为null

  • 返回值结果:

参数名称

参数说明

备注

status

状态信息

200表示服务器请求成功 201表示服务器异常

msg

服务器返回的提示信息

可以为null

data

服务器返回的业务数据

商品分页对象

1.2.2 编辑ItemController

@RestController
@CrossOrigin
@RequestMapping("/item")
public class ItemController {

    @Autowired
    private ItemService itemService;

    /**
     * 业务说明:  完成商品查询操作
     * URL: /item/getItemList?query=&pageNum=1&pageSize=10
     * 参数: pageResult
     * 类型: get/delete    post/put
     * 返回值: SysResult对象
     */
    @GetMapping("/getItemList")
    public SysResult getItemList(PageResult pageResult){//3

        pageResult = itemService.getItemList(pageResult);//+2
        return SysResult.success(pageResult);   //返回5条记录
    }
}

1.2.3 编辑ItemService

package com.jt.service;

import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.core.metadata.IPage;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import com.jt.mapper.ItemMapper;
import com.jt.pojo.Item;
import com.jt.vo.PageResult;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class ItemServiceImpl implements ItemService{

    @Autowired
    private ItemMapper itemMapper;

    /**
     * 1.获取满足条件的记录总数
     * 2.进行分页操作
     * 原则:
     *      1.手写Sql 业务层级简单,Sql高效直观.
     *      2.利用MP实现  业务层复杂, Sql不写
     *  Sql: select * from item limit 起始位置,条数
     * @param pageResult
     * @return
     */
    @Override
    public PageResult getItemList(PageResult pageResult) {
        QueryWrapper<Item> queryWrapper = new QueryWrapper<>();
        queryWrapper.like("title", pageResult.getQuery());

        //2.完成分页操作
        //2.1 准备一个分页对象,MP基于初始化条件,获取分页其它数据
        IPage<Item> page = new Page<>(pageResult.getPageNum(),
                                      pageResult.getPageSize());
        page = itemMapper.selectPage(page,queryWrapper);

        //2.2 获取总数,获取记录数
        long total = page.getTotal();
        List<Item> list = page.getRecords();

        return pageResult.setTotal(total).setRows(list);
    }
}

1.2.4 编辑配置类

@Configuration  //标识配置类
public class MybatisPlusConfig {


    //MybatisPlusInterceptor MP拦截器 负责指定数据库类型
    @Bean
    public MybatisPlusInterceptor mybatisPlusInterceptor() {
        MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor();
        interceptor.addInnerInterceptor(new PaginationInnerInterceptor(DbType.MARIADB));
        return interceptor;
    }
}

1.3 商品状态修改

1.3.1 编辑业务接口

  • 请求路径: /item/updateItemStatus
  • 请求类型: put
  • 请求参数: 使用对象接收

参数名称

参数说明

备注

id

商品id

不能为null

status

状态信息

不能为null

  • 返回值结果:

参数名称

参数说明

备注

status

状态信息

200表示服务器请求成功 201表示服务器异常

msg

服务器返回的提示信息

可以为null

data

服务器返回的业务数据

可以为null

1.3.2 编辑ItemController

 /**
     * 实现商品状态的修改
     * URL地址: /item/updateItemStatus
     * 参数: js对象  json串  java对象
     * 返回值: SysResult对象
     */
    @PutMapping("/updateItemStatus")
    public SysResult updateItemStatus(@RequestBody Item item){

        itemService.updateItemStatus(item);
        return SysResult.success();
    }

1.3.3 编辑ItemService

 //update item set status=#{status},updated=#{updated} where id=#{id}
    @Override
    @Transactional
    public void updateItemStatus(Item item) {
        //根据对象中不为null的元素,进行操作
        item.setUpdated(new Date());
        itemMapper.updateById(item);
    }

1.4 商品信息数据结构说明

说明: 为了让前端用户检索商品的速度更快,采用2张表进行设计.

表1: 商品表 item
在这里插入图片描述
表2: 商品详情信息item_desc
在这里插入图片描述3. 修改数据表字段
在这里插入图片描述
4. 一个商品对应一个商品详情 要求: item.id = item_desc.id
5. 清空详情表的数据信息

1.5 商品新增实现

1.5.1 ItemDesc与表关联

/**
 * @author 刘昱江
 * 时间 2021/4/7
 */
@Data
@Accessors(chain = true)
@TableName("item_desc")
public class ItemDesc extends BasePojo{
    @TableId
    private Integer id;      //item.id一致
    private String itemDesc; //html代码片段
}

1.5.2 创建ItemDescMapper

在这里插入图片描述

1.5.3 商品新增业务接口

  • 请求路径: 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对象接收

参数名称

参数类型

参数说明

备注

item

Item

商品基本信息对象封装

不能为null

itemDesc

ItemDesc

商品详情信息

不能为null

  • ItemVO参数详解:
  • Item对象

参数名称

参数类型

参数说明

备注

title

String

商品标题信息

不能为null

sellPoint

String

商品卖点信息

不能为null

price

Integer

商品价格信息

不能为null 需要将数据扩大100倍

num

Integer

商品数量信息

不能为null

images

String

商品图片地址信息

不能为null

itemCatId

Integer

商品父级分类ID

不能为null

status

Boolean

商品状态信息

不能为null

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

参数名称

参数类型

参数说明

备注

id

Integer

商品Id信息

因为Item和ItemDesc是一对一关系 所以需要依赖Item对象的Id值

itemDesc

String

商品详情信息

内部包含了大量的html语句

  • 返回值结果:

参数名称

参数说明

备注

status

状态信息

200表示服务器请求成功 201表示服务器异常

msg

服务器返回的提示信息

可以为null

data

服务器返回的业务数据

可以为null

1.5.4 编辑ItemController

  /**
     * 业务说明:  完成商品入库操作 item item_desc表
     * URL: http://localhost:8091/item/saveItem
     * 参数: ItemVO
     * 返回值: SysResult对象
     */
    @PostMapping("/saveItem")
    public SysResult saveItem(@RequestBody ItemVO itemVO){

        itemService.saveItem(itemVO);
        return SysResult.success();
    }

1.5.5 编辑ItemService

 /**
     * 入库操作维护:
     *  1.状态
     *  2.创建/修改时间
     * @param itemVO
     */
    @Override
    @Transactional
    public void saveItem(ItemVO itemVO) {
        Date date = new Date();
        Item item = itemVO.getItem();
        item.setStatus(true).setCreated(date).setUpdated(date);
        itemMapper.insert(item);
        //入库详情表  item.id = itemDesc.id
        ItemDesc itemDesc = itemVO.getItemDesc();
        itemDesc.setId(item.getId()).setCreated(date).setUpdated(date);
        itemDescMapper.insert(itemDesc);
    }

1.6 商品删除操作

1.6.1 业务接口

  • 请求路径: /item/deleteItemById
  • 请求类型: delete
  • 请求参数:

参数名称

参数说明

备注

id

商品id

不能为null

  • 返回值结果:

参数名称

参数说明

备注

status

状态信息

200表示服务器请求成功 201表示服务器异常

msg

服务器返回的提示信息

可以为null

data

服务器返回的业务数据

可以为null

1.6.2 编辑ItemController

 /**
     * 完成商品删除操作
     * URL:  /item/deleteItemById?id=xx
     * 参数:  id
     * 返回值: SysResult对象
     */
    @DeleteMapping("/deleteItemById")
    public SysResult deleteItemById(Integer id){

        itemService.deleteItemById(id);
        return SysResult.success();
    }

1.6.3 编辑ItemService

/**
     * 1.删除商品信息
     * 2.删除商品详情信息
     * @param id
     */
    @Override
    @Transactional
    public void deleteItemById(Integer id) {
        itemMapper.deleteById(id);
        itemDescMapper.deleteById(id);
    }

1.7 文件上传实现

1.7.1 接口文档说明

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

参数名称

参数说明

备注

file

文件上传的参数名称

file中携带的是二进制信息

  • 返回值结果:

参数名称

参数说明

备注

status

状态信息

200表示服务器请求成功 201表示服务器异常

msg

服务器返回的提示信息

可以为null

data

服务器返回的业务数据

返回ImageVO对象

  • ImageVO对象说明

参数名称

参数类型

参数说明

备注

virtualPath

String

图片实际路径 不包含磁盘信息

例如: 2021/11/11/a.jpg 不需要写磁盘地址

urlPath

String

图片url访问地址

http://image.jt.com/2021/11/11/a.jpg 需要指定域名地址

fileName

String

文件上传后的文件名称

UUID.type

1.7.2 编辑FileController

@RestController
@CrossOrigin
@RequestMapping("/file")
public class FileController {

    @Autowired
    private FileService fileService;

    /**
     * 业务说明:
     *  1.URL地址:  http://localhost:8091/file/upload
     *  2.请求参数: 	file
     *  3.返回值:  SysResult(ImageVO)
     */
     @PostMapping("/upload")
     public SysResult upload(MultipartFile file){

         ImageVO imageVO = fileService.upload(file);
         if(imageVO == null){
             return SysResult.fail();
         }
         return SysResult.success(imageVO);
     }
}

1.7.3 编辑FileService

@Service
public class FileServiceImpl implements FileService{

    private String localDir = "F:/JT_SOFT/images";

    /**
     * 业务说明:
     *  1.校验图片的类型 是否为 jpg|png|gif
     *  2.校验文件是否为恶意程序  防止木马病毒.
     *  3.按照分目录结构 存储图片
     *  4.应该让文件名称不重复
     *
     * @param file
     * @return
     */
    @Override
    public ImageVO upload(MultipartFile file) {
        //1.校验图片的类型
        //1.1   获取图片名称   abc.gif ABC.GIF
        String fileName = file.getOriginalFilename();
        //1.2 将字母转化为小写
        fileName = fileName.toLowerCase();
        //1.3   正则表达式写法
        if(!fileName.matches("^.+\.(jpg|png|gif)$")){
            return null;
        }

        //2.防止木马病毒  图片宽度和高度
        try {
            BufferedImage bufferedImage =
                        ImageIO.read(file.getInputStream());
            int width = bufferedImage.getWidth();
            int height = bufferedImage.getHeight();

            if(width==0 || height==0){
                //说明 不是正经图片
                return null;
            }

            //3.分目录存储 提交的时间|名称hash abasedhh|type 进行存户
            String datePath = new SimpleDateFormat("/yyyy/MM/dd/")
                                .format(new Date());
            //3.1 创建图片目录
            String dirPath = localDir + datePath;
            //3.2 创建目录
            File dirFile = new File(dirPath);
            if(!dirFile.exists()){
                dirFile.mkdirs();
            }

            //4.要求文件名称不重名  uuid.type
            String uuid = UUID.randomUUID().toString();
            int index = fileName.lastIndexOf(".");
            //.jpg
            String type = fileName.substring(index);
            fileName = uuid + type;

            //5.实现文件上传
            String realFilePath = dirPath + fileName;
            file.transferTo(new File(realFilePath));




        } catch (IOException e) {
            e.printStackTrace();
            //如果出现了异常信息,则返回null即可
            return null;
        }


        return null;
    }

    /**
     * 实现文件上传操作:
     *  1.获取文件上传名称
     *  2.准备文件上传的目录
     *  3.实现文件上传操作
     *
     *  注意事项:
     *      1.图片选择京东的图片
     *      2.图片大小不要超过1M
     * @param file
     * @return
     */

    /*@Override
    public ImageVO upload(MultipartFile file) {
        //1.获取文件名称 abc.jpg
        String fileName = file.getOriginalFilename();

        //2.指定磁盘路径信息
        String filePath = "F:/JT_SOFT/images";

        //3.校验目录是否存在
        File dirFile = new File(filePath);
        if(!dirFile.exists()){
            dirFile.mkdirs(); //创建多级目录
        }

        //4.准备文件的全路径   F:/JT_SOFT/images/abc.jpg
        String path = filePath + "/" +fileName;

        //5.将路径包装为File对象
        File imageFile = new File(path);
        //6.实现文件上传
        try {
            file.transferTo(imageFile);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;
    }*/
}

作业

  1. 下载nginx 软件
    在这里插入图片描述
  2. 启动nginx服务
    在这里插入图片描述
  3. 检查服务是否启动
    在这里插入图片描述
  4. 访问服务
    在这里插入图片描述
  5. 注意事项:
    nginx服务启动会占用80端口,所以80端口不能被其它软件占用.
    关于京淘项目问题集: 关于Nginx 不能启动说明

虚拟机安装和使用

B站视频: VMware配置说明
URL: https://www.bilibili.com/video/BV1iy4y1L7tpfrom=search&seid=7776107191945920113&spm_id_from=333.337.0.0

让你坑了
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
商品模块设计
方丈的寺院
07-28 8380
摘要 本篇主要介绍电商领域中的商品模块设计 sku,spu,item 关于sku, spu，item的讨论有很多，各个电商平台也有些细小的区别，可以参考这篇讨论 https://www.zhihu.com/question/27607346 个人觉得区分它们或者定义它们可以从这些角度出发 对于sku，就是从库存出发 对于商品(item)就是绑定了卖家 对于spu就是标品，脱离了...
018 实现商品分类查询以及使用域名访问项目的启动步骤
weixin_30252155的博客
09-09 220
商城的核心自然是商品，而商品多了以后，肯定要进行分类，并且不同的商品会有不同的品牌信息，我们需要依次去完成：商品分类、品牌、商品的开发。 1.导入数据库表 打开Navicat软件,选择对应的数据库，运行sql文件。 执行结果： 2.实现功能 在浏览器页面点击“分类管理”菜单： 根据这个路由路径到路由文件（src/route/inde...
CGB2111-Day13-用户模块管理
m0_54852752的博客
02-22 162
文章目录 1.用户模块实现 1.1 VUE中路由说明 1.1.1 路由要素 1.1.2 父子组件跳转 1.2 用户列表展现 1.2.1 业务接口说明 1.2.2 编辑UserController 1.2.3 编辑UserService 1.2.4 编辑UserMapper接口 1.2.5 页面效果展现 1.3 用户状态的修改 1.3.1 业务接口文档 1.3.2 编辑UserController 1.3.3 编辑UserService 1.3.4 编辑UserMapper 1.
CGB2111-Day06-07-SpringMVC
m0_55070913的博客
02-22 181
文章目录 1. Spring总结 1.1 IOC-DI 1.2 AOP 1.3 Spring框架优势 2.SpringMVC 2.1 SpringMVC介绍 2.2 Servlet 知识回顾 2.3 SpringMVC入门案例 2.3.1 创建项目 2.3.2 SpringMVC开发注意事项 2.3.3 编辑HelloController 2.3.4 页面效果展现 2.4 SpringMVC 注解说明 2.5 SpringDemo测试2 2.5.1 编辑POJO 2.5.2 编辑C
CGB2111-Day14-商品分类业务实现
qq_16804847的博客
02-15 6020
文章目录1. 全局异常处理机制1.1 情况说明1.2 常规异常处理方式1.3 Spring中AOP处理方式1.4 Spring-全局异常处理机制2 商品分类模块实现2.1 完成页面跳转2.2 完成分类列表展现2.2.1 商品分类表设计说明2.2.2 商品分类表设计说明2.2.3 三级商品分类接口文档2.2.4 编辑ItemCatController 1. 全局异常处理机制 1.1 情况说明 如果后端服务器发生异常,这时程序终止,则前端服务器无法获取有效的返回值信息. 所以用户看不到操作是否正确. 交互性差
CGB2106-Day14-商品模块管理
PengK_aha的博客
09-08 296
1. 商品模块实现 1.1 业务分析 1.1.1 表设计 1.1.2 编辑POJO对象 /** * @author 刘昱江 * 时间 2021/4/7 */ @TableName("item") @Data @Accessors(chain = true) public class Item extends BasePojo{ @TableId(type = IdType.AUTO) private Integer id; //商品Id号 pr
CGB2110-Day12-项目实战-用户模块管理
m0_54866636的博客
02-22 180
文章目录 1. 配置路由 1.1 路由规则 2. 用户模块管理 2.1 用户列表展现 2.1.1 接口文档说明 2.1.2 分页语法结构 2.1.3 编辑UserController 2.1.4 编辑UserService 2.1.5 编辑UserMapper 2.1.6 页面效果展现 2.2 用户状态修改 2.2.1 接口文档 2.2.2 编辑UserController 2.2.3 编辑UserService 2.2.4 编辑UserMapper 2.3 用户删除操作
CGB2106-Day16-图片回显
PengK_aha的博客
09-09 342
1. 关于商品新增文件模块说明 重点: 业务需求. 业务顺序 1.1商品基本模块 用户点击添加商品按钮时, 1.获取商品分类3级列表信息. 2.跳转到商品新增页面. 用户录入基本的商品信息. 用户录入价格时 需要在后期将数据扩大100倍. 1.2 商品上传 1.当用户点击上传图片时,根据 属性名称 file=“图片的字节信息”,实现数据的传递. 2.后端通过特定的接口MultipartFile(mvc专门接收字节信息,内部封装IO流) 3.上传文件时 首先使用正则表达式保证文件的类型正确 4.判
CGB2011-DAY13-14.html
03-30
CGB2011-DAY13-14.html
CGB2011-DAY02.html
03-12
CGB2011-DAY02.html
H3CGB0-713华三.docx 文档
11-06
H3CGB0-713.docx
H3CGB0-732.docx
03-14
H3CGB0-732.docx
h3cGB0-640.zip
02-13
h3cGB0-640.
python-flask项目的服务器线上部署
weixin_74314406的博客
06-05 708
在 Flask 项目中，打包通常不是指将代码本身打包成一个可执行文件（因为 Flask 是一个 WSGI 应用，它通常运行在 Web 服务器和 WSGI 容器如 Gunicorn、uWSGI 等之上），而是指准备项目的所有必要文件和依赖，以便在其他环境（如生产服务器）上部署。如果你的 Flask 项目使用了如 Flask-Assets 这样的库来处理静态文件（如 CSS 和 JavaScript），你可能需要运行一个命令来收集这些文件到一个目录中，以便在生产环境中服务。这可以帮助您诊断任何潜在的问题。
NAT端口映射，实现外网访问内网服务器
最新发布
pyc68的博客
06-05 737
本篇文章利用Cisco Packet Tracer网络模拟进行NAT端口映射，实现外网访问内网服务器。
网站企业需要适用于什么服务器？
wanhengwangluo的博客
06-05 222
网站企业选择服务器必须考虑的因素就是数据信息的安全性，一般选择能够提供全面安全防护措施的云服务器，有着DDOS攻击防护、数据加密技术和合格的防火墙等多种防护措施，确保了网站数据的安全性和隐私保护。为了保证网站能够稳定的运行需要选择高可用性和可靠性的网站服务器，选择具备高可用性架构的云服务器供应商，能够提供多可用区部署、自动故障转移和备份恢复等功能，保障网站在各种故障情况下的持续运行。企业也可以选择适用不同的服务器，进行实际测试和评估，更能直观的了解服务器的性能，便于做出最后的决定。
i.MX8MP平台开发分享（RDC软件配置篇）
Muggle的博客
06-05 199
Uboot中已经将RDC的配置写入到了OCRAM中，NXP在ATF中预设了SIP服务，SIP服务下有厂商自定义的smc命令ID。例如下面的DDR、GPC、SRC和HAB的smc回调函数。在SRC中断处理函数中，对于SRC_M4_START指令，先读取OCRAM中的配置，然后初始化RDC。
使用Verilog-A实现常见nmos管的建模代码,要求详细的代码
05-26
parameter REAL nsub = 1e16; // 衬底掺杂浓度 parameter REAL eps_ox = 3.9*8.854e-12; // 氧化层介电常数 parameter REAL eps_si = 11.7*8.854e-12; // 硅介电常数 parameter REAL mu = 0.05; // 迁移率 // 定义...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值