02-大厂电商设计解析之商品管理系统

1 雪花算法使用

IdWorker idWorker=new IdWorker(1,1);
for(int i=0;i<10000;i++){
    long id = idWorker.nextId();
    System.out.println(id);
}

配置分布式ID生成器

  • 将IdWorker.java拷贝到util包
  • 在工程的resources下新增applicationContext-service.xml
<!‐‐雪花ID生成器‐‐>
<bean id="idWorker" class="com.qingcheng.util.IdWorker">
    <constructor‐arg index="0" value="1"></constructor‐arg>
    <constructor‐arg index="1" value="1"></constructor‐arg>
</bean>

2 新增和修改商品

2.1 表结构

t_spu 表
字段名称字段含义字段类型字段长度备注
id主键VARCHAR
sn货号VARCHAR
nameSPU名VARCHAR
caption副标题VARCHAR
brand_id品牌IDINT
category1_id一级分类INT
category2_id二级分类INT
category3_id三级分类INT
template_id模板IDINT
freight_id运费模板idINT
image图片VARCHAR
images图片列表VARCHAR
sale_service售后服务VARCHAR
introduction介绍TEXT
spec_items规格列表VARCHAR
para_items参数列表VARCHAR
sale_num销量INT
comment_num评论数INT
is_marketable是否上架CHAR
is_enable_spec是否启用规格CHAR
is_delete是否删除CHAR
status审核状态CHAR
t_sku 表
字段名称字段含义字段类型字段长度备注
id商品idVARCHAR
sn商品条码VARCHAR
nameSKU名称VARCHAR
price价格(分)INT
num库存数量INT
alert_num库存预警数量INT
image商品图片VARCHAR
images商品图片列表VARCHAR
weight重量(克)INT
create_time创建时间DATETIME
update_time更新时间DATETIME
spu_idSPUIDVARCHAR
category_id类目IDINT
category_name类目名称VARCHAR
brand_name品牌名称VARCHAR
spec规格VARCHAR
sale_num销量INT
comment_num评论数INT
status商品状态 1-正常,2-下架,3-删除CHAR

2.2 需求与实现

2.2.1 需求分析

详见静态原型。

2.2.2 实现思路

前端传递给后端的数据格式:

{
    "spu": {
        "name": "这个是商品名称",
        "caption": "这个是副标题",
        "brandId": 12,
        "category1Id": 558,
        "category2Id": 559,
        "category3Id": 560,
        "freightId": 10,
        "image": "http://www.qingcheng.com/image/1.jpg",
        "images": "http://www.qingcheng.com/image/1.jpg,http://www.qingcheng.com/image/2.jpg",
        "introduction": "这个是商品详情,html代码",
        "paraItems": {
            "出厂年份": "2019",
            "赠品": "充电器"
        },
        "saleService": "七天包退,闪电退货",
        "sn": "020102331",
        "specItems": {
            "颜色": [
                "红",
                "绿"
            ],
            "机身内存": [
                "64G",
                "8G"
            ]
        },
        "templateId": 42
    },
    "skuList": [
        {
            "sn": "10192010292",
            "num": 100,
            "alertNum": 20,
            "price": 900000,
            "spec": {
                "颜色": "红",
                "机身内存": "64G"
            },
            "image": "http://www.qingcheng.com/image/1.jpg",
            "images": "http://www.qingcheng.com/image/1.jpg,http://www.qingcheng.com/image/2.jpg",
            "status": "1",
            "weight": 130
        },
        {
            "sn": "10192010293",
            "num": 100,
            "alertNum": 20,
            "price": 600000,
            "spec": {
                "颜色": "绿",
                "机身内存": "8G"
            },
            "image": "http://www.qingcheng.com/image/1.jpg",
            "images": "http://www.qingcheng.com/image/1.jpg,http://www.qingcheng.com/image/2.jpg",
            "status": "1",
            "weight": 130
        }
    ]
}

2.3 代码实现

2.3.1 SPU与SKU列表的保存
/**
* 商品组合实体类 
*/
public class Goods implements Serializable {

    private Spu spu;

    private List<Sku> skuList;
}

SpuServiceImpl新增方法:

@Autowired
private SkuMapper skuMapper;
@Autowired  
private IdWorker idWorker;
@Autowired
private CategoryMapper categoryMapper;

