电商项目前台搜索服务es实现

已于 2024-03-02 21:08:02 修改
阅读量728 收藏 15
点赞数 16
分类专栏： 电商业务 文章标签： elasticsearch 大数据 搜索引擎
于 2024-03-01 20:57:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54679797/article/details/136390637
版权

一、服务搭建

1.依赖导入

除了常见的依赖，特别要注意的是es的依赖，mq的依赖。

 <dependencies>
      <dependency>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-starter-web</artifactId>
      </dependency>
      <dependency>
          <groupId>mysql</groupId>
          <artifactId>mysql-connector-java</artifactId>
      </dependency>
      <!--mybatis-->
      <dependency>
          <groupId>org.mybatis.spring.boot</groupId>
          <artifactId>mybatis-spring-boot-starter</artifactId>
      </dependency>
      <!-- nacos客户端依赖包 -->
      <dependency>
          <groupId>com.alibaba.cloud</groupId>
          <artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId>
      </dependency>
      <!--feign客户端依赖-->
      <dependency>
          <groupId>org.springframework.cloud</groupId>
          <artifactId>spring-cloud-starter-openfeign</artifactId>
      </dependency>
      <!--引入HttpClient依赖-->
      <dependency>
          <groupId>io.github.openfeign</groupId>
          <artifactId>feign-httpclient</artifactId>
      </dependency>

      <dependency>
          <groupId>com.baomidou</groupId>
          <artifactId>mybatis-plus-boot-starter</artifactId>
      </dependency>

      <dependency>
          <groupId>com.alibaba</groupId>
          <artifactId>druid-spring-boot-starter</artifactId>
      </dependency>

      <!-- 此处是你的store_common_feign模块的gav,如果不一致,需要改进,注意,需要放入maven本地库!-->
      <dependency>
          <artifactId>store-commons</artifactId>
          <groupId>com.atguigu</groupId>
          <version>1.0.0</version>
      </dependency>

      <!--AMQP依赖，包含RabbitMQ-->
      <dependency>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-starter-amqp</artifactId>
      </dependency>

      <!-- 导入es依赖 -->
      <dependency>
          <groupId>org.elasticsearch.client</groupId>
          <artifactId>elasticsearch-rest-high-level-client</artifactId>
      </dependency>

</dependencies>

配置类省略，这里无需配置数据库

2.启动类

启动类要排除自动导入数据库配置，否则出现配置连接池异常。

//排除自动导入数据库配置,否者出现为配置连接池信息异常
@SpringBootApplication(exclude = {
        DataSourceAutoConfiguration.class,
        DataSourceTransactionManagerAutoConfiguration.class,
        DruidDataSourceAutoConfigure.class ,
        HibernateJpaAutoConfiguration.class}).
public class SearchApplication {

    public static void main(String[] args) {
        System.out.println("SearchApplication.main-----");
        SpringApplication.run(SearchApplication.class,args);
        System.out.println("SearchApplication.main+++++");
    }
}

网关省略

3.（1）数据同步时机，在启动就进行商品服务数据查询和同步。（2）商品服务DML动作，都需要通知搜索服务同步。

二、商品展示功能实现

1.商品服务实现商品展示功能

搜索服务展示全部商品需要调用商品服务展示商品接口，通过feign调用。

/product/list

/**
 * 查询全部商品信息
 *
 * @return
 */
@Override
public List<Product> list() {

    List<Product> products = productMapper.selectList(null);

    return products;
}

2.定义商品feignClient

/**
 * projectName: b2c-cloud-store
 *
 * description:商品客户端
 */
@FeignClient(value = "product-service")
public interface ProductClient {

    /**
     * 商品全部数据调用
     * @return
     */
    @GetMapping("/product/list")
    List<Product> list();
}

3.准备商品索引创建DSL语句！

将商品名称，标题以及详细描述添加到all字段，直接使用all字段搜索即可。

# 删除索引结构
DELETE /product


