基于idea的springcloud的helloworld项目搭建过程整理

Springcloud的搭建主要包括三个部分：服务注册中心、服务提供者、服务消费者。每一个部分都是一个springboot项目，它们通过配置文件（application.properties或application.yml）关联在一起。

 

一、创建服务注册中心

1、 按照如下过程依次操作

2、 在application.properties中填写如下内容，声明本服务是一个注册中心

server.port:7770
eureka.instance.hostname:localhost
#一下两行表明本服务是一个注册中心，而非服务提供或者消费方
eureka.client.registerWithEureka: false
eureka.client.fetchRegistry: false
#服务注册到哪里
eureka.client.serviceUrl.defaultZone: http://${eureka.instance.hostname}:${server.port}/eureka/
#本服务的名称
spring.application.name: eurka-server

3、 在启动类上面添加@EnableEurekaServer注解即可

4、 启动服务即可，注意服务端口是application.properties中配置的server.port

二、创建服务提供者

1、 类似注册中心创建springboot，只是以下这个地方有些不同。

2、 在application.properties中进行注册信息的配置

#本服务端口号
server.port: 7771
#本服务名
spring.application.name: hello-springcloud-service
#注册中心的地址
eureka.client.serviceUrl.defaultZone: http://localhost:7770/eureka/

注：服务名可以重复，会认为是同一个服务，负载均衡使用

3、 在启动类上面添加@EnableEurekaClient注解

4、 创建VO，用于接收参数

1） VO类的属性名要与参数名完全一致

2） 提供setter/getter方法

3） Get和Post接收的vo不要共用一个，最好分着设计

5、 创建Controller

1） 本质上就是ssh中创建controller一样，注解使用@RestController

2） 写出这个请求是get还是post请求

3） 返回值类型可以是字符串或者map、List等类型都是可以的

4） 参数注意事项

A） 如果是get请求，可以使用VO这个pojo类接收，也可以通过“类型 参数名”这种方式接收（普通类型的参数接收而已）。

最正规的方式是：@RequestParam(“参数名”) 类型 参数名这种方式。

B） 如果是post请求，必须使用VO这个pojo类的方式接收，由于传递的是json字符串，所以必须使用@RequestBody修饰。而且，只能有一个@RequestBody。

例如：@RequestBody PoJo类 pojo类的对象

此外，如果请求中除了一个json字符串以外，还有其他参数，那么json字符串用@RequestBody的方式接收，而其余参数参考get的方式接收即可。

5） 该Controller不仅可以作为其他服务的提供者，也可以直接通过前端请求。只是注意post请求的特殊处理。

package com.lennar.serviceprovider.controller;

import com.lennar.serviceprovider.vo.GetVO;
import com.lennar.serviceprovider.vo.HelloWorldTestVO;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.web.bind.annotation.*;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

@RestController
public class MyController {

    @Value("${server.port}")
    String port;//负载均衡的时候便于打印识别是哪个服务（端口不同，服务不同）

    //1.get请求
    //1.1.返回字符串
    @RequestMapping(value = "/test/getMethod1", method = RequestMethod.GET)
    public String getMethod1(GetVO getVO) {
        return "get-字符串（RequestMapping）:hello " + getVO.getStudentName() + " ,I am from port:" + port;
    }

//    public String getMethod1(@RequestParam(value = "studentName") String name) {
//        return "get-字符串（RequestMapping）:hello " + name + " ,I am from port:" + port;
//    }

    @GetMapping(value = "/test/getMethod2")
    public String getMethod2(@RequestParam(value = "studentName") String name) {
        return "get-字符串（GetMapping）:hello " + name + " ,I am from port:" + port;
    }

    //1.2.返回Map
    @RequestMapping(value = "/test/getMethod3", method = RequestMethod.GET)
    public Map<String, Object> getMethod3(@RequestParam(value = "studentName") String name) {
        Map<String, Object> map = new HashMap<>();
        map.put("resultMessage", "get-Map(RequestMapping):hello " + name + " ,I am from port:" + port);
        return map;
    }

    @GetMapping(value = "/test/getMethod4")
    public Map<String, Object> getMethod4(@RequestParam(value = "studentName") String name) {
        Map<String, Object> map = new HashMap<>();
        map.put("resultMessage", "get-Map(GetMapping):hello " + name + " ,I am from port:" + port);
        return map;
    }