/**
* 保存商品
* @param goods 商品组合实体类
*/
@Transactional
public void saveGoods(Goods goods) {
    // 保存一个spu的信息
    Spu spu = goods.getSpu();
    spu.setId(idWorker.nextId()+"");
    spuMapper.insert(spu);

    //保存sku列表的信息
    Date date=new Date();
    //分类对象
    Category category = categoryMapper.selectByPrimaryKey(spu.getCategory3Id());
    List<Sku> skuList = goods.getSkuList();
    for (Sku sku:skuList){
        sku.setId(idWorker.nextId()+"");
        sku.setSpuId(spu.getId());

        //sku名称 =spu名称+规格值列表
        String name=spu.getName();
        //sku.getSpec() {"颜色":"红","机身内存":"64G"}
        Map<String,String> specMap = JSON.parseObject(sku.getSpec(), Map.class);
        for(String value:specMap.values()){
            name+=" "+value;
        }
        sku.setName(name);//名称
        sku.setCreateTime(date);//创建日期
        sku.setUpdateTime(date);//修改日期
        sku.setCategoryId(spu.getCategory3Id());//分类id
        sku.setCategoryName(category.getName());//分类名称
        sku.setCommentNum(0);//评论数
        sku.setSaleNum(0);//销售数量

        skuMapper.insert(sku);
    }
}

该方法要对两个表操作,需添加事务:

@Service(interfaceClass=SpuService.class)

在类上加@Transactional,并在@Service注解中指定接口为SpuService.class。

SpuController修改add方法:

@PostMapping("/save")
public Result save(@RequestBody Goods goods){
    spuService.saveGoods(goods);
    return new Result();
}

3 建立分类与品牌的关联

3.1 需求

Q:为什么要建立分类与品牌的关联?

A:因为我们在前台搜索时,需要通过分类找到品牌列表。

Q:分类与品牌是什么关系?

A:多对多。

Q:在什么地方添加关系?

A:我们不在后台单独实现分类与品牌的关联,而是在添加商品时自动添加关联。

3.2 实现思路

  • 设计中间表tb_category_brand表
  • 创建实体类、数据访问接口
  • 在添加商品的saveGoods方法中添加代码逻辑 ,将SPU的品牌编号和分类编号一起插入到(中间表)

3.3 代码

创建实体类
@Table(name="tb_category_brand")
@Data
public class CategoryBrand implements Serializable {
    @Id
    private Integer categoryId;
    @Id 
    private Integer brandId;
}

联合主键,templateId和brandId都有@Id注解。

新建数据访问接口
public interface CategoryBrandMapper extends Mapper<CategoryBrand> {
}
修改saveGoods方法
CategoryBrand categoryBrand =new CategoryBrand();
categoryBrand.setBrandId(spu.getBrandId());
categoryBrand.setCategoryId(spu.getCategory3Id());
int count=categoryBrandMapper.selectCount(categoryBrand);
if(count==0) {
    categoryBrandMapper.insert(categoryBrand);
}

4 根据ID查询商品

根据id 查询SPU和SKU列表 ,显示效果:

{
    "spu": {
        "brandId": 0,
        "caption": "111",
        "category1Id": 558,
        "category2Id": 559,
        "category3Id": 560,
        "commentNum": null,
        "freightId": null,
        "id": 149187842867993,
        "image": null,
        "images": null,
        "introduction": null,
        "isDelete": null,
        "isEnableSpec": "0",
        "isMarketable": "1",
        "name": "黑马智能手机",
        "paraItems": null,
        "saleNum": null,
        "saleService": null,
        "sn": null,
        "specItems": null,
        "status": null,
        "templateId": 42
    },
    "skuList": [
        {
            "alertNum": null,
            "brandName": "金立(Gionee)",
            "categoryId": 560,
            "categoryName": "手机",
            "commentNum": null,
            "createTime": "2018‐11‐06 10:17:08",
            "id": 1369324,
            "image": null,
            "images": "blob:http://localhost:8080/ec04d1a5‐d865‐4e7f‐a313‐2e9a76cfb3f8",
            "name": "黑马智能手机",
            "num": 100,
            "price": 900000,
            "saleNum": null,
            "sn": "",
            "spec": null,
            "spuId": 149187842867993,
            "status": "1",
            "updateTime": "2018‐11‐06 10:17:08",
            "weight": null
        },
        {
            "alertNum": null,
            "brandName": "金立(Gionee)",
            "categoryId": 560,
            "categoryName": "手机",
            "commentNum": null,
            "createTime": "2018‐11‐06 10:17:08",
            "id": 1369325,
            "image": null,
            "images": "blob:http://localhost:8080/ec04d1a5‐d865‐4e7f‐a313‐2e9a76cfb3f8",
            "name": "黑马智能手机",
            "num": 100,
            "price": 900000,
            "saleNum": null,
            "sn": "",
            "spec": null,
            "spuId": 149187842867993,
            "status": "1",
            "updateTime": "2018‐11‐06 10:17:08",
            "weight": null
        }
    ]
}