# 创建商品索引!
# 根据多列搜索性能较差,组成成一列搜索提高性能
PUT /product
{
  "mappings": {
    "properties": {
      "productId":{
        "type": "integer"
      },
      "productName":{
        "type": "text",
        "analyzer": "ik_smart",
        "copy_to": "all"
      },
      "categoryId":{
        "type": "integer"
      },
      "productTitle":{
        "type": "text",
        "analyzer": "ik_smart",
        "copy_to": "all"
      },
      "productIntro":{
        "type":"text",
        "analyzer": "ik_smart",
        "copy_to": "all"
      },
      "productPicture":{
        "type": "keyword",
        "index": false
      },
      "productPrice":{
        "type": "double",
        "index": true
      },
      "productSellingPrice":{
        "type": "double"
      },
      "productNum":{
        "type": "integer"
      },
      "productSales":{
        "type": "integer"
      },
      "all":{
        "type": "text",
        "analyzer": "ik_max_word"
      }
    }
  }
}



#查询索引
GET /product/_mapping

#全部查询

GET /product/_search
{
  "query": {
      "match_all": {
        
      }
  }
}

#关键字查询

GET /product/_search
{
  "query": {
     "match": {
       "all": "最好"
     }
  }

}


# 关键字 和 添加分页
GET /product/_search
{
  "query": {
     "match": {
       "all": "最好"
     }
  },
  "from": 0,
  "size": 1

}



# 添加数据
POST /product/_doc/1
{
  "productId":1,
  "productName":"雷碧",
  "productTitle":"最好的碳酸饮料",
  "categoryId":1,
  "productIntro":"硫酸+煤炭制品最好的产品!",
  "productPicture":"http://www.baidu.com",
  "productPrice":10.5,
  "productSellingPrice":6.0,
  "productNum":10,
  "productSales":5
}

# 删除数据
DELETE /product/_doc/1

以上添加到es中，使用kibana添加索引即可。

 3.准备商品doc模型

添加商品Doc实体类，定义all字段，重新构造方法，传入product参数，注意Product类中加@JsonIgnoreProperties(ignoreUnknown = true)。

@Data
@NoArgsConstructor
public class ProductDoc extends Product {

    /**
     * 用于模糊查询字段,由商品名,标题和描述组成
     */
    private String all;

    public ProductDoc(Product product) {
        super(product.getProductId(),product.getProductName(),
                product.getCategoryId(),product.getProductTitle(),
                product.getProductIntro(),product.getProductPicture(),
                product.getProductPrice(),product.getProductSellingPrice(),
                product.getProductNum(),product.getProductSales());
        this.all = product.getProductName()+product.getProductTitle()+product.getProductIntro();
    }
}

4.导入数据，添加配置类

mq序列化方式选择json，构建es客户端对象，并纳入容器管理

/**
 * projectName: b2c-cloud-store
 * description: 消息队列配置
 */
@Configuration
public class SearchConfiguration {

    /**
     * mq序列化方式，选择json！
     * @return
     */
    @Bean
    public MessageConverter messageConverter(){

        return new Jackson2JsonMessageConverter();
    }
    
    /**
     * es客户端添加到ioc容器
     * @return
     */
    @Bean
    public RestHighLevelClient restHighLevelClient(){
        RestHighLevelClient client =
                new RestHighLevelClient(
                        RestClient.builder(HttpHost.create("http://自己的es服务地址:9200")));

        return client;
    }
}

5.修改启动类

@SpringBootApplication(exclude={DataSourceAutoConfiguration.class})
@EnableFeignClients(clients = ProductClient.class)
public class SearchApplication {

    public static void main(String[] args) {
        SpringApplication.run(SearchApplication.class,args);
    }
}

6.程序启动监控

监控程序启动，初始化es数据。

初始化逻辑：在启动时就执行商品查询，然后判断是否存在es索引,用getindexrequest获取，对象传入索引名称。如果不存在索引就创建索引，然后删除全部数据，然后重新批量插入数据。

es入门常见的用法可以参照这篇博客：http://t.csdnimg.cn/QsBAm

@Component
@Slf4j
public class SpringBootListener implements ApplicationRunner {

    /**
     * 在此方法完成es数据的同步
     * 1.判断es中的product索引是否存在
     * 2.如果不存在,java代码创建一个
     * 3.如果存在,删除原来的数据
     * 4.查询商品全部数据
     * 5.进行es库的更新工作(插入)
     * @param args
     * @throws Exception
     */
    @Autowired
    private RestHighLevelClient restHighLevelClient;
    @Autowired
    private ProductClient productClient;

