全栈开发实战:Angular与Spring Boot整合指南
// Angular Service 用于从 Spring Boot 获取数据
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { User } from './user';
@Injectable({
providedIn: 'root'
})
export class UserService {
constructor(private http: HttpClient) { }
// 获取所有用户
getAllUsers(): Observable<User[]> {
return this.http.get<User[]>('http://localhost:8080/users');
}
// 根据 ID 获取单个用户
getUser(id: number): Observable<User> {
return this.http.get<User>(`http://localhost:8080/users/${id}`);
}
// 添加新用户
addUser(user: User): Observable<User> {
return this.http.post<User>('http://localhost:8080/users', user);
}
// 更新现有用户
updateUser(id: number, user: User): Observable<User> {
return this.http.put<User>(`http://localhost:8080/users/${id}`, user);
}
// 删除用户
deleteUser(id: number): Observable<any> {
return this.http.delete(`http://localhost:8080/users/${id}`);
}
}
这段代码展示了如何在Angular应用中创建一个服务来与Spring Boot应用通过HTTP请求进行交互。这里使用了HttpClient服务来发送请求并获取响应,这是Angular处理HTTP通信的标准方式。代码中的User类是一个假设存在的类,它表示用户数据的模型。在实际应用中,你需要根据自己的应用程序的实际模型来替换它。
评论已关闭