4.1 代码

SpuService方法
/**
* 根据ID查询商品
* @param id 
* @return
*/
public Goods findGoodsById(String id){
    //查询spu
    Spu spu = spuMapper.selectByPrimaryKey(id);

    //查询SKU 列表
    Example example=new Example(Sku.class);
    Example.Criteria criteria = example.createCriteria();
    criteria.andEqualTo("spuId",id);
    List<Sku> skuList = skuMapper.selectByExample(example);

    //封装,返回
    Goods goods=new Goods();
    goods.setSpu(spu);
    goods.setSkuList(skuList);
    return goods;
}
SpuController
@GetMapping("/findGoodsById")
public Goods findGoodsById(Long id){
    return spuService.findGoodsById(id);
}

5 保存修改

实现思路

  • 修改与新增共用同一个方法
  • 通过spu的id判断当前操作是新增还是修改
  • 如果是新增需要设置spu的id,对spu执行的是insert操作
  • 如果修改则需要删除原来的sku列表,对spu执行的是updateByPrimaryKeySelective操作
  • sku列表的插入部分的代码要判断sku是否有id,如果有id则不重新生成id

代码实现

修改SpuServiceImpl的saveGoods:

/**
* 保存商品
* @param goods
*/
@Transactional
public void saveGoods(Goods goods) {
    //保存一个spu的信息
    Spu spu = goods.getSpu();
    if(spu.getId()==null){//新增商品
        spu.setId(idWorker.nextId()+"");
        spuMapper.insert(spu);
    }else{ //修改
        //删除原来的sku列表
        Example example=new Example(Sku.class);
        Example.Criteria criteria = example.createCriteria();
        criteria.andEqualTo("spuId",spu.getId());
        skuMapper.deleteByExample(example);

        //执行spu的修改
        spuMapper.updateByPrimaryKeySelective(spu);
    }

    //保存sku列表的信息
    List<Sku> skuList = goods.getSkuList();
    for (Sku sku:skuList){
        if(sku.getId()==null){//新增
            sku.setId(idWorker.nextId()+"");
            sku.setCreateTime(date);//创建日期
        }
        //添加sku
    }

//建立分类和品牌的关联
}

6 未启用规格的sku处理

6.1 需求分析

有些商品没区分规格,即一个spu对应一个sku ,这时sku列表只传递一条记录,且无规格(spec)属性,要对其判断,避免因空值产生异常。

6.2 实现思路

在saveGoods方法的sku列表循环中添加代码,判断

// 构建SKU名称,采用SPU+规格值组装
if(sku.getSpec()==null || "".equals(sku.getSpec())){
    sku.setSpec("{}");
}

7 商品审核与上下架

7.1 商品审核

7.1.1 需求分析与实现思路

商品审核:新录入的商品是未审核状态,也是未上架状态。

实现思路
  • 修改审核状态,如果审核状态为1,则上架状态也修改为1
  • 记录商品审核记录
  • 记录商品日志
7.1.2 代码实现
/**
* 商品审核
* @param id
* @param status
* @param message
*/
@Transactional
public void audit(String id, String status, String message) {
    //1.修改状态 审核状态和上架状态
    Spu spu = new Spu();
    spu.setId(id);
    spu.setStatus(status);
    if("1".equals(status)){//审核通过
        spu.setIsMarketable("1");//自动上架
    }
    spuMapper.updateByPrimaryKeySelective(spu);

    //2.记录商品审核记录

    //3.记录商品日志
}
@GetMapping("/audit")
public Result audit(Long id){
    spuService.audit(id);
    return new Result();
}

7.2 下架商品

7.2.1 需求与实现思路

