javascript
使用Spring boot，Thymeleaf，AngularJS从零开始构建一个新的Web应用程序-第1部分
在這一系列博客文章中，我們將使用以下技術堆棧構建完整的響應式Web應用程序：
1）彈簧靴
– Spring MVC網站
– Spring Data JPA –Spring安全 2）Thymeleaf用于服務器端模板 3）客戶端MVC的Angular JS（包括帶有Bower的JS依賴項管理） 4）在AWS / EBS / Heroku / Openshift上部署應用程序
我們將使用好的老手來開始。
步驟1：使用Thymeleaf的簡單Hello world UI
1.）首先，讓我們在本地文件系統中創建一個工作區以啟動項目。
Anirudhs-MacBook-Pro:~ anirudh$ mkdir practice && cd practice 2.）打開您喜歡的IDE（eclipse / IDEA）并使用maven啟動一個新項目（您也可以使用快速入門maven原型）。 提供您選擇的組ID和人工ID。
我使用以下內容：
3.）創建項目后，打開Pom.xml并在下面粘貼以下內容
<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><groupId>com.practice</groupId><artifactId>ecomm</artifactId><version>1.0-SNAPSHOT</version><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>1.3.3.RELEASE</version></parent><dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency></dependencies><properties><java.version>1.8</java.version></properties></project>4.）現在在您的包中添加SpringBoot的Application.class（位于com.practice）
import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication;@SpringBootApplication public class Application {public static void main(String[] args) {SpringApplication.run(Application.class, args);}} 5）添加一個控制器
使用名稱控制器在com.practice內制作一個新包，并添加HomeController.Java
注意，注釋不是“ @RestController”，而只是“ @Controller”，它是Spring MVC控制器，它返回一個視圖。
6）最后，我們將制作一個視圖HTML文件。 Thymeleaf是此處的模板庫，用于生成該庫。
將此index.html放在以下位置：src / main / resources / templates（Spring啟動約定）
7.）運行應用程序
轉到控制臺并轉到主目錄，該目錄中有pom.xml文件并運行mvn clean package
在構建項目之后，使用spring-boot：run運行
Anirudhs-MacBook-Pro:practice anirudh$ mvn spring-boot:run現在轉到http：// localhost：8080 / home并找到您的登錄頁面。
在下一個博客中，我們將添加更多功能，公開REST服務，并在我們的應用程序中添加介紹Angular JS。
翻譯自: https://www.javacodegeeks.com/2016/04/build-new-web-application-scratch-using-spring-boot-thymeleaf-angularjs-part-1.html
總結
以上是生活随笔為你收集整理的使用Spring boot，Thymeleaf，AngularJS从零开始构建一个新的Web应用程序-第1部分的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 消息称三星今年 9/10 月将发布四款
- 下一篇： 介绍Spring Integration