    //2.post请求
    //2.1.返回字符串
    @RequestMapping(value = "/test/postMethod1", method = RequestMethod.POST)
    public String postMethod1(GetVO getVO, @RequestBody HelloWorldTestVO helloWorldTestVO) {
        return "post-字符串(RequestMapping):hello " + helloWorldTestVO.getName() + "(" + helloWorldTestVO.getAge() + ")" + "your score is " + getVO.getStudentScore() + " ,I'm from port:" + port;
    }
//    @RequestMapping(value = "/test/postMethod1", method = RequestMethod.POST)
//    public String postMethod1(@RequestParam(value = "studentScore") String score, @RequestBody HelloWorldTestVO helloWorldTestVO) {
//        return "post-字符串(RequestMapping):hello " + helloWorldTestVO.getName() + "(" + helloWorldTestVO.getAge() + ")" + "your score is " + score + " ,I'm from port:" + port;
//    }

    @PostMapping(value = "/test/postMethod2")
    public List<String> postMethod2(@RequestParam(value = "studentScore") String score, @RequestBody HelloWorldTestVO helloWorldTestVO) {
        List<String> list = new ArrayList<>();
        list.add("post-字符串(PostMapping):hello " + helloWorldTestVO.getName() + "(" + helloWorldTestVO.getAge() + ")" + "your score is " + score + " ,I'm from port:" + port);
        return list;

    }

    //1.2.返回Map
    @RequestMapping(value = "/test/postMethod3", method = RequestMethod.POST)
    public Map<String, Object> postMethod3(@RequestParam(value = "studentScore") String score, @RequestBody HelloWorldTestVO helloWorldTestVO) {
        Map<String, Object> map = new HashMap<>();
        map.put("resultMessage", "post-map(RequestMapping):hello " + helloWorldTestVO.getName() + "(" + helloWorldTestVO.getAge() + ")" + "your score is " + score + " ,I'm from port:" + port);
        return map;
    }

    @PostMapping(value = "/test/postMethod4")
    public Map<String, Object> postMethod4(@RequestParam(value = "studentScore") String score, @RequestBody HelloWorldTestVO helloWorldTestVO) {
        Map<String, Object> map = new HashMap<>();
        map.put("resultMessage", "post-map(PostMapping):hello " + helloWorldTestVO.getName() + "(" + helloWorldTestVO.getAge() + ")" + "your score is " + score + " ,I'm from port:" + port);
        return map;
    }
}

6、 启动即可（前提：注册中心处于开启状态）

注：为了实现负载均衡的集群效果，可以修改端口，多启动几个项目。

可以参考：https://blog.csdn.net/forezp/article/details/76408139

三、创建服务消费者（使用@Feign版本）

1、 创建项目与二中一样

 2、 在application.properties中添加如下内容，以便消费服务

#注册中心的地址
eureka.client.serviceUrl.defaultZone: http://localhost:7770/eureka/
#本服务的端口
server.port: 7772
#服务名
spring.application.name: service-consumer-feign


#调用集群的时候需要设置超时时间，否则可能无法连接成功或者无法正常返回数据
#程序会报nested exception is feign.RetryableException: connect timed out executing POST类似的超时错误
#请求连接的超时时间（单位：毫秒）
ribbon.ConnectTimeout: 30000
#请求处理的超时时间（单位：毫秒）
ribbon.ReadTimeout: 120000

3、 在启动类上添加注解@EnableEurekaClient、@EnableDiscoveryClient、@EnableFeignClients

4、 创建VO，路径不需要和服务提供者完全一样，只需要保证参数名一致即可。主要用于调用服务时传递参数（尤其是post请求）

5、 创建service层接口即可，主要用于调用服务提供者。服务提供者接口处如何编写调用规则（mapping类型、请求方式、参数格式以及返回类型等），这里就如何调用和编写接口。

注意：

1）调用服务提供者的方法是在service接口中，而非service的实现类中。建议调用服务提供者的service接口中不要再写其他的非服务提供者的方法，不然service的实现类会很尬尴（不知道该不该实现服务提供者的方法）。