下架商品,修改上下架状态为下架。下架商品不修改审核状态。 下架商品需要记录商品日志。

7.2.2 代码实现
/**
* 下架商品
* @param id
*/
public void pull(String id) {
    Spu spu = spuMapper.selectByPrimaryKey(id);
    spu.setIsMarketable("0");//下架状态
    spuMapper.updateByPrimaryKeySelective(spu);
}
@GetMapping("/pull")
public Result pull(String id){
    spuService.pull(id);
    return new Result();
}

7.3 上架商品

7.3.1 需求分析

将商品修改为上架状态,需要验证该商品是否审核通过,未审核通过的商品不能上架。 上架商品需要记录商品日志。

7.3.2 代码实现

通过审核的商品才能上架:

/**
* 商品上架
* @param id
*/
public void put(String id) {
    //1.修改状态
    Spu spu = spuMapper.selectByPrimaryKey(id);
    if(!"1".equals(spu.getStatus())){
        throw new RuntimeException("此商品未通过审核");
    }
    spu.setIsMarketable("1");
    spuMapper.updateByPrimaryKeySelective(spu);

    //2.记录商品日志
}
@GetMapping("/put")
public Result put(String id){
    spuService.put(id);
    return new Result();
}

7.4 批量上下架

7.4.1 需求分析

前端传递一组商品ID,后端进行批量上下架处理,处理后给前端返回处理的条数

7.4.2 代码实现
/**
* 批量上架商品
* @param ids
*/
public int putMany(Long[] ids) {
    Spu spu=new Spu();
    spu.setIsMarketable("1");//上架

    //批量修改
    Example example=new Example(Spu.class);
    Example.Criteria criteria = example.createCriteria();
    criteria.andIn("id", Arrays.asList(ids));//id
    criteria.andEqualTo("isMarketable","0");//下架
    criteria.andEqualTo("status","1");//审核通过的
    criteria.andEqualTo("isDelete","0");//非删除的
    return spuMapper.updateByExampleSelective(spu, example);
}
@GetMapping("/putMany")
public Result putMany(Long[] ids){
    int count = spuService.putMany(ids);
    return new Result(0,"上架"+count+"个商品");
}

8 删除与还原商品

8.1 需求分析

删除商品并非物理删除(真正的执行删除数据),而是通过将表中某字段标记为删除状态。

还原商品实际就是将删除状态再修改回来。

如果商品需要物理删除,必须是先逻辑删除才能进行物理删除,删除前需要检查状态。

8.2 实现思路

  • 逻辑删除商品,修改spu表is_delete字段为1
  • 商品回收站显示spu表is_delete字段为1的记录
  • 回收商品,修改spu表is_delete字段为0

关注我,紧跟本系列专栏文章,咱们下篇再续! http://www.javaedge.cn/md/product-center/00-%E5%95%86%E5%93%81%E4%B8%AD%E5%BF%83%E7%9A%84spu%E3%80%81sku%E8%AE%BE%E8%AE%A1.html http://www.javaedge.cn/md/product-center/01-%E7%94%B5%E5%95%86%E5%95%86%E5%93%81%E4%B8%AD%E5%BF%83%E8%A7%A3%E5%AF%86%EF%BC%9A%E4%BB%85%E5%87%ADSKU%E7%9C%9F%E7%9A%84%E8%B6%B3%E5%A4%9F%E5%90%97%EF%BC%9F.html http://www.javaedge.cn/md/product-center/02-%E5%A4%A7%E5%8E%82%E7%94%B5%E5%95%86%E8%AE%BE%E8%AE%A1%E8%A7%A3%E6%9E%90%E4%B9%8B%E5%95%86%E5%93%81%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F.html

作者简介:魔都技术专家,多家大厂后端一线研发经验,在分布式系统、和大数据系统等方面有多年的研究和实践经验,拥有从零到一的大数据平台和基础架构研发经验,对分布式存储、数据平台架构、数据仓库等领域都有丰富实践经验。

各大技术社区头部专家博主。具有丰富的引领团队经验,深厚业务架构和解决方案的积累。

负责:

  • 中央/分销预订系统性能优化

  • 活动&优惠券等营销中台建设

  • 交易平台及数据中台等架构和开发设计

  • 车联网核心平台-物联网连接平台、大数据平台架构设计及优化

    目前主攻降低软件复杂性设计、构建高可用系统方向。

