共计 1109 个字符，预计需要花费 3 分钟才能阅读完成。
使用 Java 8，Spring Boot 和 Angular 创建简单的 Web 应用程序
入门条件
· Java 8 已安装。
· 任何 Java IDE（最好是 STS 或 IntelliJ IDEA）。
· 使用 HTML，CSS 和 JavaScript，基本了解基于 Java 和 Spring 的 Web 开发和 UI 开发。
背景
在本文中，我将尝试使用 <u>Java 8</u> 和 <u>Spring Boot</u> 创建一个小型端到端 Web 应用程序。
我选择了 SpringBoot，因为它更容易配置并且可以很好地与其他技术堆栈配合使用。我还使用了 REST API 和 SpringData JPA 以及 H2 数据库。
我使用 <u>Spring Initializer</u> 添加所有依赖项，并使用我的所有配置创建一个空白的工作项目。
我使用 Maven 作为构建工具，但也可以使用 Gradle。
pom.xml
在 UI 部分，我使用了 AngularJS 和 BootStrap CSS 以及基本的 JS，CSS 和 HTML。
这是一个非常简单的可用于创建 Web 应用程序的项目。
结构
实施
让我们从 SpringBootApplication 类开始。
我们现在创建 Controller。
这将作为我们 SPA 的主页。现在我们创建一个 Controller 来处理一些 REST 调用。
在这里，我们有不同的方法来处理来自客户端的不同测试调用。
我在 Controller 中安装了一个 Service 类 UserService。
在典型的 Web 应用程序中，通常有两种类型的数据对象：DTO（通过客户端进行通信）和实体（通过 DB 进行通信）。
DTO
Entity
对于数据库操作，我们使用 SpringData JPA：
在默认情况下，扩展 JpaRepository 提供了大量的 CRUD 操作，也可以使用它来创建自己的查询方法。
为了转换 DTO – >Entity 和 Entity – > DTO，我创建了一些基本的转换器类。
现在让我们关注 UI 部分。
使用 Angular 时，我们需要遵循一些指导原则。
index.html
在创建 HTML 时，不要忘记导入所需的 JS 和 CSS 文件。
app.js
UserService.js
app.css
可以使用以下方法构建应用程序
mvn clean install 或者 java -jar bootdemo-0.0.1-SNAPSHOT.jar
打开浏览器并点击 http：// localhost：8080 / home
在打开一个简单的页面之后，输入名称和技能，输入的数据将保留在数据库中。
本人创业团队产品 MadPecker，主要做 BUG 管理、测试管理、应用分发，有需要的朋友欢迎试用、体验！
本文为 MadPecker 团队产品经理译制，转载请标明出处