    private String indexStr="{\\n\" +\n" +
            "            \"  \\\"mappings\\\": {\\n\" +\n" +
            "            \"    \\\"properties\\\": {\\n\" +\n" +
            "            \"      \\\"productId\\\":{\\n\" +\n" +
            "            \"        \\\"type\\\": \\\"integer\\\"\\n\" +\n" +
            "            \"      },\\n\" +\n" +
            "            \"      \\\"productName\\\":{\\n\" +\n" +
            "            \"        \\\"type\\\": \\\"text\\\",\\n\" +\n" +
            "            \"        \\\"analyzer\\\": \\\"ik_smart\\\",\\n\" +\n" +
            "            \"        \\\"copy_to\\\": \\\"all\\\"\\n\" +\n" +
            "            \"      },\\n\" +\n" +
            "            \"      \\\"categoryId\\\":{\\n\" +\n" +
            "            \"        \\\"type\\\": \\\"integer\\\"\\n\" +\n" +
            "            \"      },\\n\" +\n" +
            "            \"      \\\"productTitle\\\":{\\n\" +\n" +
            "            \"        \\\"type\\\": \\\"text\\\",\\n\" +\n" +
            "            \"        \\\"analyzer\\\": \\\"ik_smart\\\",\\n\" +\n" +
            "            \"        \\\"copy_to\\\": \\\"all\\\"\\n\" +\n" +
            "            \"      },\\n\" +\n" +
            "            \"      \\\"productIntro\\\":{\\n\" +\n" +
            "            \"        \\\"type\\\":\\\"text\\\",\\n\" +\n" +
            "            \"        \\\"analyzer\\\": \\\"ik_smart\\\",\\n\" +\n" +
            "            \"        \\\"copy_to\\\": \\\"all\\\"\\n\" +\n" +
            "            \"      },\\n\" +\n" +
            "            \"      \\\"productPicture\\\":{\\n\" +\n" +
            "            \"        \\\"type\\\": \\\"keyword\\\",\\n\" +\n" +
            "            \"        \\\"index\\\": false\\n\" +\n" +
            "            \"      },\\n\" +\n" +
            "            \"      \\\"productPrice\\\":{\\n\" +\n" +
            "            \"        \\\"type\\\": \\\"double\\\",\\n\" +\n" +
            "            \"        \\\"index\\\": true\\n\" +\n" +
            "            \"      },\\n\" +\n" +
            "            \"      \\\"productSellingPrice\\\":{\\n\" +\n" +
            "            \"        \\\"type\\\": \\\"double\\\"\\n\" +\n" +
            "            \"      },\\n\" +\n" +
            "            \"      \\\"productNum\\\":{\\n\" +\n" +
            "            \"        \\\"type\\\": \\\"integer\\\"\\n\" +\n" +
            "            \"      },\\n\" +\n" +
            "            \"      \\\"productSales\\\":{\\n\" +\n" +
            "            \"        \\\"type\\\": \\\"integer\\\"\\n\" +\n" +
            "            \"      },\\n\" +\n" +
            "            \"      \\\"all\\\":{\\n\" +\n" +
            "            \"        \\\"type\\\": \\\"text\\\",\\n\" +\n" +
            "            \"        \\\"analyzer\\\": \\\"ik_max_word\\\"\\n\" +\n" +
            "            \"      }\\n\" +\n" +
            "            \"    }\\n\" +\n" +
            "            \"  }\\n\" +\n" +
            "            \"}";
    @Override
    public void run(ApplicationArguments args) throws Exception {
        GetIndexRequest getIndexRequest=new GetIndexRequest("product");
        //判断是否存在
        boolean exists = restHighLevelClient.indices().exists(getIndexRequest, RequestOptions.DEFAULT);
        //存在查询删除
        if(exists){
            DeleteByQueryRequest deleteByQueryRequest=new DeleteByQueryRequest("product");
            deleteByQueryRequest.setQuery(QueryBuilders.matchAllQuery());
            restHighLevelClient.deleteByQuery(deleteByQueryRequest,RequestOptions.DEFAULT);
        }else{
            //不存在创建索引
            CreateIndexRequest createIndexRequest=new CreateIndexRequest("product");
            createIndexRequest.source(indexStr, XContentType.JSON);
            restHighLevelClient.indices().create(createIndexRequest,RequestOptions.DEFAULT);
        }
        //查询全部数据
        List<Product> productList=productClient.allList();

        //遍历批量数据插入
        BulkRequest bulkRequest=new BulkRequest();
        ObjectMapper objectMapper=new ObjectMapper();
        for (Product product : productList) {
            ProductDoc productDoc=new ProductDoc(product);
        //插入数据的作用
            IndexRequest indexRequest=new IndexRequest("product").id(product.getProductId().toString());
	//productDoc转成JSON放入
            String json = objectMapper.writeValueAsString(productDoc);
            indexRequest.source(json,XContentType.JSON);
            bulkRequest.add(indexRequest);
        }

        restHighLevelClient.bulk(bulkRequest,RequestOptions.DEFAULT);
    }
}