参考:

  • 编程严选网

    本文由博客一文多发平台 OpenWrite 发布!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/599848.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

根据最近拒包项目总结,详细讲解Google最新政策(上)

关于占比最多的移动垃圾软件拒审问题 移动垃圾软件(Mobile Unwanted Software)特征表现1> 具有欺骗性,承诺其无法实现的价值主张。2> 诱骗用户进行安装,或搭载在用户安装的其他程序上。3> 不向用户告知其所有主要功能和重要功能。4> 以非预期方式影响用户的系统…

Error Code: 1449. The user specified as a definer (‘admin‘@‘%‘) does not exist

前言 在进行MySQL数据库迁移或存储过程部署时&#xff0c;您可能会遇到错误 [Err] 1449 - The user specified as a definer (admin%) does not exist。这篇文章将为您提供一个详细的解决方案&#xff0c;帮助您顺利解决这一问题。 错误背景 此错误通常发生在尝试执行一个存…

Jenkins集成Kubernetes 部署springboot项目

文章目录 准备部署的yml文件Harbor私服配置测试使用效果Jenkins远程调用参考文章 准备部署的yml文件 apiVersion: apps/v1 kind: Deployment metadata:namespace: testname: pipelinelabels:app: pipeline spec:replicas: 2selector:matchLabels:app: pipelinetemplate:metada…

机器学习算法--朴素贝叶斯(Naive Bayes)

一、实验环境 1. python3.7 2. numpy > 1.16.4 3. sklearn > 0.23.1 二、朴素贝叶斯的介绍 朴素贝叶斯算法&#xff08;Naive Bayes, NB) 是应用最为广泛的分类算法之一。它是基于贝叶斯定义和特征条件独立假设的分类器方法。NB模型所需估计的参数很少&#xff0c;对缺…

【微服务】网关(详细知识以及登录验证)

微服务网关 网关网关路由快速入门路由属性 路由断言网关登录校验自定义过滤器实现登录校验网关传递用户OpenFeign传递用户 网关 网络的关口&#xff0c;负责请求的路由&#xff0c;转发&#xff0c;身份校验 当我们把一个单体项目分成多个微服务并部署在多台服务器中&#xff…

DDR4 新功能介绍

DDR4(第四代双倍数据率同步动态随机存取内存)相较于其前代DDR3,引入了一些新的功能和改进,这些新功能有助于提高内存的性能、降低功耗以及增强系统的可靠性,包括VPP、DBI(Data Bus Inversion,数据总线翻转)和DMI(与LPDDR4相关)。以下是对这些功能的简要说明: 更高的…

java—异常

异常 什么是异常 异常的体系 编译时异常处理方式 1、选择报错的整个代码块&#xff0c;快捷键crtlaltt键&#xff0c;选择try/catch将代码围起来。 2、编译异常处理方式2 在main方法上抛出异常 自定义异常 例子&#xff1a; 自定义运行时异常 自定义编译时异常 异常…

视觉图像信息处理与FPGA实现第九次作业——直方图均衡

RAM的B站视频解析 RAM的文档 一、65536x8位的单端口RAM timescale 1ns / 1ps //SPRF Single Port Read/Write Function //65535 是RAM中总的字数&#xff0c;也就是存储深度&#xff0c;X8表示每个字是8位的 module SPRF65536X8(Q,CLK,CEN,WEN,A,D );//输出寄存器Qoutput [7…

如何在已经安装好的PostgreSQL14中安装uuid 扩展

当前环境 PG14.8 LINUX 8.8 存在问题&#xff1a; 开发人员问&#xff0c;PG中&#xff0c;支持 生成UUID吗&#xff0c;具体是什么&#xff0c;答&#xff0c;类似这个函数 uuid_generate_v4() 看了一下&#xff0c; select uuid_generate_v4();会报错&#xff0…

2024-05-07 商业分析-如何在社会层面做一个更好的工具人-记录

摘要: 2024-05-07 商业分析-如何成为一个靠谱的工具人 如何在社会层面做一个更好的工具人 那么今天讲的这个主题呢&#xff0c;对吧&#xff1f;你们一看啊&#xff0c;就觉得这个就不应该我讲是吧啊&#xff0c;但是呢这个逻辑呢我还得跟你们讲一下啊&#xff0c;就是如何成为…