2）如果服务提供者中设置了server.context-path，那么@RequestMapping中填写服务提供者的地址需要从server.context-path开始。例如：@RequestMapping("/context-path/服务提供者控制器类和方法接口的@RequestMapping按层次写好")

package com.lennar.service;

import com.lennar.serviceconsumer.HelloWorldTestVO;
import org.springframework.cloud.openfeign.FeignClient;
import org.springframework.web.bind.annotation.*;

import java.util.List;
import java.util.Map;

//value中为服务名
//FeignClient内部封装了ribbon，可以负载均衡
@FeignClient(value = "hello-springcloud-service")//value就是服务提供者的服务名称，在服务提供者的application.properties中设置
public interface FeignService {

    //1.get请求
    //1.1.返回字符串
    @RequestMapping(value = "/test/getMethod1", method = RequestMethod.GET)
    String myGetQuery1(@RequestParam(value = "studentName") String myName);

    @GetMapping(value = "/test/getMethod1")
    String myGetQuery2(@RequestParam(value = "studentName") String myName);

    @RequestMapping(value = "/test/getMethod2", method = RequestMethod.GET)
    String myGetQuery3(@RequestParam(value = "studentName") String myName);

    @GetMapping(value = "/test/getMethod2")
    String myGetQuery4(@RequestParam(value = "studentName") String myName);

    //1.2.返回map
    @RequestMapping(value = "/test/getMethod3", method = RequestMethod.GET)
    Map<String, Object> myGetQuery5(@RequestParam(value = "studentName") String myName);

    @GetMapping(value = "/test/getMethod3")
    Map<String, Object> myGetQuery6(@RequestParam(value = "studentName") String myName);

    @RequestMapping(value = "/test/getMethod4", method = RequestMethod.GET)
    Map<String, Object> myGetQuery7(@RequestParam(value = "studentName") String myName);

    @GetMapping(value = "/test/getMethod4")
    Map<String, Object> myGetQuery8(@RequestParam(value = "studentName") String myName);

    //2.post请求
    //2.1.返回字符串
    @RequestMapping(value = "/test/postMethod1", method = RequestMethod.POST)
    String myPostQuery1(@RequestParam(value = "studentScore") String score, @RequestBody HelloWorldTestVO helloWorldTestVO);

    @PostMapping(value = "/test/postMethod1")
    String myPostQuery2(@RequestParam(value = "studentScore") String score, @RequestBody HelloWorldTestVO helloWorldTestVO);

    @RequestMapping(value = "/test/postMethod2", method = RequestMethod.POST)
    List<String> myPostQuery3(@RequestParam(value = "studentScore") String score, @RequestBody HelloWorldTestVO helloWorldTestVO);

    @PostMapping(value = "/test/postMethod2")
    List<String> myPostQuery4(@RequestParam(value = "studentScore") String score, @RequestBody HelloWorldTestVO helloWorldTestVO);

    //2.2.返回map
    @RequestMapping(value = "/test/postMethod3", method = RequestMethod.POST)
    Map<String, Object> myPostQuery5(@RequestParam(value = "studentScore") String score, @RequestBody HelloWorldTestVO helloWorldTestVO);

    @PostMapping(value = "/test/postMethod3")
    Map<String, Object> myPostQuery6(@RequestParam(value = "studentScore") String score, @RequestBody HelloWorldTestVO helloWorldTestVO);

    @RequestMapping(value = "/test/postMethod4", method = RequestMethod.POST)
    Map<String, Object> myPostQuery7(@RequestParam(value = "studentScore") String score, @RequestBody HelloWorldTestVO helloWorldTestVO);

    @PostMapping(value = "/test/postMethod4")
    Map<String, Object> myPostQuery8(@RequestParam(value = "studentScore") String score, @RequestBody HelloWorldTestVO helloWorldTestVO);
}

6、 创建Controller，就是前端调用的Controller，Controller中的方法调用5中的Service接口的方法，进而调用服务提供者的方法。

package com.lennar.controller;

import com.lennar.service.FeignService;
import com.lennar.serviceconsumer.HelloWorldTestVO;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;

import java.util.List;
import java.util.Map;

@RestController
public class MyController {

    @Autowired
    FeignService feignService;

