[项目练手笔记-谷粒商城(SpringCloud Alibaba+vue前后端分离)]day02+day03 nacos,gateway的使用、前端入门学习

本文记录了使用SpringCloud Alibaba Nacos进行服务注册与配置管理,OpenFeign实现远程调用,Nacos作为服务配置中心,SpringCloud Gateway作为API网关的实践过程。同时,介绍了前端开发的基础,包括ES6特性与Vue.js的入门知识。
摘要由CSDN通过智能技术生成

[项目练手笔记-谷粒商城(SpringCloud Alibaba+vue前后端分离)]day02+day03 nacos,gateway的使用、前端入门学习

结合SpringCloud Alibaba我们最终的技术搭配方案:
SpringCloud Alibaba Nacos:注册中心(服务发现/注册)
SpringCloud Alibaba Nacos:配置中心(动态配置管理)
SpringCloud Ribbon:负载均衡
SpringCloud Feign:声明式HTTP客户端(调用远程服务)
SpringCloud Alibaba Sentinel:服务容错(限流、降级、熔断)
SpringCloud Gateway: API网关(webflux 编程模式)
SpringCloud Sleuth:调用链监控
SpringCloud Alibaba Seata:原Fescar,即分布式事务解决方案

一、SpringCloud Alibaba Nacos的使用

1.在common模块中导入依赖

阿里巴巴统一依赖管理

<dependencyManagement>
    <dependencies>
        <dependency>
            <groupId>com.alibaba.cloud</groupId>
            <artifactId>spring-cloud-alibaba-dependencies</artifactId>
            <version>2.1.0.RELEASE</version>
            <type>pom</type>
            <scope>import</scope>
        </dependency>
    </dependencies>
</dependencyManagement>

nacos服务注册于配置中心

<!--        服务注册/发现-->
<dependency>
    <groupId>com.alibaba.cloud</groupId>
    <artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId>
</dependency>

<!--        配置中心来做配置管理-->
<dependency>
    <groupId>com.alibaba.cloud</groupId>
    <artifactId>spring-cloud-starter-alibaba-nacos-config</artifactId>
</dependency>

2.注册微服务

在application.yml中将对应的微服务注册到nacos中

  cloud:
    nacos:
      discovery:
        server-addr: localhost:8848
  application:
    name: gulimall-coupon #注册的名字

3.添加注册发现注解

在主方法上添加@EnableDiscoveryClient

二、OpenFeign的远程调用

1.引入依赖

<dependency>
    <groupId>org.springframework.cloud</groupId>
    <artifactId>spring-cloud-starter-openfeign</artifactId>
</dependency>

2.编写远程调用接口

为了方便起见,建立一个feign包专门用来存放远程调用接口

接口要声明调用哪个接口的哪个请求

//要被调用的controller的方法
@RequestMapping("/member/list")
public R memberFeign() {
   
    CouponEntity couponEntity = new CouponEntity();
    couponEntity.setCouponName("满100-99");
    return R.ok().put("coupons", Arrays.asList(couponEntity));
}
//feign接口,表明要调用的是微服务gulimall-coupon中的/coupon/coupon/member/list路径下的memberFeign方法
@FeignClient(value = "gulimall-coupon")
public interface CouponFeignService {
   
    @RequestMapping("/coupon/coupon/member/list")
    public R memberFeign() ;
}
@RestController
@RequestMapping("member/member")
public class MemberController {
   
    @Autowired
    private MemberService memberService;
    @Resource
    private CouponFeignService couponFeignService;

    @RequestMapping("/coupons")
    public R memberCoupon() {
   
        R coupons = couponFeignService.memberFeign();
        MemberEntity memberEntity = new MemberEntity();
        memberEntity.setUsername("小三");
        return R.ok().put("member",memberEntity).put("coupons",coupons.get("coupons"));
    }

3.配置主方法

@EnableFeignClients(basePackages="com.xiaoxiao.gulimall.member.feign")

访问localhost:8000/member/member/coupons,验证远程调用了

在这里插入图片描述

三、Nacos作为服务配置中心

nacos作为配置中心都在我以前的学习笔记中有,笔记地址

1.引入依赖

<!--        配置中心来做配置管理-->
<dependency>
    <groupId>com.alibaba.cloud</groupId>
    <artifactId>spring-cloud-starter-alibaba-nacos-config</artifactId>
</dependency>

2.创建bootstrap.yml

bootstrap.yml作为全局配置,优先级高于application.yml,可以在其中配置注册配置地址,其余配置从nacos配置中心拉取

spring:
  cloud:
    nacos:
      config:
        server-addr: 127.0.0.1:8848
        namespace: 36cbae64-6c6a-443a-87d3-f4ade9651be8 #命名空间
        ext-config:
          - dataId: datasource.yml
            group: dev
            refresh: true
          - dataId: mybatis.yml
            group: dev
            refresh: true
          - dataId: other.yml
            group
本文介绍了一个基于Spring Boot、Spring Cloud和Vue前后端分离项目实战。这个项目是一个简单的在线商城,包含了用户注册、登录、商品展示、购物车、订单管理等功能。通过这个项目,读者可以深入理解前后端分离的架构模式和互联网应用的开发方式。 首先,文章介绍了前后端分离的基本概念和优势。前后端分离是将应用的前端和后端代码分开来开发,使得前端和后端具有独立的开发周期和技术栈,进而提高了开发效率和代码质量。同时,前后端分离还可以提供更好的用户体验和灵活性,对于互联网应用来说尤为重要。 接下来,文章介绍了项目的架构和技术栈。项目采用了Spring Boot和Spring Cloud框架来实现后端代码,采用MyBatis作为ORM框架和Redis作为缓存中间件。同时,项目还采用了Vue.js作为前端框架和Element UI组件库来实现前端页面。通过这些开源框架和组件,可以快速搭建一个前后端分离的互联网应用。 然后,文章介绍了项目的核心功能和代码实现。在用户注册和登录方面,项目采用了Spring Security框架和JWT令牌来实现用户认证和授权,保证了用户信息的安全性。在商品展示和购物车方面,项目采用了Vue.js来实现前端页面和事件处理。在订单管理方面,项目采用了MyBatis Plus来实现订单数据的持久化和分页查询。 最后,文章介绍了项目的测试和优化。通过对项目的压力测试和性能测试,文章发现项目还存在一些性能瓶颈和安全隐患,可以通过优化数据库查询、缓存配置和代码实现来提高应用的性能和安全性。 总之,这篇文章介绍了一个基于Spring Boot、Spring Cloud和Vue前后端分离项目实战,通过实现一个在线商城的功能,展示了前后端分离的开发模式和互联网应用的开发技术栈。本文可以作为前后端分离开发的入门教程,也可以作为互联网应用开发的参考文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值