消费RESTful Web服务

📌 相关文章

📜 消费RESTful Web服务

📅 最后修改于: 2020-11-11 05:39:51 🧑 作者: Mango

本章将详细讨论有关使用jQuery AJAX使用RESTful Web服务的信息。

创建一个简单的Spring Boot Web应用程序并编写一个控制器类文件，该文件用于重定向到HTML文件以使用RESTful Web服务。

我们需要在构建配置文件中添加Spring Boot启动器Thymeleaf和Web依赖项。

对于Maven用户，在pom.xml文件中添加以下依赖项。


   org.springframework.boot
   spring-boot-starter-thymeleaf



   org.springframework.boot
   spring-boot-starter-web

对于Gradle用户，将以下依赖项添加到build.gradle文件中-

compile group: ‘org.springframework.boot’, name: ‘spring-boot-starter-thymeleaf’
compile(‘org.springframework.boot:spring-boot-starter-web’)

@Controller类文件的代码在下面给出-

@Controller
public class ViewController {
}

您可以定义Request URI方法以重定向到HTML文件，如下所示-

@RequestMapping(“/view-products”)
public String viewProducts() {
   return “view-products”;
}
@RequestMapping(“/add-products”)
public String addProducts() {
   return “add-products”;
}

这个API http：// localhost：9090 / products应该返回以下JSON作为响应，如下所示-

[
   {
      "id": "1",
      "name": "Honey"
   },
   {
      "id": "2",
      "name": "Almond"
   }
]

现在，在类路径的模板目录下创建一个view-products.html文件。

在HTML文件中，我们添加了jQuery库并编写了代码以在页面加载时使用RESTful Web服务。

POST方法和此URL http：// localhost：9090 / products应该包含下面的请求正文和响应正文。

请求主体的代码如下-

{
   "id":"3",
   "name":"Ginger"
}

响应主体的代码如下-

Product is created successfully

现在，在类路径的模板目录下创建add-products.html文件。

在HTML文件中，我们添加了jQuery库，并编写了单击该按钮将表单提交到RESTful Web服务的代码。

完整的代码如下。

Maven – pom.xml文件



   
   4.0.0
   com.tutorialspoint
   demo
   0.0.1-SNAPSHOT
   jar
   demo
   Demo project for Spring Boot

   
      org.springframework.boot
      spring-boot-starter-parent
      1.5.8.RELEASE
      
   

   
      UTF-8
      UTF-8
      1.8
   

   
      
         org.springframework.boot
         spring-boot-starter-web
      

      
         org.springframework.boot
         spring-boot-starter-test
         test
      

      
         org.springframework.boot
         spring-boot-starter-thymeleaf
      
   

   
      
         
            org.springframework.boot
            spring-boot-maven-plugin

下面给出了Gradle – build.gradle的代码-

buildscript {
   ext {
      springBootVersion = ‘1.5.8.RELEASE’
   }
   repositories {
      mavenCentral()
   }
   dependencies {
      classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}")
   }
}

apply plugin: ‘java’
apply plugin: ‘eclipse’
apply plugin: ‘org.springframework.boot’

group = ‘com.tutorialspoint’
version = ‘0.0.1-SNAPSHOT’
sourceCompatibility = 1.8

repositories {
   mavenCentral()
}

dependencies {
   compile(‘org.springframework.boot:spring-boot-starter-web’)
   compile group: ‘org.springframework.boot’, name: ‘spring-boot-starter-thymeleaf’
   testCompile(‘org.springframework.boot:spring-boot-starter-test’)
}

下面给出的控制器类文件– ViewController.java在下面给出-

package com.tutorialspoint.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class ViewController {
   @RequestMapping(“/view-products”)
   public String viewProducts() {
      return “view-products”;
   }
   @RequestMapping(“/add-products”)
   public String addProducts() {
      return “add-products”;   
   }   
}

下面给出了view-products.html文件-


      View Products

add-products.html文件在下面给出-


      Add Products

下面给出了主要的Spring Boot Application类文件-

package com.tutorialspoint.demo;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

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

现在，您可以创建一个可执行的JAR文件，并使用以下Maven或Gradle命令运行Spring Boot应用程序。

对于Maven，请使用以下命令-

mvn clean install

在“ BUILD SUCCESS”之后，您可以在目标目录下找到JAR文件。

对于Gradle，请使用以下命令-

gradle clean build

在“ BUILD SUCCESSFUL”之后，您可以在build / libs目录下找到JAR文件。

使用以下命令运行JAR文件-

java –jar

现在，该应用程序已在Tomcat端口8080上启动。

在Tomcat Port_8080上启动应用程序

现在在您的Web浏览器中点击URL，您可以看到如下所示的输出-

http：// localhost：8080 / view-products

1蜂蜜_2杏仁

http：// localhost：8080 / add-products

提交表格Spring Boot

现在，单击按钮单击此处提交表单，您可以看到如下所示的结果-

提交表单Spring Boot输出窗口

现在，点击查看产品URL并查看创建的产品。

http：// localhost：8080 / view-products

1蜂蜜2杏仁3姜

角JS

要使用Angular JS来使用API，可以使用下面给出的示例-

使用以下代码创建Angular JS Controller以使用GET API- http：// localhost：9090 / products-

angular.module('demo', [])
.controller('Hello', function($scope, $http) {
   $http.get('http://localhost:9090/products').
   then(function(response) {
      $scope.products = response.data;
   });
});

使用以下代码创建使用POST API的Angular JS控制器-http：// localhost：9090 / products-

angular.module('demo', [])
.controller('Hello', function($scope, $http) {
   $http.post('http://localhost:9090/products',data).
   then(function(response) {
      console.log("Product created successfully");
   });
});

注意-Post方法数据代表JSON格式的Request主体，用于创建产品。