    //1.get请求
    @GetMapping("/hello1")
    public String sayGetHello1(@RequestParam("name") String name) {
        return feignService.myGetQuery1(name);
    }

    @GetMapping("/hello2")
    public String sayGetHello2(@RequestParam("name") String name) {
        return feignService.myGetQuery2(name);
    }

    @GetMapping("/hello3")
    public String sayGetHello3(@RequestParam("name") String name) {
        return feignService.myGetQuery3(name);
    }

    @GetMapping("/hello4")
    public String sayGetHello4(@RequestParam("name") String name) {
        return feignService.myGetQuery4(name);
    }

    @GetMapping("/hello5")
    public Map<String, Object> sayGetHello5(@RequestParam("name") String name) {
        return feignService.myGetQuery5(name);
    }

    @GetMapping("/hello6")
    public Map<String, Object> sayGetHello6(@RequestParam("name") String name) {
        return feignService.myGetQuery6(name);
    }

    @GetMapping("/hello7")
    public Map<String, Object> sayGetHello7(@RequestParam("name") String name) {
        return feignService.myGetQuery7(name);
    }

    @GetMapping("/hello8")
    public Map<String, Object> sayGetHello8(@RequestParam("name") String name) {
        return feignService.myGetQuery8(name);
    }

    //2.post请求
    @PostMapping(value = "/hello1")
    public String sayPostHello1(String name, String age, String score) {
        HelloWorldTestVO helloWorldTestVO = new HelloWorldTestVO();
        helloWorldTestVO.setName(name);
        helloWorldTestVO.setAge(age);
        return feignService.myPostQuery1(score, helloWorldTestVO);
    }

    @PostMapping(value = "/hello2")
    public String sayPostHello2(String name, String age, String score) {
        HelloWorldTestVO helloWorldTestVO = new HelloWorldTestVO();
        helloWorldTestVO.setName(name);
        helloWorldTestVO.setAge(age);
        return feignService.myPostQuery2(score, helloWorldTestVO);
    }

    @PostMapping(value = "/hello3")
    public List<String> sayPostHello3(String name, String age, String score) {
        HelloWorldTestVO helloWorldTestVO = new HelloWorldTestVO();
        helloWorldTestVO.setName(name);
        helloWorldTestVO.setAge(age);
        return feignService.myPostQuery3(score, helloWorldTestVO);
    }

    @PostMapping(value = "/hello4")
    public List<String> sayPostHello4(String name, String age, String score) {
        HelloWorldTestVO helloWorldTestVO = new HelloWorldTestVO();
        helloWorldTestVO.setName(name);
        helloWorldTestVO.setAge(age);
        return feignService.myPostQuery4(score, helloWorldTestVO);
    }

    @PostMapping(value = "/hello5")
    public Map<String, Object> sayPostHello5(String name, String age, String score) {
        HelloWorldTestVO helloWorldTestVO = new HelloWorldTestVO();
        helloWorldTestVO.setName(name);
        helloWorldTestVO.setAge(age);
        return feignService.myPostQuery5(score, helloWorldTestVO);
    }

    @PostMapping(value = "/hello6")
    public Map<String, Object> sayPostHello6(String name, String age, String score) {
        HelloWorldTestVO helloWorldTestVO = new HelloWorldTestVO();
        helloWorldTestVO.setName(name);
        helloWorldTestVO.setAge(age);
        return feignService.myPostQuery6(score, helloWorldTestVO);
    }

    @PostMapping(value = "/hello7")
    public Map<String, Object> sayPostHello7(String name, String age, String score) {
        HelloWorldTestVO helloWorldTestVO = new HelloWorldTestVO();
        helloWorldTestVO.setName(name);
        helloWorldTestVO.setAge(age);
        return feignService.myPostQuery7(score, helloWorldTestVO);
    }

    @PostMapping(value = "/hello8")
    public Map<String, Object> sayPostHello8(String name, String age, String score) {
        HelloWorldTestVO helloWorldTestVO = new HelloWorldTestVO();
        helloWorldTestVO.setName(name);
        helloWorldTestVO.setAge(age);
        return feignService.myPostQuery8(score, helloWorldTestVO);
    }

}

7、 启动即可

注：消费者只会调用服务提供者已经注册（先于消费者打开服务前已经在注册中心注册过的）且处于打开状态的服务。

