Spring Boot RESTful Web服务,本章将详细讨论如何使用 jQuery AJAX 使用 RESTful Web 服务。创建一个简单的 Spring Boot Web 应用程序并编写一个控制器类文件，用于重定向到 HTML 文件以使用 RESTful Web 服务。
我们需要在构建配置文件中添加 Spring Boot starter 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 net.zuze 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 = ‘net.zuze’
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 net.zuze.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 应用程序类文件如下：
package net.zuze.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 上启动。
现在在您的网络浏览器中点击 URL，您可以看到如下所示的输出 –
http://localhost:8080/view-products
http://localhost:8080/add-products
submit_form_spring_boot
现在，单击按钮单击此处提交表单，您可以看到如图所示的结果 –
现在，点击查看产品 URL 并查看创建的产品。
http://localhost:8080/view-products
Angular JS
要使用 Angular JS 使用 API，您可以使用下面给出的示例 –
使用以下代码创建 Angular JS 控制器以使用 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;
});
});
使用以下代码创建 Angular JS 控制器以使用 POST API – 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 格式的请求主体以创建产品。
