Angular 是一个基于 TypeScript 的框架,主要用于构建 Web 应用程序的前端;而 Spring Boot 是一个基于 Java 的框架,用于构建 Web 应用程序的后端。将这两个框架结合在一起,可以创建一个强大的全栈 Web 应用程序。为了使用 Angular 和 Spring Boot 创建一个非常简单的应用程序,我们将利用 Spring Boot 的强大功能创建一个获取 API 的端点。Angular 将使用该 API 并将其呈现在 UI 上。就这么简单。
构建后端
先决条件
- Java 开发工具包
- Maven
- IDE(最好是 IntelliJ)
创建 Spring Boot 项目
- 转到Spring Initializr网站。
- 项目:Maven
- 语言:Java
- 名称:springDemo
- 添加依赖:Spring Web
- 点击“生成”
- 解压下载的项目并在 IntelliJ IDE 中打开它。
创建 Rest API
- 在 com.example.demo 包中创建控制器包
- 在控制器包内创建一个Java类,名为:MessageController。
- 使用 Rest Controller 注释该类,以便处理此类的方法自动将返回对象序列化为HttpResponse。
- 添加带有括号中指定端点的 RequestMapping 注释,以将请求映射到控制器的方法。
- CrossOrigin 注解将指定允许使用