以上完成es的数据同步操作。

三、商品搜索服务

1.准备实体类

定义ProductParamSearch参数实体类，包含字段有search 查询关键字，以及分页字段：currentPage和pageSize。

2.定义接口

定义接口/search/product根据关键字和分页参数，进行es索引查询，并将结果封装到R中，返回商品服务即可。

@RestController
@RequestMapping("search")
public class SearchController {

    @Autowired
    private SearchService searchService;

    @PostMapping("product")
    public R productList(@RequestBody ProductParamsSearch productParamsSearch) throws JsonProcessingException {


        return searchService.search(productParamsSearch);
    }

}

3.实现类

实现逻辑

首先判断关键字是否为空，为空就查询全部，调用searchRequest.source().query(QueryBuilders.matchAllQuery)进行查询

否则就根据关键字对all进行查询，之后设置分页参数，设置返回结果response,调用es客户端的search方法获取结果，然后解析结果，解析es查询结果汇总的hits数目用于统计关键字查询商品数量，对获取到的结果进行遍历，获取单独的JSON数据，把其加add到结果集合中。

@Autowired
private RestHighLevelClient client;

/**
 * 商品搜索
 * @param productParamsSearch
 * @return
 */
@Override
public R search(ProductParamsSearch productParamsSearch) throws JsonProcessingException {

    SearchRequest searchRequest = new SearchRequest("product");

    if (StringUtils.isEmpty(productParamsSearch.getSearch())){
        //如果为null,查询全部
        searchRequest.source().query(QueryBuilders.matchAllQuery());
    }else{
        //不为空 all字段进行搜索
        searchRequest.source().query(QueryBuilders.matchQuery("all",productParamsSearch.getSearch()));
    }

    //设置分页参数
    searchRequest.source().from(productParamsSearch.getFrom());
    searchRequest.source().size(productParamsSearch.getSize());

    SearchResponse response = null;
    try {
        response = client.search(searchRequest, RequestOptions.DEFAULT);
    } catch (IOException e) {
        throw  new RuntimeException(e);
    }

    //结果集解析
    //获取集中的结果
    SearchHits hits = response.getHits();
    //获取符合的数量
    long total = hits.getTotalHits().value;

    SearchHit[] items = hits.getHits();

    List<Product> productList = new ArrayList<>();
    ObjectMapper objectMapper = new ObjectMapper();

    for (SearchHit item : items) {
        //获取单挑json数据
        String json = item.getSourceAsString();
        Product product = objectMapper.readValue(json, Product.class);
        productList.add(product);
    }

    return R.ok(null,productList,total);
}

4.定义Client接口，方便商品服务调用完成搜索功能。