2009-2022年上市公司华证ESG评级评分数据(含细分项)

2009-2022年上市公司华证ESG评级评分数据&#xff08;含细分项&#xff09; 1、时间&#xff1a;2009-2022年 2、来源&#xff1a;华证ESG 3、指标&#xff1a;证券代码、证券简称、综合评级、年度、综合得分、E评级、E得分、S评级、S得分、G评级、G得分 4、范围&#xff1…

AI伦理和安全风险管理终极指南

人工智能&#xff08;AI&#xff09;正在迅速改变各个领域的软件开发和部署。驱动这一转变的两个关键群体为人工智能开发者和人工智能集成商。开发人员处于创建基础人工智能技术的最前沿&#xff0c;包括生成式人工智能&#xff08;GenAI&#xff09;模型、自然语言处理&#x…

Python读取ASC文件并转换成Excel文件(坐标)

import pandas as pd# 读取asc文件&#xff0c;指定空格为分隔符 df pd.read_csv(out_view2.asc, sep , headerNone)# 去掉空列 df df.dropna(howall, axis1)# 将数据保存到Excel文件 df.to_excel(out_view2.xlsx, indexFalse, headerFalse)效果图

Day1| Java基础 | 1 面向对象特性

Day1 | Java基础 | 1 面向对象特性 基础补充版Java中的开闭原则面向对象继承实现继承this和super关键字修饰符Object类和转型子父类初始化顺序 多态一个简单应用在构造方法中调用多态方法多态与向下转型 问题回答版面向对象面向对象的三大特性是什么&#xff1f;多态特性你是怎…

unity华为sdk接入指路指南

目前比较靠谱的几个方案&#xff1a;试过几个仅供参考 温馨提示&#xff1a;最高目前可支持方案到unity2021版本以下&#xff0c;以上请联系华为官方寻求技术支持 Unity集成华为游戏服务SDK方式&#xff08;一&#xff09;&#xff1a;集成Unity官方游戏SDK&#xff1a; 华为…

代码随想录算法训练营第十八天:二叉树的层序遍历(中间放假)

代码随想录算法训练营第十八天&#xff1a;二叉树的层序遍历&#xff08;中间放假&#xff09; ‍ ​​ 102.二叉树的层序遍历 力扣题目链接(opens new window) 给你一个二叉树&#xff0c;请你返回其按 层序遍历 得到的节点值。 &#xff08;即逐层地&#xff0c;从左到右…

速览Coinbase 2024Q1 财报重点:业务全面开花,净利润达11.8亿美元

作者&#xff1a;范佳宝&#xff0c;Odaily 星球日报 近期&#xff0c;Coinbase 发布了其 2024 年第一季度财报。 报告显示&#xff0c;Coinbase 第一季度营收为 16.4 亿美元&#xff0c;高于分析师平均预期的 13.4 亿美元&#xff1b;净利润为 11.8 亿美元&#xff0c;合每股…

关于Centos 7/8 网络设置 与工具连接

网络三步曲的配置 1、首先更改虚拟机的网络配置 查看子网地址以及网关 如果有要求需要更改IP地址&#xff0c;规定第三位是指定数值&#xff0c;那么需要全部更改 例如&#xff0c;IP地址为192.168.200.30 其中200为重点&#xff0c;更改时为以下步骤 1、点击DHCP设置&#x…

贪吃蛇大作战(C语言--实战项目)

朋友们&#xff01;好久不见。经过一段时间的沉淀&#xff0c;我这篇文章来和大家分享贪吃蛇大作战这个游戏是怎么实现的。 &#xff08;一&#xff09;.贪吃蛇背景了解及效果展示 首先相信贪吃蛇游戏绝对称的上是我们00后的童年&#xff0c;不仅是贪吃蛇还有俄罗斯⽅块&…

找不到模块“vue-router”。你的意思是要将 moduleResolution 选项设置为 node,还是要将别名添加到 paths 选项中?

在tsconfig.app.json中添加&#xff0c;记得一定是 tsconfig.app.json 中&#xff0c;如添加到 tsconfig.node.json 还是会报错的 哈哈哈哈&#xff0c;不瞒你们&#xff0c;我就添加错了&#xff0c;哈哈哈。所以这也算写一个demo提醒自己 "compilerOptions": {&qu…
最新文章