探索全栈开发新境界：Spring Boot与Angular的完美碰撞

// 定义一个简单的Spring Boot REST控制器
@RestController
@RequestMapping("/api")
class SimpleController {
    @GetMapping("/greeting")
    fun greeting(@RequestParam(name = "name", defaultValue = "World") name: String) =
        Greeting(counter.incrementAndGet(), "Hello, $name")
}
 
// 定义Angular服务来调用Spring Boot API
@Injectable()
export class GreetingService {
    constructor(private http: HttpClient) {}
 
    getGreeting(name: string): Observable<Greeting> {
        return this.http.get<Greeting>(`/api/greeting?name=${name}`);
    }
}
 
// 在Angular组件中使用服务
@Component({
    selector: 'app-greeting',
    template: '<h1>{{ greeting.content }}</h1>'
})
export class GreetingComponent implements OnInit {
    greeting: Greeting;
 
    constructor(private greetingService: GreetingService) {}
 
    ngOnInit() {
        this.greetingService.getGreeting("World").subscribe(greeting => this.greeting = greeting);
    }
}

这个代码示例展示了如何在Spring Boot后端定义一个REST API，并在Angular前端中创建一个服务来调用这个API。同时，它还展示了如何在Angular组件中使用这个服务来获取数据，并在视图中显示它。这个示例为开发者提供了一个完整的端到端的参考，展示了如何将两个世界中的技术完美结合。