whales-x
关注
  • 16
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Spring boot中使用ElasticSearch的方法详解
08-26
主要给大家介绍了关于Spring boot中使用ElasticSearch的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
基于微服务+MQ+ElasticSearch的电商销售前台+管理后台系统源码
01-12
B2C模式电商项目，包含完整的销售前台和电商管理后台！ 前台部分主要通过浏览器访问，用户可以登录，浏览商品，以及添加购物车和订单生成等功能，完成购物车！ 后台部分主要管理员登录，对前台用户，类别，商品以及...
全文检索 Elasticsearch(简称es)
热门推荐
CORN的博客
06-04 1万+
全文检索 Elasticsearch 研究 1. ElasticSearch 介绍 1.1 介绍 **Elasticsearch**是一个基于Lucene库的搜索引擎。它提供了一个分布式、支持多租户的全文搜索引擎，具有HTTP Web接口和无模式JSON文档。Elasticsearch是用Java开发的，并在Apache许可证下作为开源软件发布。官方客户端在Java、.NET（C#）、PHP、Py...
用ES搜索关键字并且返回模糊字段高亮
qq_40415205的博客
05-12 3236
一般来说，各个网站，首页的搜索，都会有进行全文搜索的示例，并且把模糊匹配的多个数据进行标记(高亮)，这样便于全局检索关键的数据，便于客户进行浏览。基于此，本文简单介绍这种功能基本java 的 实现。类型ID: 1 线索、2 客户、3 商机、4 联系人、5 售前、6 订单、7 合同，下面是最终的想要的结果，搜索内容代码 1， type 是 类型。由于公司页面此功能隐藏了，本文就以接口调用返回看具体实现了。控制层 controller。// 构建查询条件 & 高亮。逻辑层 service。
ES实现商品搜索功能详解
weixin_54679797的博客
02-18 349
3.商品服务进行商品的插入删除等，mysql数据库实时改变，ES数据库也要更新。配置rabbitmq，异步通信机制。一.mysql数据库存储商品实时数据，做更多条件查询，全部查询、插入、删除等。ES数据库主要是模糊查询 商品数据。ES也是查询mysql数据库。
Elasticsearch项目实战，商品搜索功能设计与实现！
Zsigner的博客
04-15 1581
推荐大家去看原文博主的文章，条理清晰阅读方便，转载是为了方便以后个人查阅 https://juejin.im/post/5e94587f51882573be11cb83?utm_source=gold_browser_extension Elasticsearch项目实战，商品搜索功能设计与实现！ SpringBoot实战电商项目mall（30k+star）地址：github.com/ma...
商品上架-ES检索
小生不才的博客
12-18 1154
1.商品上架 后台管理员对spu审核进行操作，点击上架。只有当商品上架才应该被检索，即需要导入商品数据到ES中。 2.ES模型分析 分析：商品上架在 es 中是存 sku 还是 spu？ 1）、检索的时候输入名字，是需要按照 sku 的 title 进行全文检索的 2）、检索使用商品规格，规格是 spu 的公共属性，每个 spu 是一样的 3）、按照分类 id 进去的都是直接列出 spu 的，还可以切换。 4）、我们如果将 sku 的全量信息保存到 es 中（包括 spu 属性）就太多量字段了。 5）、我们
Vue2.x 全家桶+Vant 搭建大型单页面电商项目 (页面齐全, 数据源与项目完整)
01-02
2020年1月2日 11:15:26 ;...本项目技术栈基于 ES2015+、vue、vuex、vue-router 、vue-cli 、axios 和 vant-ui，所有的请求数据都使用Mock.js进行模拟，提前了解和学习这些知识会对使用本项目有很大的帮助
mall项目是一套电商系统，包括前台商城及后台管理系统，基于SpringBoot+MyBatis实现
01-04
Java SpringBoot实现在线商城项目，实现了电商商城、淘淘商城、新蜂商城、小程序商城、电商书城、淘宝天猫商城、秒杀系统、黑马乐优商城、塔可商城、仿小米商城、微信商城，使用了SpringBoot、Redis、ElasticSearch...
mall项目是一套电商系统，包括前台商城系统及后台管理系统，基于SpringBoot+MyBatis实现。.zip
最新发布
03-26
这部分通常涉及Spring Security进行权限控制，Redis用于缓存，Elasticsearch用于全文搜索，Docker进行服务部署等技术。开发者需要处理复杂的业务逻辑，确保系统的稳定性和安全性。 五、Spring全家桶技术 在Mall...
基于SpringBoot + Vue + uni-app的电商系统，包括前台商城项目及后台管理系统，采用Docker容器化部署
01-03
mall项目是一套基于 SpringBoot + Vue + uni-app 的电商系统，包括前台商城项目及后台管理系统，采用Docker容器化部署。前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户...
关于电商搜索中Elasticsearch的正确使用姿势--检索篇
泡泡茶壶的博客
02-07 2636
文章目录前言检索的前一步检索分数sortoperatorandor改变权重functionScore聚合 前言 书接上文，我们为电商项目做了个性化的索引配置之后，加下来就是正式的使用了。再ES的检索方面，也有一些值得注意的小技巧。本篇将会着重讲解笔者在使用ElasticSearch（下面简称ES）进行检索时的一些心得体会。 如果没有看过配置篇，可以移步这里: 电商项目中使用ES–配置篇 检索的前一步 检索 分数 sort operator and or 改变权重 functionScore 聚合 ...
ElasticSearch原理应用以及京东搜索案例
weixin_51539416的博客
03-14 719
elasticsearch(es)的原理基础知识，springboot整合elasticsearch的基础操作。以及京东搜索案例实战。
06 | 如何用Elasticsearch构建商品搜索系统？
qq_37756660的博客
11-28 1484
搜索这个特性可以说是无处不在，现在很少有网站或者系统不提供搜索功能了，所以，即使你不是一个专业做搜索的程序员，也难免会遇到一些搜索相关的需求。搜索这个东西，表面上看功能很简单，就是一个搜索框，输入关键字，然后搜出来想要的内容就好了。搜索背后的实现，可以非常简单，简单到什么程度呢？我们就用一个 SQL，LIKE 一下就能实现；也可以很复杂，复杂到什么程度呢？不说百度谷歌这种专业做搜索的公司，其他非专业做搜索的互联网大厂，搜索团队大多是千人规模，这里面不仅有程序员，还有算法工程师、业务专家等等。
ElasticSearch
w_k_x110的博客
07-26 1492
【ElasticSearch】持续更新...
Elasticsearch 查询语法
m0_54187478的博客
12-14 1837
ES 强大的查询语言是其核心功能之一，它提供了多种查询类型来满足各种复杂的搜索需求。在这篇博客中，我们将深入探讨 ES 的条件查询语法，并通过具体场景来展示其应用。Elasticsearch 的查询语言既强大又灵活，适用于从简单的文本搜索到复杂的数据分析应用。以上提供的示例仅为冰山一角，ES 的真正威力在于它可以根据具体需求进行高度定制的查询。例如，你可以查找介于特定日期之间的文档或价格在特定范围内的商品。希望本文能帮助你开始探索 Elasticsearch 的查询语言，并在你的项目中找到适合的应用场景。
Elasticsearch搜索服务器
小云很优秀
07-27 372
Elasticsearch 简介 Elasticsearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于RESTful web接口。Elasticsearch是用Java开发的，并作为Apache许可条款下的开放源码发布，是当前流行的企业级搜索引擎。设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。 1>基于Apache Lucene 构建的开源搜索引擎 2>才有java编写的，提供简单易用的RESTFul API 3>轻松的横向
elasticsearch filter插件开发初探
万物皆字节
04-14 877
elasticsearch 插件开发入门及例子
电商交易系统中的搜索引擎与Elasticsearch
禅与计算机程序设计艺术
01-18 960
1.背景介绍 电商交易系统中的搜索引擎是一种高效、准确、实时的搜索技术，它能够帮助用户快速找到所需的商品或信息。随着电商市场的不断发展，搜索引擎在电商交易系统中的重要性不断提高。Elasticsearch是一种开源的搜索引擎，它基于Lucene库，具有高性能、易用性和可扩展性等优点。在本文中，我们将讨论Elasticsearch在电商交易系统中的应用和优势，并深入探讨其核心概念、算法原理和实例代...
React电商项目架构与关键代码示例
本资源是一份详尽的React项目架构指南，专为初学者设计，旨在帮助他们快速理解和上手使用React框架进行电商项目的开发。主要内容包括： 1. React项目架构基础： - React脚手架：使用了`npx create-react-app [-g]`...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值