四、创建前端调用项目（以AJAX为例）

1、 保证谷歌浏览器跨域，并且使用该浏览器打开前端服务。

https://jingyan.baidu.com/article/148a1921c9dbf24d71c3b11f.html

2、 编写前端代码即可

 修改pom文件中的properties和dependencies

<properties>
  <project.build.sourceEncoding>UTF-8project.build.sourceEncoding>
  <maven.compiler.source>1.7maven.compiler.source>
  <maven.compiler.target>1.7maven.compiler.target>
  <project.build.sourceEncoding>UTF-8project.build.sourceEncoding>
  <spring.version>4.1.4.RELEASEspring.version>
  <hibernate.version>4.3.8.Finalhibernate.version>
  <jackson.version>2.5.0jackson.version>
properties>

<dependencies>
 
  <dependency>
    <groupId>junitgroupId>
    <artifactId>junitartifactId>
    <version>4.12version>
    <scope>testscope>
  dependency>

 
  <dependency>
    <groupId>org.springframeworkgroupId>
    <artifactId>spring-coreartifactId>
    <version>${spring.version}version>
  dependency>

  <dependency>
    <groupId>org.springframeworkgroupId>
    <artifactId>spring-beansartifactId>
    <version>${spring.version}version>
  dependency>

  <dependency>
    <groupId>org.springframeworkgroupId>
    <artifactId>spring-contextartifactId>
    <version>${spring.version}version>
  dependency>

  <dependency>
    <groupId>org.springframeworkgroupId>
    <artifactId>spring-txartifactId>
    <version>${spring.version}version>
  dependency>

  <dependency>
    <groupId>org.springframeworkgroupId>
    <artifactId>spring-webartifactId>
    <version>${spring.version}version>
  dependency>

  <dependency>
    <groupId>org.springframeworkgroupId>
    <artifactId>spring-jdbcartifactId>
    <version>${spring.version}version>
  dependency>
  <dependency>
    <groupId>org.springframeworkgroupId>
    <artifactId>spring-aopartifactId>
    <version>${spring.version}version>
  dependency>

  <dependency>
    <groupId>org.springframeworkgroupId>
    <artifactId>spring-testartifactId>
    <version>${spring.version}version>
    <scope>testscope>
  dependency>

 
  <dependency>
    <groupId>org.springframeworkgroupId>
    <artifactId>spring-webmvcartifactId>
    <version>${spring.version}version>
  dependency>

 
  <dependency>
    <groupId>org.springframeworkgroupId>
    <artifactId>spring-ormartifactId>
    <version>${spring.version}version>
  dependency>

 
  <dependency>
    <groupId>org.hibernategroupId>
    <artifactId>hibernate-coreartifactId>
    <version>${hibernate.version}version>
  dependency>
  <dependency>
    <groupId>org.hibernategroupId>
    <artifactId>hibernate-entitymanagerartifactId>
    <version>${hibernate.version}version>
  dependency>

  <dependency>
    <groupId>org.hibernategroupId>
    <artifactId>hibernate-ehcacheartifactId>
    <version>${hibernate.version}version>
  dependency>

 
  <dependency>
    <groupId>net.sf.ehcachegroupId>
    <artifactId>ehcacheartifactId>
    <version>2.9.0version>
  dependency>

 
  <dependency>
    <groupId>org.slf4jgroupId>
    <artifactId>slf4j-log4j12artifactId>
    <version>1.7.14version>
  dependency>

 
  <dependency>
    <groupId>org.postgresqlgroupId>
    <artifactId>postgresqlartifactId>
    <version>42.2.2version>
  dependency>
  <dependency>
    <groupId>commons-dbcpgroupId>
    <artifactId>commons-dbcpartifactId>
    <version>1.2.2version>
  dependency>

 
  <dependency>
    <groupId>mysqlgroupId>
    <artifactId>mysql-connector-javaartifactId>
    <version>5.1.34version>
  dependency>

 
  <dependency>
    <groupId>com.oraclegroupId>
    <artifactId>ojdbc6artifactId>
    <version>11.2.0.3version>
  dependency>

 
  <dependency>
    <groupId>com.mchangegroupId>
    <artifactId>c3p0artifactId>
    <version>0.9.5-pre10version>
  dependency>

 
  <dependency>
    <groupId>com.alibabagroupId>
    <artifactId>fastjsonartifactId>
    <version>1.2.3version>
  dependency>

  <dependency>
    <groupId>com.fasterxml.jackson.coregroupId>
    <artifactId>jackson-annotationsartifactId>
    <version>${jackson.version}version>
  dependency>

  <dependency>
    <groupId>com.fasterxml.jackson.coregroupId>
    <artifactId>jackson-coreartifactId>
    <version>${jackson.version}version>
  dependency>

  <dependency>
    <groupId>com.fasterxml.jackson.coregroupId>
    <artifactId>jackson-databindartifactId>
    <version>${jackson.version}version>
  dependency>

 
  <dependency>
    <groupId>org.aspectjgroupId>
    <artifactId>aspectjweaverartifactId>
    <version>1.8.4version>
  dependency>
 
  <dependency>
    <groupId>javax.servletgroupId>
    <artifactId>servlet-apiartifactId>
    <version>3.0-alpha-1version>
    <scope>providedscope>
  dependency>
  <dependency>
    <groupId>javax.servletgroupId>
    <artifactId>jstlartifactId>
    <version>1.2version>
  dependency>
  <dependency>
    <groupId>javax.servletgroupId>
    <artifactId>javax.servlet-apiartifactId>
    <version>3.1.0version>
  dependency>
  <dependency>
    <groupId>taglibsgroupId>
    <artifactId>standardartifactId>
    <version>1.1.2version>
  dependency>
  <dependency>
    <groupId>org.aspectjgroupId>
    <artifactId>aspectjweaverartifactId>
    <version>1.8.7version>
  dependency>
  <dependency>
    <groupId>commons-collectionsgroupId>
    <artifactId>commons-collectionsartifactId>
    <version>3.2.1version>
  dependency>
  <dependency>
    <groupId>jstlgroupId>
    <artifactId>jstlartifactId>
    <version>1.2version>
  dependency>
  <dependency>
    <groupId>taglibsgroupId>
    <artifactId>standardartifactId>
    <version>1.1.2version>
  dependency>
 
  <dependency>
    <groupId>javax.servletgroupId>
    <artifactId>jsp-apiartifactId>
    <version>2.0version>
    <scope>providedscope>
  dependency>
  <dependency>
    <groupId>org.apache.commonsgroupId>
    <artifactId>commons-lang3artifactId>
    <version>3.7version>
  dependency>
  <dependency>
    <groupId>org.apache.commonsgroupId>
    <artifactId>commons-lang3artifactId>
    <version>3.7version>
  dependency>

