Springboot構建應用程序

使用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團隊產品經理譯製，轉載請標明出處