2015年5月21日木曜日

簡単!Spring frameworkでWEBサイトを作る ~org.thymeleaf+Spring MVC~

まず、新しいプロジェクトを作成します。
File→New→Otherと進みます。
表示されたダイアログで「Spring Starter Project」を選択してNextをクリック
作るプロジェクトの初期設定をします。簡単なWebアプリを作るならWebにチェックを入れてFinishをクリック
ここまでが、プロジェクトの初期作成段階になります。

次に、テンプレートエンジンを取り込みます。
pom.xmlをダブルクリックし、下側にあるDependenciesのタブを開いて、Addをおします。
<dependency>
 <groupId>org.thymeleaf</groupId>
 <artifactId>thymeleaf-spring4</artifactId>
 <version>2.1.4.RELEASE</version>
</dependency>
groupId、artifactIdを入力し、OKで画面を閉じた後にpom.xmlを保存します。

次に、コントローラーと呼ばれるクラスを作ります。
Fire→New→Classをクリック
PackageとNameの部分を適当に入力してクリック
package demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class DemoController {
 @RequestMapping("/demo")
 public String demo(String name, Model model) {
  model.addAttribute("name", name);
  return "demo";
 }
}

 とでも書いておきます。

次に、HTMLの作成です。
「src/main/resources/templates」にdemo.htmlを作成します。
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
    <p th:text="'Hello, ' + ${name} + '!'" />
</body>
</html>
とでも書いておきます。


Run→Debug As→Spring Boot Appをクリックすると起動されます。

http://localhost:8080/demo?name=hogehoge

にアクセスするとこんな感じのページが表示されます。

Spring boot appのお陰で、だいぶ簡単にWEBアプリが作れるようになりましたねー

0 件のコメント:

コメントを投稿