dependencies>

修改web.xml（将原来的web.xml覆盖即可）

xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         id="WebApp_ID" version="3.1">
 
   
   
 

 
   
 

 
   
   
   
     
     
   
   
 

 
   
   
 

 
  <filter>
    <filter-name>CharacterEncodingFilterfilter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilterfilter-class>
    <init-param> 
      <param-name>encodingparam-name>
      <param-value>UTF-8param-value>
    init-param>
    <init-param> 
      <param-name>forceEncodingparam-name>
      <param-value>trueparam-value>
    init-param>
  filter>
  <filter-mapping>
    <filter-name>CharacterEncodingFilterfilter-name>
    <url-pattern>/*url-pattern>
  filter-mapping>

web-app>

添加jquery.js并在index.jsp中导入

（index.jsp）

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首界面title>
    <style>
    style>
head>
<body>
<hr>
<hr>
<div id="testDivId">div>
<hr>
<hr>
<div><font color="red">向消费者发出请求font>div>
<button class="testGet" id="testGetBtnId1">testGet1button>
<button class="testGet" id="testGetBtnId2">testGet2button>
<button class="testGet" id="testGetBtnId3">testGet3button>
<button class="testGet" id="testGetBtnId4">testGet4button>
<button class="testGet" id="testGetBtnId5">testGet5button>
<button class="testGet" id="testGetBtnId6">testGet6button>
<button class="testGet" id="testGetBtnId7">testGet7button>
<button class="testGet" id="testGetBtnId8">testGet8button>
<br>
<br>
<br>
<button class="testPost" id="testPostBtnId1">testPost1button>
<button class="testPost" id="testPostBtnId2">testPost2button>
<button class="testPost" id="testPostBtnId3">testPost3button>
<button class="testPost" id="testPostBtnId4">testPost4button>
<button class="testPost" id="testPostBtnId5">testPost5button>
<button class="testPost" id="testPostBtnId6">testPost6button>
<button class="testPost" id="testPostBtnId7">testPost7button>
<button class="testPost" id="testPostBtnId8">testPost8button>
<br>
<hr>
<hr>
<div><font color="red">向提供者发出请求font>div>
<button class="testProviderGet" id="testProviderGet1">testProviderGet1button>
<button class="testProviderGet" id="testProviderGet2">testProviderGet2button>
<button class="testProviderGet" id="testProviderGet3">testProviderGet3button>
<button class="testProviderGet" id="testProviderGet4">testProviderGet4button>
<br>
<br>
<br>
<button class="testProviderPost" id="testProviderPost1">testProviderPost1button>
<button class="testProviderPost" id="testProviderPost2">testProviderPost2button>
<button class="testProviderPost" id="testProviderPost3">testProviderPost3button>
<button class="testProviderPost" id="testProviderPost4">testProviderPost4button>
<script>
    var contextPath = "${pageContext.request.contextPath}";
script>
<script src="${pageContext.request.contextPath}/js/jquery.js">script>
<script src="${pageContext.request.contextPath}/js/myTestJS.js">script>
body>
html>

（myTestJS.js文件）

$(function () {
    //向消费者发送请求，进而消费者调用服务者的服务，提供数据
    $(".testGet").on("click", function () {
        var flag = $(this).text().split("testGet")[1];
        $.ajax({
            url: "http://10.17.66.19:7772/hello" + flag,
            data: {name: "张三"},
            type: "GET",
            success: function (res) {
                if (Number(flag) > 4) {
                    $("#testDivId").html(res.resultMessage);
                } else {
                    $("#testDivId").html(res);
                }
            }
        });
    });

    $(".testPost").on("click", function () {
        var flag = $(this).text().split("testPost")[1];
        $.ajax({
            url: "http://10.17.66.19:7772/hello" + flag,
            data: {name: "王五", age: "24", score: "110"},
            type: "POST",
            success: function (res) {
                if (Number(flag) > 4) {
                    $("#testDivId").html(res.resultMessage);
                } else {
                    $("#testDivId").html(res);
                }
            }
        });
    });

    //直接向服务提供者发送请求
    //只是post请求中，如果有@RequestParam，则需要将参数放在请求头部，而@RequestBody修饰的内容放在data的json字符串中，且设置contentType: "application/json"
    $(".testProviderGet").on("click", function () {
        var flag = $(this).text().split("testProviderGet")[1];
        $.ajax({
            url: "http://10.17.66.19:7771/test/getMethod" + flag,
            data: {studentName: "李四"},
            type: "GET",
            success: function (res) {
                if (Number(flag) > 2) {
                    $("#testDivId").html(res.resultMessage);
                } else {
                    $("#testDivId").html(res);
                }
            }
        });
    });

    $(".testProviderPost").on("click", function () {
        var flag = $(this).text().split("testProviderPost")[1];
        $.ajax({
            url: "http://10.17.66.19:7771/test/postMethod" + flag + "?studentScore=120",
            data: JSON.stringify({name: "王五", age: "24"}),
            type: "POST",
            contentType: "application/json",
            success: function (res) {
                if (Number(flag) > 2) {
                    $("#testDivId").html(res.resultMessage);
                } else {
                    $("#testDivId").html(res);
                }
            }
        });
    });
});

3、 配置一个Tomcat，启动项目，使用跨域的谷歌浏览器测试即可

 

五、注意事项

1、 通过idea创建项目的时候，https://start.spring.io很有可能不能使用，这个时候，通过点击一下，在浏览器中打开一次，然后回到idea，再试一试。

2、 可以直接到https://start.spring.io中去创建项目。对于注册中心只需要Eureka Server；对于服务提供者需要web和Eureka Discovery；对于服务消费者需要web、Eureka Discovery和Feign。

转载于:https://www.cnblogs.com/lennar/p/10430648.html